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

78 lines
3.5 KiB
XML

<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- Grande image de tomate verte zebra -->
<defs>
<radialGradient id="mainGradient" cx="0.35" cy="0.25" r="0.9">
<stop offset="0%" stop-color="#bbf7d0"/>
<stop offset="20%" stop-color="#86efac"/>
<stop offset="50%" stop-color="#4ade80"/>
<stop offset="75%" stop-color="#22c55e"/>
<stop offset="100%" stop-color="#16a34a"/>
</radialGradient>
<pattern id="zebraStripes" patternUnits="userSpaceOnUse" width="8" height="8" patternTransform="rotate(20)">
<rect width="8" height="4" fill="#4ade80"/>
<rect y="4" width="8" height="4" fill="#16a34a"/>
</pattern>
<radialGradient id="leafGradient" cx="0.3" cy="0.3" r="0.8">
<stop offset="0%" stop-color="#4ade80"/>
<stop offset="100%" stop-color="#15803d"/>
</radialGradient>
</defs>
<!-- Ombre portée -->
<ellipse cx="135" cy="180" rx="80" ry="60" fill="#000000" opacity="0.1"/>
<!-- Corps principal de la tomate -->
<ellipse cx="128" cy="160" rx="90" ry="70" fill="url(#mainGradient)"/>
<!-- Rayures zebra -->
<ellipse cx="128" cy="160" rx="90" ry="70" fill="url(#zebraStripes)" opacity="0.3"/>
<!-- Highlights pour le volume -->
<ellipse cx="105" cy="130" rx="35" ry="25" fill="#86efac" opacity="0.6"/>
<ellipse cx="95" cy="120" rx="18" ry="12" fill="#bbf7d0" opacity="0.8"/>
<ellipse cx="88" cy="115" rx="8" ry="5" fill="#dcfce7"/>
<!-- Tige principale -->
<rect x="120" y="70" width="16" height="35" fill="#16a34a" rx="8"/>
<rect x="118" y="65" width="20" height="12" fill="#15803d" rx="4"/>
<!-- Sépales à la base de la tige -->
<path d="M128 90 L118 95 Q110 98 108 105 Q115 100 128 95 Q141 100 148 105 Q146 98 138 95 Z" fill="#15803d"/>
<!-- Feuilles complexes -->
<g transform="translate(128,80)">
<!-- Feuille gauche -->
<path d="M-25 -10 Q-45 -25 -55 -15 Q-50 -30 -35 -35 Q-30 -25 -25 -20 Q-20 -15 -25 -10"
fill="url(#leafGradient)"/>
<path d="M-30 -20 Q-40 -15 -35 -10" stroke="#15803d" stroke-width="2" fill="none"/>
<!-- Feuille droite -->
<path d="M25 -10 Q45 -25 55 -15 Q50 -30 35 -35 Q30 -25 25 -20 Q20 -15 25 -10"
fill="url(#leafGradient)"/>
<path d="M30 -20 Q40 -15 35 -10" stroke="#15803d" stroke-width="2" fill="none"/>
<!-- Feuille arrière gauche -->
<path d="M-15 -25 Q-35 -40 -45 -30 Q-40 -45 -25 -50 Q-20 -40 -15 -35 Q-10 -30 -15 -25"
fill="url(#leafGradient)" opacity="0.8"/>
<!-- Feuille arrière droite -->
<path d="M15 -25 Q35 -40 45 -30 Q40 -45 25 -50 Q20 -40 15 -35 Q10 -30 15 -25"
fill="url(#leafGradient)" opacity="0.8"/>
</g>
<!-- Nervures des feuilles principales -->
<path d="M103 70 Q88 55 73 70" stroke="#15803d" stroke-width="1.5" fill="none" opacity="0.7"/>
<path d="M153 70 Q168 55 183 70" stroke="#15803d" stroke-width="1.5" fill="none" opacity="0.7"/>
<!-- Détails de texture sur la tomate -->
<path d="M70 140 Q80 135 90 140 Q85 145 70 140" fill="#16a34a" opacity="0.2"/>
<path d="M166 140 Q176 135 186 140 Q181 145 166 140" fill="#16a34a" opacity="0.2"/>
<path d="M128 210 Q138 205 148 210 Q143 215 128 210" fill="#16a34a" opacity="0.2"/>
<!-- Contour subtil -->
<ellipse cx="128" cy="160" rx="90" ry="70" fill="none" stroke="#16a34a" stroke-width="2" opacity="0.3"/>
<!-- Reflets finaux -->
<ellipse cx="100" cy="125" rx="12" ry="8" fill="#f0fdf4" opacity="0.5"/>
<ellipse cx="98" cy="123" rx="4" ry="2" fill="#ffffff" opacity="0.8"/>
</svg>