35 lines
763 B
Vue
35 lines
763 B
Vue
<template>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 512 512"
|
|
:class="svgClass"
|
|
>
|
|
<ellipse cx="256" cy="256" rx="180" ry="170" fill="#FFDB58" />
|
|
<circle cx="360" cy="180" r="90" fill="#FFDB58" />
|
|
<circle cx="390" cy="160" r="15" fill="#333" />
|
|
<path d="M430 190 L480 180 L430 210 Z" fill="#F97316" />
|
|
<path d="M180 370 L150 410 L210 410 Z" fill="#F97316" />
|
|
<path d="M300 370 L270 410 L330 410 Z" fill="#F97316" />
|
|
<ellipse
|
|
cx="200"
|
|
cy="250"
|
|
rx="60"
|
|
ry="40"
|
|
fill="#FFE082"
|
|
transform="rotate(-10, 200, 250)"
|
|
/>
|
|
</svg>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "DuckSvg",
|
|
props: {
|
|
svgClass: {
|
|
type: String,
|
|
default: "",
|
|
},
|
|
},
|
|
};
|
|
</script>
|