37 lines
2.5 KiB
XML
37 lines
2.5 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
|
|
<defs>
|
|
<radialGradient id="petalGrad" cx="50%" cy="40%" r="50%">
|
|
<stop offset="0%" style="stop-color:#f0a86a"/>
|
|
<stop offset="100%" style="stop-color:#e87a2e"/>
|
|
</radialGradient>
|
|
<radialGradient id="centerGrad" cx="45%" cy="40%" r="50%">
|
|
<stop offset="0%" style="stop-color:#f5c842"/>
|
|
<stop offset="100%" style="stop-color:#d4941a"/>
|
|
</radialGradient>
|
|
</defs>
|
|
<!-- Stem and leaves -->
|
|
<path d="M100,160 Q95,180 98,198" stroke="#4a7a3e" stroke-width="3" fill="none" stroke-linecap="round"/>
|
|
<path d="M98,175 Q75,165 65,170 Q78,180 98,175" fill="#5a8a4e" opacity="0.8"/>
|
|
<path d="M99,185 Q125,178 135,182 Q122,192 99,185" fill="#5a8a4e" opacity="0.8"/>
|
|
<!-- Outer petals -->
|
|
<ellipse cx="100" cy="50" rx="22" ry="35" fill="url(#petalGrad)" transform="rotate(0,100,90)" opacity="0.9"/>
|
|
<ellipse cx="100" cy="50" rx="22" ry="35" fill="url(#petalGrad)" transform="rotate(45,100,90)" opacity="0.9"/>
|
|
<ellipse cx="100" cy="50" rx="22" ry="35" fill="url(#petalGrad)" transform="rotate(90,100,90)" opacity="0.9"/>
|
|
<ellipse cx="100" cy="50" rx="22" ry="35" fill="url(#petalGrad)" transform="rotate(135,100,90)" opacity="0.9"/>
|
|
<ellipse cx="100" cy="50" rx="22" ry="35" fill="url(#petalGrad)" transform="rotate(180,100,90)" opacity="0.9"/>
|
|
<ellipse cx="100" cy="50" rx="22" ry="35" fill="url(#petalGrad)" transform="rotate(225,100,90)" opacity="0.9"/>
|
|
<ellipse cx="100" cy="50" rx="22" ry="35" fill="url(#petalGrad)" transform="rotate(270,100,90)" opacity="0.9"/>
|
|
<ellipse cx="100" cy="50" rx="22" ry="35" fill="url(#petalGrad)" transform="rotate(315,100,90)" opacity="0.9"/>
|
|
<!-- Inner petals -->
|
|
<ellipse cx="100" cy="65" rx="14" ry="22" fill="#f09a4e" transform="rotate(22,100,90)" opacity="0.8"/>
|
|
<ellipse cx="100" cy="65" rx="14" ry="22" fill="#f09a4e" transform="rotate(97,100,90)" opacity="0.8"/>
|
|
<ellipse cx="100" cy="65" rx="14" ry="22" fill="#f09a4e" transform="rotate(172,100,90)" opacity="0.8"/>
|
|
<ellipse cx="100" cy="65" rx="14" ry="22" fill="#f09a4e" transform="rotate(247,100,90)" opacity="0.8"/>
|
|
<ellipse cx="100" cy="65" rx="14" ry="22" fill="#f09a4e" transform="rotate(322,100,90)" opacity="0.8"/>
|
|
<!-- Flower center -->
|
|
<circle cx="100" cy="90" r="18" fill="url(#centerGrad)"/>
|
|
<circle cx="100" cy="90" r="12" fill="#d4941a" opacity="0.5"/>
|
|
<circle cx="100" cy="90" r="6" fill="#b87a10" opacity="0.4"/>
|
|
</svg>
|
