Files
zebra-power/frontend/public/tomato-favicon.svg

43 lines
1.8 KiB
XML

<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- Tomate verte zebra optimisée pour favicon -->
<defs>
<radialGradient id="tomatoGradient" cx="0.3" cy="0.3" r="0.8">
<stop offset="0%" stop-color="#86efac"/>
<stop offset="40%" stop-color="#4ade80"/>
<stop offset="70%" stop-color="#22c55e"/>
<stop offset="100%" stop-color="#16a34a"/>
</radialGradient>
<pattern id="stripes" patternUnits="userSpaceOnUse" width="4" height="4" patternTransform="rotate(15)">
<rect width="4" height="2" fill="#4ade80"/>
<rect y="2" width="4" height="2" fill="#22c55e"/>
</pattern>
</defs>
<!-- Ombre -->
<ellipse cx="33" cy="42" rx="18" ry="15" fill="#000000" opacity="0.15"/>
<!-- Corps principal de la tomate -->
<ellipse cx="32" cy="38" rx="20" ry="16" fill="url(#tomatoGradient)"/>
<!-- Rayures zebra -->
<ellipse cx="32" cy="38" rx="20" ry="16" fill="url(#stripes)" opacity="0.4"/>
<!-- Highlight principal -->
<ellipse cx="26" cy="32" rx="8" ry="6" fill="#86efac" opacity="0.7"/>
<!-- Petit highlight -->
<ellipse cx="24" cy="30" rx="3" ry="2" fill="#bbf7d0" opacity="0.8"/>
<!-- Tige -->
<rect x="30" y="20" width="4" height="8" fill="#16a34a" rx="2"/>
<rect x="29" y="19" width="6" height="3" fill="#15803d" rx="1"/>
<!-- Feuilles stylisées -->
<path d="M20 24 Q15 18 12 22 Q16 20 22 24 Q20 22 20 24" fill="#22c55e"/>
<path d="M44 24 Q49 18 52 22 Q48 20 42 24 Q44 22 44 24" fill="#22c55e"/>
<path d="M32 20 Q28 14 24 18 Q28 16 32 20" fill="#15803d"/>
<path d="M32 20 Q36 14 40 18 Q36 16 32 20" fill="#15803d"/>
<!-- Contour subtil -->
<ellipse cx="32" cy="38" rx="20" ry="16" fill="none" stroke="#16a34a" stroke-width="1" opacity="0.5"/>
</svg>