18 lines
905 B
Vue
18 lines
905 B
Vue
<script setup lang="ts">
|
|
withDefaults(defineProps<{ color?: string, cut?: string }>(), { color: '#2F6B2A', cut: '#14100D' })
|
|
</script>
|
|
|
|
<template>
|
|
<svg viewBox="0 0 200 220" aria-hidden="true">
|
|
<path d="M100 214C52 204 12 166 8 114 4 60 46 12 100 10c56-2 94 44 92 98-2 54-42 96-92 106z" :fill="color" />
|
|
<path d="M100 214C98 150 100 80 104 12" stroke="rgba(0,0,0,.25)" stroke-width="5" fill="none" />
|
|
<g :stroke="cut" stroke-width="7" stroke-linecap="round" fill="none">
|
|
<path d="M101 60 40 40" /><path d="M101 100 14 96" /><path d="M100 140 28 170" />
|
|
<path d="M103 60 168 34" /><path d="M102 100 190 92" /><path d="M101 142 170 176" />
|
|
</g>
|
|
<g :fill="cut">
|
|
<ellipse cx="66" cy="76" rx="7" ry="4" /><ellipse cx="138" cy="74" rx="7" ry="4" />
|
|
<ellipse cx="60" cy="122" rx="7" ry="4" /><ellipse cx="144" cy="122" rx="7" ry="4" />
|
|
</g>
|
|
</svg>
|
|
</template>
|