forked from jason/echo
Jason Stedwell
67 lines
2.7 KiB
XML
67 lines
2.7 KiB
XML
<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<!-- Squircle background: Deep Navy -> Royal -> Signal -->
|
|
<linearGradient id="bg" x1="0" y1="0" x2="512" y2="512" gradientUnits="userSpaceOnUse">
|
|
<stop offset="0" stop-color="#25335C"/>
|
|
<stop offset="0.55" stop-color="#204C84"/>
|
|
<stop offset="1" stop-color="#1A6E96"/>
|
|
</linearGradient>
|
|
|
|
<!-- Orb glow: teal core -->
|
|
<radialGradient id="orb" cx="0.42" cy="0.40" r="0.70">
|
|
<stop offset="0" stop-color="#7FF0EC"/>
|
|
<stop offset="0.35" stop-color="#1FC9C4"/>
|
|
<stop offset="1" stop-color="#009B98"/>
|
|
</radialGradient>
|
|
|
|
<!-- Vault enclosure subtle gradient -->
|
|
<linearGradient id="vault" x1="106" y1="160" x2="406" y2="406" gradientUnits="userSpaceOnUse">
|
|
<stop offset="0" stop-color="#2A86AE"/>
|
|
<stop offset="1" stop-color="#155D80"/>
|
|
</linearGradient>
|
|
|
|
<filter id="soft" x="-50%" y="-50%" width="200%" height="200%">
|
|
<feGaussianBlur stdDeviation="14"/>
|
|
</filter>
|
|
<filter id="softer" x="-60%" y="-60%" width="220%" height="220%">
|
|
<feGaussianBlur stdDeviation="26"/>
|
|
</filter>
|
|
|
|
<clipPath id="squircle">
|
|
<path d="M256 8
|
|
C 120 8, 8 120, 8 256
|
|
C 8 392, 120 504, 256 504
|
|
C 392 504, 504 392, 504 256
|
|
C 504 120, 392 8, 256 8 Z"/>
|
|
</clipPath>
|
|
</defs>
|
|
|
|
<!-- Background -->
|
|
<g clip-path="url(#squircle)">
|
|
<rect x="0" y="0" width="512" height="512" fill="url(#bg)"/>
|
|
<!-- ambient teal glow from the orb spilling into the navy -->
|
|
<circle cx="256" cy="262" r="150" fill="#009B98" opacity="0.18" filter="url(#softer)"/>
|
|
</g>
|
|
|
|
<!-- Concentric ripple rings (echo / memory) -->
|
|
<g fill="none" stroke="#3FE0DB" stroke-linecap="round">
|
|
<circle cx="256" cy="262" r="96" stroke-width="3" opacity="0.55"/>
|
|
<circle cx="256" cy="262" r="120" stroke-width="2.5" opacity="0.32"/>
|
|
<circle cx="256" cy="262" r="142" stroke-width="2" opacity="0.18"/>
|
|
</g>
|
|
|
|
<!-- Vault / open container: ring open at the top, cradling the orb -->
|
|
<path d="M 370.9 165.6 A 150 150 0 1 1 141.1 165.6"
|
|
fill="none" stroke="url(#vault)" stroke-width="26" stroke-linecap="round"/>
|
|
<!-- inner highlight on the vault -->
|
|
<path d="M 370.9 165.6 A 150 150 0 1 1 141.1 165.6"
|
|
fill="none" stroke="#5BC7E6" stroke-width="3" stroke-linecap="round" opacity="0.35"/>
|
|
|
|
<!-- Orb glow halo -->
|
|
<circle cx="256" cy="262" r="74" fill="#00C2BE" opacity="0.55" filter="url(#soft)"/>
|
|
<!-- Orb -->
|
|
<circle cx="256" cy="262" r="62" fill="url(#orb)"/>
|
|
<!-- Orb specular highlight -->
|
|
<ellipse cx="236" cy="240" rx="22" ry="16" fill="#EAFFFE" opacity="0.45"/>
|
|
</svg>
|