44 lines
1005 B
Vue
44 lines
1005 B
Vue
<script setup lang="ts">
|
|
withDefaults(defineProps<{ size?: number; variant?: 'mark' | 'full' }>(), {
|
|
size: 32,
|
|
variant: 'mark',
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<svg
|
|
class="atlas-logo"
|
|
:width="size"
|
|
:height="size"
|
|
viewBox="0 0 32 32"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
aria-hidden="true"
|
|
>
|
|
<rect width="32" height="32" rx="8" fill="#0f7a62" />
|
|
<circle cx="16" cy="16" r="9" stroke="#fafafa" stroke-width="1.5" opacity="0.95" />
|
|
<path
|
|
d="M7 16c3.2-5 14.8-5 18 0M7 16c3.2 5 14.8 5 18 0M16 7v18"
|
|
stroke="#fafafa"
|
|
stroke-width="1.2"
|
|
stroke-linecap="round"
|
|
opacity="0.85"
|
|
/>
|
|
<path
|
|
d="M12.5 21.5 16 10l3.5 11.5"
|
|
stroke="#fafafa"
|
|
stroke-width="1.8"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
/>
|
|
<path d="M13.8 18.2h4.4" stroke="#0f7a62" stroke-width="1.6" stroke-linecap="round" />
|
|
</svg>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.atlas-logo {
|
|
display: block;
|
|
flex-shrink: 0;
|
|
}
|
|
</style>
|