92 lines
5.2 KiB
XML
92 lines
5.2 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none">
|
|
<defs>
|
|
<linearGradient id="base" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#03ffff"/>
|
|
<stop offset="14%" stop-color="#00ecff"/>
|
|
<stop offset="30%" stop-color="#0092e1"/>
|
|
<stop offset="46%" stop-color="#000ad9"/>
|
|
<stop offset="62%" stop-color="#0000ef"/>
|
|
<stop offset="80%" stop-color="#0000ff"/>
|
|
<stop offset="100%" stop-color="#0002ff"/>
|
|
</linearGradient>
|
|
<radialGradient id="l1">
|
|
<stop offset="0%" stop-color="rgb(0,255,255)" stop-opacity="1"/>
|
|
<stop offset="20%" stop-color="rgb(0,255,255)" stop-opacity="0.9"/>
|
|
<stop offset="40%" stop-color="rgb(0,255,255)" stop-opacity="0.65"/>
|
|
<stop offset="50%" stop-color="rgb(0,255,255)" stop-opacity="0.5"/>
|
|
<stop offset="60%" stop-color="rgb(0,255,255)" stop-opacity="0.35"/>
|
|
<stop offset="80%" stop-color="rgb(0,255,255)" stop-opacity="0.1"/>
|
|
<stop offset="100%" stop-color="rgb(0,255,255)" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<radialGradient id="l2">
|
|
<stop offset="0%" stop-color="rgb(0,0,104)" stop-opacity="1"/>
|
|
<stop offset="20%" stop-color="rgb(0,0,104)" stop-opacity="0.9"/>
|
|
<stop offset="40%" stop-color="rgb(0,0,104)" stop-opacity="0.65"/>
|
|
<stop offset="50%" stop-color="rgb(0,0,104)" stop-opacity="0.5"/>
|
|
<stop offset="60%" stop-color="rgb(0,0,104)" stop-opacity="0.35"/>
|
|
<stop offset="80%" stop-color="rgb(0,0,104)" stop-opacity="0.1"/>
|
|
<stop offset="100%" stop-color="rgb(0,0,104)" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<radialGradient id="l3">
|
|
<stop offset="0%" stop-color="rgb(0,5,0)" stop-opacity="0.43"/>
|
|
<stop offset="20%" stop-color="rgb(0,5,0)" stop-opacity="0.39"/>
|
|
<stop offset="40%" stop-color="rgb(0,5,0)" stop-opacity="0.28"/>
|
|
<stop offset="50%" stop-color="rgb(0,5,0)" stop-opacity="0.21"/>
|
|
<stop offset="60%" stop-color="rgb(0,5,0)" stop-opacity="0.15"/>
|
|
<stop offset="80%" stop-color="rgb(0,5,0)" stop-opacity="0.04"/>
|
|
<stop offset="100%" stop-color="rgb(0,5,0)" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<radialGradient id="l4">
|
|
<stop offset="0%" stop-color="rgb(0,74,161)" stop-opacity="1"/>
|
|
<stop offset="20%" stop-color="rgb(0,74,161)" stop-opacity="0.9"/>
|
|
<stop offset="40%" stop-color="rgb(0,74,161)" stop-opacity="0.65"/>
|
|
<stop offset="50%" stop-color="rgb(0,74,161)" stop-opacity="0.5"/>
|
|
<stop offset="60%" stop-color="rgb(0,74,161)" stop-opacity="0.35"/>
|
|
<stop offset="80%" stop-color="rgb(0,74,161)" stop-opacity="0.1"/>
|
|
<stop offset="100%" stop-color="rgb(0,74,161)" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<radialGradient id="l5">
|
|
<stop offset="0%" stop-color="rgb(0,0,255)" stop-opacity="1"/>
|
|
<stop offset="20%" stop-color="rgb(0,0,255)" stop-opacity="0.9"/>
|
|
<stop offset="40%" stop-color="rgb(0,0,255)" stop-opacity="0.65"/>
|
|
<stop offset="50%" stop-color="rgb(0,0,255)" stop-opacity="0.5"/>
|
|
<stop offset="60%" stop-color="rgb(0,0,255)" stop-opacity="0.35"/>
|
|
<stop offset="80%" stop-color="rgb(0,0,255)" stop-opacity="0.1"/>
|
|
<stop offset="100%" stop-color="rgb(0,0,255)" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<radialGradient id="l6">
|
|
<stop offset="0%" stop-color="rgb(0,0,255)" stop-opacity="1"/>
|
|
<stop offset="20%" stop-color="rgb(0,0,255)" stop-opacity="0.9"/>
|
|
<stop offset="40%" stop-color="rgb(0,0,255)" stop-opacity="0.65"/>
|
|
<stop offset="50%" stop-color="rgb(0,0,255)" stop-opacity="0.5"/>
|
|
<stop offset="60%" stop-color="rgb(0,0,255)" stop-opacity="0.35"/>
|
|
<stop offset="80%" stop-color="rgb(0,0,255)" stop-opacity="0.1"/>
|
|
<stop offset="100%" stop-color="rgb(0,0,255)" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<radialGradient id="l7">
|
|
<stop offset="0%" stop-color="rgb(0,0,238)" stop-opacity="0.32"/>
|
|
<stop offset="20%" stop-color="rgb(0,0,238)" stop-opacity="0.28"/>
|
|
<stop offset="40%" stop-color="rgb(0,0,238)" stop-opacity="0.2"/>
|
|
<stop offset="50%" stop-color="rgb(0,0,238)" stop-opacity="0.16"/>
|
|
<stop offset="60%" stop-color="rgb(0,0,238)" stop-opacity="0.11"/>
|
|
<stop offset="80%" stop-color="rgb(0,0,238)" stop-opacity="0.03"/>
|
|
<stop offset="100%" stop-color="rgb(0,0,238)" stop-opacity="0"/>
|
|
</radialGradient>
|
|
</defs>
|
|
<rect width="100" height="100" fill="url(#base)"/>
|
|
<!-- cyan core, upper band -->
|
|
<ellipse cx="75.05" cy="32.7" rx="70.25" ry="41.9" fill="url(#l1)" style="mix-blend-mode:screen"/>
|
|
<!-- navy column down the left edge -->
|
|
<ellipse cx="1" cy="76.4" rx="41.8" ry="173.3" fill="url(#l2)"/>
|
|
<!-- dark smoke wisp across the middle -->
|
|
<ellipse cx="44.95" cy="67.85" rx="59.45" ry="33.65" fill="url(#l3)"/>
|
|
<!-- steel-blue haze, centre left -->
|
|
<ellipse cx="37.55" cy="43.3" rx="24.25" ry="31.9" fill="url(#l4)"/>
|
|
<!-- electric blue crest, right -->
|
|
<ellipse cx="82.85" cy="55.95" rx="21.65" ry="37.85" fill="url(#l5)"/>
|
|
<!-- electric blue mass, bottom -->
|
|
<ellipse cx="31.85" cy="100.2" rx="21.25" ry="25.3" fill="url(#l6)"/>
|
|
<!-- soft blue veil under the cyan -->
|
|
<ellipse cx="72.3" cy="36.35" rx="25.9" ry="32.35" fill="url(#l7)"/>
|
|
</svg>
|