Files
Website/frontend/src/components/PlatformLogo.vue
T

29 lines
1.2 KiB
Vue

<script setup lang="ts">
withDefaults(
defineProps<{ platform: 'windows' | 'macos'; size?: number; decorative?: boolean }>(),
{
size: 18,
decorative: false,
},
)
</script>
<template>
<svg
viewBox="0 0 24 24"
:width="size"
:height="size"
fill="currentColor"
:role="decorative ? undefined : 'img'"
:aria-hidden="decorative || undefined"
:aria-label="decorative ? undefined : platform === 'windows' ? 'Windows' : 'macOS'"
>
<title v-if="!decorative">{{ platform === 'windows' ? 'Windows' : 'macOS' }}</title>
<path v-if="platform === 'windows'" d="M2 2h9v9H2zm11 0h9v9h-9zM2 13h9v9H2zm11 0h9v9h-9z" />
<path
v-else
d="M17.05 12.536c.031 3.132 2.748 4.174 2.778 4.188-.023.073-.434 1.485-1.431 2.944-.862 1.261-1.757 2.518-3.166 2.544-1.384.026-1.829-.822-3.412-.822-1.582 0-2.076.796-3.387.848-1.36.052-2.395-1.363-3.265-2.619-1.778-2.568-3.137-7.257-1.313-10.422.906-1.572 2.525-2.568 4.282-2.594 1.335-.026 2.595.9 3.412.9.817 0 2.351-1.113 3.96-.95.674.028 2.568.272 3.785 2.052-.098.061-2.261 1.316-2.243 3.931M14.447 4.854c.723-.875 1.21-2.094 1.077-3.306-1.043.042-2.304.695-3.052 1.57-.67.775-1.256 2.016-1.098 3.204 1.163.09 2.35-.59 3.073-1.468"
/>
</svg>
</template>