You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
nao-web-ui/public/community-garden-logo.svg

65 lines
3.4 KiB

<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<defs>
<!-- Gradients for natural plant colors -->
<linearGradient id="leafGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#4ade80;stop-opacity:1" />
<stop offset="50%" style="stop-color:#22c55e;stop-opacity:1" />
<stop offset="100%" style="stop-color:#16a34a;stop-opacity:1" />
</linearGradient>
<linearGradient id="stemGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#65a30d;stop-opacity:1" />
<stop offset="100%" style="stop-color:#4d7c0f;stop-opacity:1" />
</linearGradient>
<linearGradient id="soilGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#a3a3a3;stop-opacity:1" />
<stop offset="50%" style="stop-color:#737373;stop-opacity:1" />
<stop offset="100%" style="stop-color:#525252;stop-opacity:1" />
</linearGradient>
<radialGradient id="flowerGradient" cx="50%" cy="50%" r="50%">
<stop offset="0%" style="stop-color:#fbbf24;stop-opacity:1" />
<stop offset="70%" style="stop-color:#f59e0b;stop-opacity:1" />
<stop offset="100%" style="stop-color:#d97706;stop-opacity:1" />
</radialGradient>
</defs>
<!-- Background circle -->
<circle cx="32" cy="32" r="30" fill="url(#soilGradient)" stroke="#374151" stroke-width="2"/>
<!-- Soil/ground -->
<ellipse cx="32" cy="52" rx="28" ry="8" fill="#8b5cf6" opacity="0.2"/>
<!-- Main stem -->
<path d="M32 52 Q32 45 32 35 Q32 25 32 18" stroke="url(#stemGradient)" stroke-width="3" fill="none" stroke-linecap="round"/>
<!-- Left branch -->
<path d="M32 30 Q28 28 24 26" stroke="url(#stemGradient)" stroke-width="2" fill="none" stroke-linecap="round"/>
<!-- Right branch -->
<path d="M32 35 Q36 33 40 31" stroke="url(#stemGradient)" stroke-width="2" fill="none" stroke-linecap="round"/>
<!-- Large leaf (left) -->
<path d="M24 26 Q18 22 16 18 Q18 16 22 18 Q26 22 24 26" fill="url(#leafGradient)" stroke="#16a34a" stroke-width="1"/>
<!-- Medium leaf (right) -->
<path d="M40 31 Q44 27 46 23 Q44 21 40 23 Q36 27 40 31" fill="url(#leafGradient)" stroke="#16a34a" stroke-width="1"/>
<!-- Top leaves -->
<path d="M32 18 Q28 14 24 12 Q26 10 30 12 Q34 16 32 18" fill="url(#leafGradient)" stroke="#16a34a" stroke-width="1"/>
<path d="M32 18 Q36 14 40 12 Q38 10 34 12 Q30 16 32 18" fill="url(#leafGradient)" stroke="#16a34a" stroke-width="1"/>
<!-- Small flower -->
<circle cx="32" cy="16" r="4" fill="url(#flowerGradient)" stroke="#d97706" stroke-width="1"/>
<circle cx="32" cy="16" r="2" fill="#fef3c7"/>
<!-- Leaf details (veins) -->
<path d="M20 20 Q22 18 24 22" stroke="#16a34a" stroke-width="0.5" fill="none" opacity="0.6"/>
<path d="M42 25 Q44 23 46 27" stroke="#16a34a" stroke-width="0.5" fill="none" opacity="0.6"/>
<path d="M28 14 Q30 12 32 16" stroke="#16a34a" stroke-width="0.5" fill="none" opacity="0.6"/>
<path d="M36 14 Q34 12 32 16" stroke="#16a34a" stroke-width="0.5" fill="none" opacity="0.6"/>
<!-- Small decorative elements (seeds/sprouts) -->
<circle cx="20" cy="48" r="1.5" fill="#22c55e" opacity="0.7"/>
<circle cx="44" cy="50" r="1.5" fill="#22c55e" opacity="0.7"/>
<circle cx="28" cy="54" r="1" fill="#4ade80" opacity="0.5"/>
<circle cx="36" cy="55" r="1" fill="#4ade80" opacity="0.5"/>
</svg>