Files
jouwdriedee/public/images/logo-icon.svg
T

42 lines
1.5 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none">
<defs>
<!-- Soft Warm Coral Gradient -->
<linearGradient id="iconCoral" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#FB7185" />
<stop offset="100%" stop-color="#F43F5E" />
</linearGradient>
<!-- Warm Amber Gradient -->
<linearGradient id="iconAmber" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#FBBF24" />
<stop offset="100%" stop-color="#F59E0B" />
</linearGradient>
<!-- Gentle Sky Gradient -->
<linearGradient id="iconSky" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#38BDF8" />
<stop offset="100%" stop-color="#0284C7" />
</linearGradient>
</defs>
<!-- Friendly Rounded Layered 3D Emblem -->
<g transform="translate(4, 4)">
<!-- Base Layer (Amber) -->
<rect x="2" y="26" width="36" height="12" rx="6" fill="url(#iconAmber)" />
<!-- Middle Layer (Coral) -->
<rect x="2" y="14" width="36" height="12" rx="6" fill="url(#iconCoral)" />
<!-- Top Layer (Sky) -->
<rect x="2" y="2" width="36" height="12" rx="6" fill="url(#iconSky)" />
<!-- Cute extrusion highlights -->
<circle cx="10" cy="8" r="2.5" fill="#FFFFFF" opacity="0.85" />
<circle cx="10" cy="20" r="2.5" fill="#FFFFFF" opacity="0.85" />
<circle cx="10" cy="32" r="2.5" fill="#FFFFFF" opacity="0.85" />
<!-- Cute Sparkle -->
<path d="M33 4L34 7L37 8L34 9L33 12L32 9L29 8L32 7Z" fill="#FFFFFF" opacity="0.95" />
</g>
</svg>