41 lines
2.1 KiB
XML
41 lines
2.1 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100%" height="100%">
|
|
<defs>
|
|
<radialGradient id="ghostGlow" cx="50%" cy="40%" r="50%">
|
|
<stop offset="0%" stop-color="#ffffff" />
|
|
<stop offset="70%" stop-color="#e0e7ff" />
|
|
<stop offset="100%" stop-color="#818cf8" />
|
|
</radialGradient>
|
|
<linearGradient id="auroraBg" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#1e1b4b" />
|
|
<stop offset="60%" stop-color="#0f172a" />
|
|
<stop offset="100%" stop-color="#064e3b" />
|
|
</linearGradient>
|
|
</defs>
|
|
<!-- Background Badge Circle -->
|
|
<circle cx="50" cy="50" r="46" fill="url(#auroraBg)" stroke="#38bdf8" stroke-width="2" stroke-dasharray="2 2" />
|
|
|
|
<!-- Aurora streak in badge -->
|
|
<path d="M 10 35 Q 50 20 90 40 Q 50 30 10 35 Z" fill="#4ade80" opacity="0.35" />
|
|
|
|
<!-- Ghost Body wearing retro hockey helmet / jersey collar -->
|
|
<path d="M 50 22 C 36 22 30 35 30 52 C 30 65 24 72 26 78 C 28 82 34 76 38 78 C 42 80 46 75 50 78 C 54 75 58 80 62 78 C 66 76 72 82 74 78 C 76 72 70 65 70 52 C 70 35 64 22 50 22 Z" fill="url(#ghostGlow)" filter="drop-shadow(0 4px 6px rgba(0,0,0,0.4))" />
|
|
|
|
<!-- Retro Blue & Orange Hockey Stripe on ghost jersey -->
|
|
<path d="M 31 54 Q 50 62 69 54" stroke="#0284c7" stroke-width="4" fill="none" stroke-linecap="round" />
|
|
<path d="M 31 58 Q 50 66 69 58" stroke="#ea580c" stroke-width="2" fill="none" stroke-linecap="round" />
|
|
|
|
<!-- Cute ghost eyes and happy mouth -->
|
|
<ellipse cx="44" cy="40" rx="3" ry="4" fill="#1e1b4b" />
|
|
<ellipse cx="56" cy="40" rx="3" ry="4" fill="#1e1b4b" />
|
|
<circle cx="43" cy="38" r="1" fill="#ffffff" />
|
|
<circle cx="55" cy="38" r="1" fill="#ffffff" />
|
|
<ellipse cx="50" cy="48" rx="2.5" ry="3.5" fill="#1e1b4b" />
|
|
|
|
<!-- Hockey Stick -->
|
|
<path d="M 68 36 L 76 68 L 86 70" stroke="#f59e0b" stroke-width="3.5" fill="none" stroke-linecap="round" stroke-linejoin="round" />
|
|
<path d="M 80 69 L 85 70" stroke="#ffffff" stroke-width="4" stroke-linecap="round" />
|
|
|
|
<!-- Glowing Ghost Puck -->
|
|
<ellipse cx="80" cy="79" rx="5" ry="2.5" fill="#0f172a" stroke="#38bdf8" stroke-width="1" />
|
|
</svg>
|