161 lines
6.8 KiB
XML
161 lines
6.8 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500" width="100%" height="100%">
|
|
<defs>
|
|
<!-- Background Gradient -->
|
|
<radialGradient id="bgGlow" cx="50%" cy="50%" r="50%">
|
|
<stop offset="0%" stop-color="#4c1d95" stop-opacity="0.6"/>
|
|
<stop offset="60%" stop-color="#1e1b4b" stop-opacity="0.3"/>
|
|
<stop offset="100%" stop-color="#09090b" stop-opacity="0"/>
|
|
</radialGradient>
|
|
|
|
<!-- Chrome & Neon Metallic Gradients -->
|
|
<linearGradient id="neonPurple" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#f0abfc"/>
|
|
<stop offset="30%" stop-color="#c084fc"/>
|
|
<stop offset="70%" stop-color="#9333ea"/>
|
|
<stop offset="100%" stop-color="#6b21a8"/>
|
|
</linearGradient>
|
|
|
|
<linearGradient id="chromeGradient" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
<stop offset="0%" stop-color="#ffffff"/>
|
|
<stop offset="45%" stop-color="#e9d5ff"/>
|
|
<stop offset="50%" stop-color="#a855f7"/>
|
|
<stop offset="85%" stop-color="#581c87"/>
|
|
<stop offset="100%" stop-color="#3b0764"/>
|
|
</linearGradient>
|
|
|
|
<linearGradient id="glowBorder" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#ec4899"/>
|
|
<stop offset="50%" stop-color="#a855f7"/>
|
|
<stop offset="100%" stop-color="#6366f1"/>
|
|
</linearGradient>
|
|
|
|
<!-- Neon Drop Shadow Filter -->
|
|
<filter id="neonFilter" x="-20%" y="-20%" width="140%" height="140%">
|
|
<feGaussianBlur stdDeviation="6" result="blur1"/>
|
|
<feGaussianBlur stdDeviation="15" result="blur2"/>
|
|
<feMerge>
|
|
<feMergeNode in="blur2"/>
|
|
<feMergeNode in="blur1"/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
|
|
<filter id="intenseGlow" x="-50%" y="-50%" width="200%" height="200%">
|
|
<feGaussianBlur in="SourceGraphic" stdDeviation="12" result="blur"/>
|
|
<feColorMatrix in="blur" type="matrix" values="
|
|
1 0 0 0 0.8
|
|
0 0.2 0 0 0.3
|
|
0 0 1 0 0.95
|
|
0 0 0 2 -0.1" result="coloredBlur"/>
|
|
<feMerge>
|
|
<feMergeNode in="coloredBlur"/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
</defs>
|
|
|
|
<!-- Ambient Glow -->
|
|
<circle cx="250" cy="250" r="230" fill="url(#bgGlow)"/>
|
|
|
|
<!-- Outer Neon Halo Arc -->
|
|
<path d="M 230 70 C 340 70 410 140 410 250 C 410 320 375 380 320 415"
|
|
fill="none" stroke="url(#glowBorder)" stroke-width="12" stroke-linecap="round" filter="url(#intenseGlow)" opacity="0.85"/>
|
|
<path d="M 230 70 C 340 70 410 140 410 250 C 410 320 375 380 320 415"
|
|
fill="none" stroke="#ffffff" stroke-width="3" stroke-linecap="round"/>
|
|
|
|
<!-- Top Splash Droplet Arc -->
|
|
<path d="M 140 135 C 160 110 200 100 230 100 C 270 100 300 120 320 150 C 290 140 260 140 230 145 C 190 150 160 170 140 195 Z"
|
|
fill="url(#neonPurple)" filter="url(#neonFilter)"/>
|
|
|
|
<!-- Main Molten "D" Frame -->
|
|
<g filter="url(#neonFilter)">
|
|
<!-- Back Spine of D -->
|
|
<path d="M 145 130
|
|
L 240 130
|
|
C 330 130 380 180 380 260
|
|
C 380 340 320 390 240 390
|
|
L 165 390
|
|
C 160 410 155 435 150 455
|
|
C 146 470 135 470 135 450
|
|
C 135 425 140 405 140 390
|
|
L 130 390
|
|
C 120 390 115 380 115 370
|
|
L 115 150
|
|
C 115 135 125 130 145 130 Z"
|
|
fill="url(#chromeGradient)" stroke="url(#glowBorder)" stroke-width="8" stroke-linejoin="round"/>
|
|
|
|
<!-- Dripping Molten Droplets at Bottom -->
|
|
<!-- Drop 1 -->
|
|
<path d="M 185 390 C 185 430 175 450 175 465 C 175 475 185 478 188 468 C 195 445 200 415 200 390 Z" fill="url(#neonPurple)"/>
|
|
<circle cx="182" cy="466" r="6" fill="#f0abfc" filter="url(#intenseGlow)"/>
|
|
|
|
<!-- Drop 2 (Center long drip) -->
|
|
<path d="M 245 390 C 245 440 235 470 235 490 C 235 498 245 500 248 490 C 258 460 265 420 265 390 Z" fill="url(#neonPurple)"/>
|
|
<circle cx="242" cy="490" r="7" fill="#f0abfc" filter="url(#intenseGlow)"/>
|
|
|
|
<!-- Drop 3 (Right drip) -->
|
|
<path d="M 310 375 C 310 410 320 435 320 450 C 320 458 328 456 328 448 C 328 430 322 405 320 370 Z" fill="url(#neonPurple)"/>
|
|
<circle cx="324" cy="449" r="5" fill="#f0abfc"/>
|
|
|
|
<!-- Inner Cutout of "D" -->
|
|
<path d="M 175 180
|
|
L 230 180
|
|
C 285 180 315 210 315 260
|
|
C 315 310 285 340 230 340
|
|
L 175 340 Z"
|
|
fill="#0a0a0c" stroke="url(#glowBorder)" stroke-width="6"/>
|
|
</g>
|
|
|
|
<!-- High-Top Sneaker Silhouette inside the D -->
|
|
<g filter="url(#intenseGlow)" transform="translate(145, 175) scale(0.48)">
|
|
<!-- Sneaker Outsole with Drips -->
|
|
<path d="M 30 290
|
|
C 80 290 120 295 180 295
|
|
C 240 295 300 290 340 285
|
|
C 370 280 395 260 405 235
|
|
C 410 220 405 210 390 210
|
|
C 365 210 340 225 310 230
|
|
C 250 240 180 240 120 235
|
|
C 70 230 40 235 25 255
|
|
C 15 270 18 290 30 290 Z"
|
|
fill="url(#neonPurple)" stroke="#ffffff" stroke-width="4"/>
|
|
|
|
<!-- Sneaker Upper Body -->
|
|
<path d="M 70 240
|
|
L 110 140
|
|
C 120 115 140 95 170 90
|
|
L 220 85
|
|
C 235 85 245 95 245 110
|
|
L 245 140
|
|
L 280 160
|
|
C 310 180 340 195 380 205
|
|
L 360 235
|
|
C 300 235 240 235 180 230
|
|
L 70 240 Z"
|
|
fill="url(#chromeGradient)" stroke="#f0abfc" stroke-width="5" stroke-linejoin="round"/>
|
|
|
|
<!-- Sneaker Collar & Ankle Padding -->
|
|
<path d="M 125 125 C 145 105 175 100 215 100 L 225 140 C 185 140 155 145 135 165 Z"
|
|
fill="#3b0764" stroke="#ec4899" stroke-width="3"/>
|
|
|
|
<!-- Laces Detail -->
|
|
<line x1="175" y1="135" x2="210" y2="150" stroke="#ffffff" stroke-width="4" stroke-linecap="round"/>
|
|
<line x1="195" y1="155" x2="235" y2="170" stroke="#ffffff" stroke-width="4" stroke-linecap="round"/>
|
|
<line x1="220" y1="175" x2="260" y2="190" stroke="#ffffff" stroke-width="4" stroke-linecap="round"/>
|
|
<line x1="245" y1="195" x2="285" y2="210" stroke="#ffffff" stroke-width="4" stroke-linecap="round"/>
|
|
|
|
<!-- Swoosh / Drip Wave Overlay on Shoe -->
|
|
<path d="M 120 200 C 180 200 230 180 290 150 C 260 190 210 220 150 225 Z"
|
|
fill="#ffffff" opacity="0.9" filter="url(#neonFilter)"/>
|
|
|
|
<!-- Sole Drip Details -->
|
|
<path d="M 90 290 C 90 320 80 340 80 350 C 80 355 86 355 88 348 C 95 330 100 310 100 290 Z" fill="#ec4899"/>
|
|
<path d="M 190 295 C 190 335 180 365 180 380 C 180 388 188 388 190 378 C 198 350 205 320 205 295 Z" fill="#ec4899"/>
|
|
<path d="M 280 290 C 280 315 275 335 275 345 C 275 350 280 350 282 344 C 288 325 292 305 292 290 Z" fill="#ec4899"/>
|
|
</g>
|
|
|
|
<!-- Chrome Highlights Overlay -->
|
|
<path d="M 155 140 L 235 140 C 310 140 360 180 365 245 C 345 190 295 160 235 160 L 155 160 Z"
|
|
fill="#ffffff" opacity="0.55"/>
|
|
</svg>
|