118 lines
4.3 KiB
XML
118 lines
4.3 KiB
XML
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||
|
|
<defs>
|
||
|
|
<!-- Bakgrund -->
|
||
|
|
<linearGradient id="bg" x1="20%" y1="0%" x2="80%" y2="100%">
|
||
|
|
<stop offset="0%" stop-color="#0B1628"/>
|
||
|
|
<stop offset="100%" stop-color="#050A14"/>
|
||
|
|
</linearGradient>
|
||
|
|
|
||
|
|
<!-- X-arm framsida: cyan → djupblå -->
|
||
|
|
<linearGradient id="face" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" stop-color="#72D8FF"/>
|
||
|
|
<stop offset="25%" stop-color="#1AABFF"/>
|
||
|
|
<stop offset="60%" stop-color="#0066EE"/>
|
||
|
|
<stop offset="100%" stop-color="#003399"/>
|
||
|
|
</linearGradient>
|
||
|
|
|
||
|
|
<!-- X-arm toppkant (bevel ljus) -->
|
||
|
|
<linearGradient id="bevel" x1="0%" y1="0%" x2="100%" y2="0%">
|
||
|
|
<stop offset="0%" stop-color="#C0EEFF" stop-opacity="1"/>
|
||
|
|
<stop offset="60%" stop-color="#40AAFF" stop-opacity="0.5"/>
|
||
|
|
<stop offset="100%" stop-color="#0066EE" stop-opacity="0"/>
|
||
|
|
</linearGradient>
|
||
|
|
|
||
|
|
<!-- X-arm skuggsida -->
|
||
|
|
<linearGradient id="shade" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" stop-color="#004499"/>
|
||
|
|
<stop offset="100%" stop-color="#001133"/>
|
||
|
|
</linearGradient>
|
||
|
|
|
||
|
|
<!-- Glow runt X -->
|
||
|
|
<filter id="glow" x="-25%" y="-25%" width="150%" height="150%">
|
||
|
|
<feGaussianBlur in="SourceGraphic" stdDeviation="10" result="b"/>
|
||
|
|
<feColorMatrix in="b" values="0 0 0 0 0 0 0 0 0 0.45 0 0 0 0 1 0 0 0 0.6 0" result="g"/>
|
||
|
|
<feMerge><feMergeNode in="g"/><feMergeNode in="SourceGraphic"/></feMerge>
|
||
|
|
</filter>
|
||
|
|
|
||
|
|
<!-- Inre glans -->
|
||
|
|
<radialGradient id="glare" cx="28%" cy="22%" r="50%">
|
||
|
|
<stop offset="0%" stop-color="#ffffff" stop-opacity="0.10"/>
|
||
|
|
<stop offset="100%" stop-color="#0033aa" stop-opacity="0"/>
|
||
|
|
</radialGradient>
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
<!-- ── YTTRE FORM: Oktagon — hård, distinkt, ej standard ── -->
|
||
|
|
<polygon
|
||
|
|
points="168,20 344,20 492,168 492,344 344,492 168,492 20,344 20,168"
|
||
|
|
fill="url(#bg)"/>
|
||
|
|
|
||
|
|
<!-- Kant highlight övre-vänster -->
|
||
|
|
<polyline points="168,20 344,20 492,168"
|
||
|
|
fill="none" stroke="white" stroke-width="1.5" stroke-opacity="0.07"/>
|
||
|
|
|
||
|
|
<!-- ── X: TJOCKA ARMAR med 3D-bevel ──
|
||
|
|
Armbredd: 96px. Det ger tydlighet ner till 16px.
|
||
|
|
Arm 1: \ (övre-vänster → nedre-höger)
|
||
|
|
Arm 2: / (övre-höger → nedre-vänster)
|
||
|
|
-->
|
||
|
|
|
||
|
|
<!-- ARM \ — huvudyta (framsida) -->
|
||
|
|
<polygon
|
||
|
|
points="82,82 178,82 430,430 334,430"
|
||
|
|
fill="url(#face)" filter="url(#glow)"/>
|
||
|
|
<!-- ARM \ — övre bevel-kant (tunn ljus linje längs armen) -->
|
||
|
|
<polygon
|
||
|
|
points="82,82 178,82 210,114 114,114"
|
||
|
|
fill="url(#bevel)" opacity="0.8"/>
|
||
|
|
<!-- ARM \ — nedre skugga -->
|
||
|
|
<polygon
|
||
|
|
points="178,82 210,82 462,430 430,430"
|
||
|
|
fill="url(#shade)" opacity="0.55"/>
|
||
|
|
|
||
|
|
<!-- ARM / — huvudyta (framsida) -->
|
||
|
|
<polygon
|
||
|
|
points="430,82 334,82 82,430 178,430"
|
||
|
|
fill="url(#face)" filter="url(#glow)"/>
|
||
|
|
<!-- ARM / — övre bevel-kant -->
|
||
|
|
<polygon
|
||
|
|
points="430,82 334,82 302,114 398,114"
|
||
|
|
fill="url(#bevel)" opacity="0.8"/>
|
||
|
|
<!-- ARM / — nedre skugga -->
|
||
|
|
<polygon
|
||
|
|
points="334,82 302,82 50,430 82,430"
|
||
|
|
fill="url(#shade)" opacity="0.55"/>
|
||
|
|
|
||
|
|
<!-- ── MITTDEL: täcker överlappet och skapar ett rent kryss ── -->
|
||
|
|
<!-- Diamant-form i mitten, mörkare = ger illusion av djup vid korsning -->
|
||
|
|
<polygon
|
||
|
|
points="256,192 320,256 256,320 192,256"
|
||
|
|
fill="#0A1E4A" opacity="0.85"/>
|
||
|
|
<!-- Mittglans -->
|
||
|
|
<polygon
|
||
|
|
points="256,210 298,256 256,302 214,256"
|
||
|
|
fill="#1A6FCC" opacity="0.25"/>
|
||
|
|
<!-- Mittdot — fokuspunkt -->
|
||
|
|
<circle cx="256" cy="256" r="10" fill="#60C8FF" opacity="0.45"/>
|
||
|
|
|
||
|
|
<!-- ── GLANSÖVERLAGER på hela formen ── -->
|
||
|
|
<polygon
|
||
|
|
points="168,20 344,20 492,168 492,344 344,492 168,492 20,344 20,168"
|
||
|
|
fill="url(#glare)"/>
|
||
|
|
|
||
|
|
<!-- ── TUNN RING — apertur-referens, subtil ── -->
|
||
|
|
<circle cx="256" cy="256" r="234"
|
||
|
|
fill="none" stroke="#1E4080" stroke-width="1.5" stroke-opacity="0.5"/>
|
||
|
|
|
||
|
|
<!-- 8 apertur-markeringar längs ringen -->
|
||
|
|
<g fill="#1A5599" opacity="0.7">
|
||
|
|
<circle cx="256" cy="22" r="4"/>
|
||
|
|
<circle cx="464" cy="92" r="4"/>
|
||
|
|
<circle cx="490" cy="256" r="4"/>
|
||
|
|
<circle cx="464" cy="420" r="4"/>
|
||
|
|
<circle cx="256" cy="490" r="4"/>
|
||
|
|
<circle cx="48" cy="420" r="4"/>
|
||
|
|
<circle cx="22" cy="256" r="4"/>
|
||
|
|
<circle cx="48" cy="92" r="4"/>
|
||
|
|
</g>
|
||
|
|
</svg>
|