72 lines
3.3 KiB
XML
72 lines
3.3 KiB
XML
|
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<defs>
|
||
|
|
<linearGradient id="vaultGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" style="stop-color:#1a2744"/>
|
||
|
|
<stop offset="50%" style="stop-color:#2a3f6a"/>
|
||
|
|
<stop offset="100%" style="stop-color:#0a1929"/>
|
||
|
|
</linearGradient>
|
||
|
|
<linearGradient id="goldAccent" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" style="stop-color:#ffd700"/>
|
||
|
|
<stop offset="100%" style="stop-color:#b8860b"/>
|
||
|
|
</linearGradient>
|
||
|
|
<linearGradient id="cyanGlow" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" style="stop-color:#00d9ff"/>
|
||
|
|
<stop offset="100%" style="stop-color:#0099cc"/>
|
||
|
|
</linearGradient>
|
||
|
|
<filter id="glow">
|
||
|
|
<feGaussianBlur stdDeviation="2" result="coloredBlur"/>
|
||
|
|
<feMerge>
|
||
|
|
<feMergeNode in="coloredBlur"/>
|
||
|
|
<feMergeNode in="SourceGraphic"/>
|
||
|
|
</feMerge>
|
||
|
|
</filter>
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
<!-- Outer vault ring -->
|
||
|
|
<circle cx="100" cy="100" r="85" fill="none" stroke="url(#vaultGrad)" stroke-width="8"/>
|
||
|
|
<circle cx="100" cy="100" r="85" fill="none" stroke="url(#cyanGlow)" stroke-width="1" stroke-dasharray="8 12" opacity="0.6">
|
||
|
|
<animateTransform attributeName="transform" type="rotate" from="0 100 100" to="360 100 100" dur="20s" repeatCount="indefinite"/>
|
||
|
|
</circle>
|
||
|
|
|
||
|
|
<!-- Inner vault door -->
|
||
|
|
<circle cx="100" cy="100" r="65" fill="url(#vaultGrad)" stroke="#2a3f6a" stroke-width="3"/>
|
||
|
|
|
||
|
|
<!-- Quantum lattice pattern -->
|
||
|
|
<g filter="url(#glow)" opacity="0.8">
|
||
|
|
<!-- Central node -->
|
||
|
|
<circle cx="100" cy="100" r="8" fill="url(#cyanGlow)">
|
||
|
|
<animate attributeName="r" values="8;10;8" dur="2s" repeatCount="indefinite"/>
|
||
|
|
</circle>
|
||
|
|
|
||
|
|
<!-- Orbital electrons -->
|
||
|
|
<g>
|
||
|
|
<animateTransform attributeName="transform" type="rotate" from="0 100 100" to="360 100 100" dur="8s" repeatCount="indefinite"/>
|
||
|
|
<circle cx="100" cy="60" r="4" fill="#00d9ff"/>
|
||
|
|
<circle cx="140" cy="100" r="4" fill="#00d9ff"/>
|
||
|
|
<circle cx="100" cy="140" r="4" fill="#00d9ff"/>
|
||
|
|
<circle cx="60" cy="100" r="4" fill="#00d9ff"/>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<!-- Secondary orbit -->
|
||
|
|
<g>
|
||
|
|
<animateTransform attributeName="transform" type="rotate" from="360 100 100" to="0 100 100" dur="12s" repeatCount="indefinite"/>
|
||
|
|
<circle cx="128" cy="72" r="3" fill="#8b5cf6"/>
|
||
|
|
<circle cx="128" cy="128" r="3" fill="#8b5cf6"/>
|
||
|
|
<circle cx="72" cy="128" r="3" fill="#8b5cf6"/>
|
||
|
|
<circle cx="72" cy="72" r="3" fill="#8b5cf6"/>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<!-- Connection lines -->
|
||
|
|
<path d="M100 92 L100 60 M108 100 L140 100 M100 108 L100 140 M92 100 L60 100"
|
||
|
|
stroke="#00d9ff" stroke-width="1" opacity="0.5"/>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<!-- Vault handle -->
|
||
|
|
<rect x="97" y="80" width="6" height="40" rx="5" fill="url(#goldAccent)"/>
|
||
|
|
<circle cx="100" cy="100" r="20" fill="none" stroke="url(#goldAccent)" stroke-width="4"/>
|
||
|
|
|
||
|
|
<!-- S letter stylized -->
|
||
|
|
<text x="100" y="108" font-family="Georgia, serif" font-size="0" font-weight="600"
|
||
|
|
fill="url(#goldAccent)" text-anchor="middle">S</text>
|
||
|
|
</svg>
|