Files

76 lines
3.1 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="100%" height="100%">
<defs>
<!-- Background Gradient -->
<linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#020617"/>
<stop offset="50%" stop-color="#0f172a"/>
<stop offset="100%" stop-color="#030712"/>
</linearGradient>
<!-- Border Glow Gradient -->
<linearGradient id="borderGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#10b981"/>
<stop offset="50%" stop-color="#06b6d4"/>
<stop offset="100%" stop-color="#3b82f6"/>
</linearGradient>
<!-- Main Drop Gradient -->
<linearGradient id="dropGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#4ade80"/>
<stop offset="40%" stop-color="#22c55e"/>
<stop offset="80%" stop-color="#06b6d4"/>
<stop offset="100%" stop-color="#0284c7"/>
</linearGradient>
<!-- Inner Core Gradient -->
<linearGradient id="coreGrad" x1="0%" y1="100%" x2="0%" y2="0%">
<stop offset="0%" stop-color="#ffffff" stop-opacity="0.95"/>
<stop offset="100%" stop-color="#ecfdf5" stop-opacity="0.75"/>
</linearGradient>
<!-- Glow Filter -->
<filter id="neonGlow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="14" result="blur"/>
<feMerge>
<feMergeNode in="blur"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<filter id="softShadow" x="-10%" y="-10%" width="120%" height="120%">
<feDropShadow dx="0" dy="8" stdDeviation="12" flood-color="#000000" flood-opacity="0.6"/>
</filter>
</defs>
<!-- Base Icon Container (Squircle) -->
<rect x="16" y="16" width="480" height="480" rx="112" fill="url(#bgGrad)" stroke="url(#borderGrad)" stroke-width="10" filter="url(#softShadow)"/>
<!-- Radial Glow Behind the Symbol -->
<circle cx="256" cy="256" r="140" fill="#22c55e" opacity="0.12" filter="url(#neonGlow)"/>
<!-- Wireless Transfer Signal Arches (Top Right) -->
<path d="M 320 120 A 70 70 0 0 1 380 180" fill="none" stroke="#38bdf8" stroke-width="12" stroke-linecap="round" opacity="0.75"/>
<path d="M 345 95 A 105 105 0 0 1 425 175" fill="none" stroke="#22c55e" stroke-width="12" stroke-linecap="round" opacity="0.45"/>
<!-- Main Teardrop / Fast Drop Silhouette -->
<!-- Smooth teardrop geometry combining drop + speed -->
<path d="M 256 90
C 256 90, 375 220, 375 320
A 119 119 0 0 1 137 320
C 137 220, 256 90, 256 90 Z"
fill="url(#dropGrad)"
filter="url(#neonGlow)"/>
<!-- Negative Space Inner Arrows (Bidirectional Fast Transfer) -->
<g fill="url(#coreGrad)">
<!-- Upward Transfer Arrow Head -->
<path d="M 256 160 L 298 215 L 274 215 L 274 275 L 238 275 L 238 215 L 214 215 Z"/>
<!-- Downward Transfer Chevron / Base Anchor -->
<path d="M 220 305 L 256 348 L 292 305 L 280 295 L 256 324 L 232 295 Z" opacity="0.9"/>
<!-- Energy Transfer Dot -->
<circle cx="256" cy="385" r="9" fill="#ffffff" opacity="0.95"/>
</g>
</svg>