Cloudtopiaa_Reseller_Frontend/public/favicon.svg

27 lines
1.3 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
<defs>
<linearGradient id="cloudGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#3B82F6;stop-opacity:1" />
<stop offset="50%" style="stop-color:#6366F1;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8B5CF6;stop-opacity:1" />
</linearGradient>
<linearGradient id="lightningGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#FCD34D;stop-opacity:1" />
<stop offset="100%" style="stop-color:#F59E0B;stop-opacity:1" />
</linearGradient>
</defs>
<!-- Background circle -->
<circle cx="16" cy="16" r="15" fill="url(#cloudGradient)" stroke="#1E40AF" stroke-width="1"/>
<!-- Cloud shape -->
<path d="M8 18c0-3.3 2.7-6 6-6 1.2 0 2.3 0.4 3.2 1 0.8-2.8 3.2-4.8 6.1-5.2 0.1 0 0.2 0 0.3 0 2.8 0 5.1 2.3 5.1 5.1 0 0.1 0 0.2 0 0.3 2.4 0.4 4.3 2.4 4.3 4.9 0 2.7-2.2 4.9-4.9 4.9H12c-2.2 0-4-1.8-4-4z"
fill="white" opacity="0.9"/>
<!-- Lightning bolt -->
<path d="M15 8l-2 8h3l-1 8 6-10h-3l2-6z" fill="url(#lightningGradient)"/>
<!-- Cloud highlights -->
<ellipse cx="12" cy="16" rx="2" ry="1" fill="white" opacity="0.6"/>
<ellipse cx="20" cy="18" rx="1.5" ry="0.8" fill="white" opacity="0.6"/>
</svg>