21 lines
1.2 KiB
Vue
21 lines
1.2 KiB
Vue
<script setup lang="ts">
|
|
// Toucan provisoire (repère de mise en page) — à remplacer par le logo officiel PANZAÏ
|
|
withDefaults(defineProps<{ size?: number, branch?: boolean, label?: string }>(), { size: 120, branch: true, label: '' })
|
|
</script>
|
|
|
|
<template>
|
|
<svg viewBox="0 0 160 160" :width="size" :height="size" :role="label ? 'img' : undefined" :aria-label="label || undefined" :aria-hidden="label ? undefined : 'true'">
|
|
<path d="M44 132C30 110 30 70 52 52c16-12 32-8 38 8 8 22 2 58-20 76z" fill="#0B0908" stroke="#2A1C12" stroke-width="2" />
|
|
<path d="M58 62c8-10 24-8 28 4 2 10-6 20-18 20-8-2-12-12-10-24z" fill="#F3E3C3" />
|
|
<path d="M80 52c20-12 60-8 76 10-16 4-46 10-70 8z" fill="#FFB43A" />
|
|
<path d="M86 70c24 2 54-4 70-8-6 8-26 14-64 14z" fill="#E8622A" />
|
|
<path d="M146 58c4 1 8 2 10 4-3 2-7 3-10 3z" fill="#14100D" />
|
|
<circle cx="74" cy="54" r="7" fill="#8CC63F" />
|
|
<circle cx="75" cy="54" r="3" fill="#0B0908" />
|
|
<template v-if="branch">
|
|
<path d="M50 128 38 156l20-8z" fill="#0B0908" />
|
|
<rect x="18" y="134" width="124" height="11" rx="5.5" fill="#2A1C12" />
|
|
<path d="M60 132v8M72 132v8" stroke="#FFB43A" stroke-width="3" stroke-linecap="round" />
|
|
</template>
|
|
</svg>
|
|
</template>
|