67 lines
3.5 KiB
XML
67 lines
3.5 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
|
|
<defs>
|
|
<radialGradient id="bgGlow" cx="50%" cy="50%" r="50%">
|
|
<stop offset="0%" stop-color="#3d155f"/>
|
|
<stop offset="100%" stop-color="#090a0f"/>
|
|
</radialGradient>
|
|
<radialGradient id="eyeReflection" cx="40%" cy="40%" r="40%">
|
|
<stop offset="0%" stop-color="#ffffff" stop-opacity="0.9"/>
|
|
<stop offset="100%" stop-color="#ffffff" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<filter id="neonPink" x="-50%" y="-50%" width="200%" height="200%">
|
|
<feDropShadow dx="0" dy="0" stdDeviation="6" flood-color="#ff71ce" flood-opacity="0.8"/>
|
|
</filter>
|
|
<filter id="neonCyan" x="-50%" y="-50%" width="200%" height="200%">
|
|
<feDropShadow dx="0" dy="0" stdDeviation="5" flood-color="#05d9e8" flood-opacity="0.9"/>
|
|
</filter>
|
|
</defs>
|
|
|
|
<!-- Background Base -->
|
|
<rect width="200" height="200" rx="30" fill="url(#bgGlow)"/>
|
|
|
|
<!-- Cyberpunk background grid elements -->
|
|
<g stroke="#05d9e8" stroke-width="0.5" opacity="0.3">
|
|
<path d="M 20 40 L 180 40 M 20 80 L 180 80 M 20 120 L 180 120 M 20 160 L 180 160"/>
|
|
<path d="M 40 20 L 40 180 M 80 20 L 80 180 M 120 20 L 120 180 M 160 20 L 160 180"/>
|
|
</g>
|
|
|
|
<!-- Fluffy Gentle Raccoon Base -->
|
|
<path d="M 100 40 C 150 40, 170 80, 160 120 C 145 160, 55 160, 40 120 C 30 80, 50 40, 100 40 Z" fill="#2d3340" />
|
|
|
|
<!-- Ears -->
|
|
<path d="M 45 60 C 25 35, 30 15, 60 30 Z" fill="#1b212b" stroke="#ff71ce" stroke-width="2" filter="url(#neonPink)"/>
|
|
<path d="M 155 60 C 175 35, 170 15, 140 30 Z" fill="#1b212b" stroke="#05d9e8" stroke-width="2" filter="url(#neonCyan)"/>
|
|
|
|
<path d="M 50 55 C 35 40, 40 25, 55 35 Z" fill="#ff71ce" opacity="0.6" filter="url(#neonPink)"/>
|
|
<path d="M 150 55 C 165 40, 160 25, 145 35 Z" fill="#05d9e8" opacity="0.6" filter="url(#neonCyan)"/>
|
|
|
|
<!-- Bandit Mask (Cyber-goggles vibe but soft) -->
|
|
<path d="M 30 95 C 60 70, 140 70, 170 95 C 180 105, 140 140, 100 130 C 60 140, 20 105, 30 95 Z" fill="#0b0e14" opacity="0.8"/>
|
|
<path d="M 35 95 C 65 75, 135 75, 165 95" fill="none" stroke="#ff71ce" stroke-width="2" filter="url(#neonPink)" opacity="0.3"/>
|
|
|
|
<!-- Big Gentle Anime-style Eyes -->
|
|
<ellipse cx="65" cy="100" rx="16" ry="22" fill="#05d9e8" filter="url(#neonCyan)"/>
|
|
<ellipse cx="135" cy="100" rx="16" ry="22" fill="#ff71ce" filter="url(#neonPink)"/>
|
|
<ellipse cx="65" cy="100" rx="12" ry="18" fill="#111"/>
|
|
<ellipse cx="135" cy="100" rx="12" ry="18" fill="#111"/>
|
|
<!-- Glints -->
|
|
<circle cx="58" cy="92" r="6" fill="url(#eyeReflection)"/>
|
|
<circle cx="128" cy="92" r="6" fill="url(#eyeReflection)"/>
|
|
<circle cx="72" cy="108" r="3" fill="#fff" opacity="0.6"/>
|
|
<circle cx="142" cy="108" r="3" fill="#fff" opacity="0.6"/>
|
|
|
|
<!-- Cute Muzzle & Nose -->
|
|
<path d="M 80 120 C 100 150, 120 120, 100 140 Z" fill="#e5e5e5"/>
|
|
<path d="M 90 140 C 90 135, 110 135, 110 140 C 110 148, 90 148, 90 140 Z" fill="#ff71ce" filter="url(#neonPink)"/>
|
|
<path d="M 95 145 C 100 152, 105 145, 105 145" fill="none" stroke="#2d3340" stroke-width="2" stroke-linecap="round"/>
|
|
|
|
<!-- Cyberpunk Gentle Neck Ring/Scarf -->
|
|
<path d="M 50 150 C 80 170, 120 170, 150 150" fill="none" stroke="#05d9e8" stroke-width="6" stroke-linecap="round" filter="url(#neonCyan)"/>
|
|
|
|
<!-- Little Floating Data Motes -->
|
|
<circle cx="30" cy="50" r="3" fill="#ff71ce" filter="url(#neonPink)"/>
|
|
<circle cx="170" cy="130" r="2" fill="#05d9e8" filter="url(#neonCyan)"/>
|
|
<circle cx="150" cy="40" r="4" fill="#ff71ce" filter="url(#neonPink)"/>
|
|
|
|
</svg>
|