60 lines
3.1 KiB
XML
60 lines
3.1 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="256" height="256">
|
|
<defs>
|
|
<linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#0b0f19" />
|
|
<stop offset="100%" stop-color="#04060a" />
|
|
</linearGradient>
|
|
<linearGradient id="prismEdge" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#6366f1" />
|
|
<stop offset="50%" stop-color="#06b6d4" />
|
|
<stop offset="100%" stop-color="#10b981" />
|
|
</linearGradient>
|
|
<linearGradient id="beam" x1="0%" y1="50%" x2="100%" y2="50%">
|
|
<stop offset="0%" stop-color="#ffffff" stop-opacity="0.9" />
|
|
<stop offset="100%" stop-color="#ffffff" stop-opacity="0.3" />
|
|
</linearGradient>
|
|
<linearGradient id="spectrumRed" x1="0%" y1="0%" x2="100%" y2="0%">
|
|
<stop offset="0%" stop-color="#ff3b30" />
|
|
<stop offset="100%" stop-color="#ff9500" />
|
|
</linearGradient>
|
|
<linearGradient id="spectrumYellow" x1="0%" y1="0%" x2="100%" y2="0%">
|
|
<stop offset="0%" stop-color="#ffcc00" />
|
|
<stop offset="100%" stop-color="#34c759" />
|
|
</linearGradient>
|
|
<linearGradient id="spectrumCyan" x1="0%" y1="0%" x2="100%" y2="0%">
|
|
<stop offset="0%" stop-color="#00c7be" />
|
|
<stop offset="100%" stop-color="#30b0c7" />
|
|
</linearGradient>
|
|
<linearGradient id="spectrumIndigo" x1="0%" y1="0%" x2="100%" y2="0%">
|
|
<stop offset="0%" stop-color="#5856d6" />
|
|
<stop offset="100%" stop-color="#af52de" />
|
|
</linearGradient>
|
|
<filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
|
|
<feGaussianBlur stdDeviation="6" result="blur" />
|
|
<feComposite in="SourceGraphic" in2="blur" operator="over" />
|
|
</filter>
|
|
</defs>
|
|
|
|
<!-- Background rounded squircle -->
|
|
<rect x="12" y="12" width="232" height="232" rx="56" fill="url(#bg)" stroke="#1e293b" stroke-width="3" />
|
|
|
|
<!-- Incoming beam -->
|
|
<path d="M 28 138 L 102 128" stroke="url(#beam)" stroke-width="4" stroke-linecap="round" />
|
|
|
|
<!-- Refractive Triangular Prism (Play button silhouette) -->
|
|
<polygon points="128,68 184,168 72,168" fill="#131b2e" stroke="url(#prismEdge)" stroke-width="5" stroke-linejoin="round" />
|
|
|
|
<!-- Play icon core within prism -->
|
|
<polygon points="120,118 120,144 142,131" fill="#ffffff" opacity="0.9" filter="url(#glow)" />
|
|
|
|
<!-- Dispersed Spectral Rays (Right side) -->
|
|
<path d="M 152 118 L 226 84" stroke="url(#spectrumRed)" stroke-width="4" stroke-linecap="round" opacity="0.95" />
|
|
<path d="M 156 128 L 230 106" stroke="url(#spectrumYellow)" stroke-width="4" stroke-linecap="round" opacity="0.95" />
|
|
<path d="M 158 138 L 230 128" stroke="#34c759" stroke-width="4" stroke-linecap="round" opacity="0.95" />
|
|
<path d="M 156 148 L 228 150" stroke="url(#spectrumCyan)" stroke-width="4" stroke-linecap="round" opacity="0.95" />
|
|
<path d="M 152 158 L 224 172" stroke="url(#spectrumIndigo)" stroke-width="4" stroke-linecap="round" opacity="0.95" />
|
|
|
|
<!-- Subtle optical ring -->
|
|
<circle cx="128" cy="128" r="92" fill="none" stroke="#334155" stroke-width="1.5" stroke-dasharray="4 8" opacity="0.4" />
|
|
</svg>
|