82 lines
3.4 KiB
XML
82 lines
3.4 KiB
XML
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||
|
|
<defs>
|
||
|
|
<radialGradient id="bg" cx="38%" cy="30%" r="70%">
|
||
|
|
<stop offset="0%" stop-color="#0F1D38"/>
|
||
|
|
<stop offset="100%" stop-color="#050B18"/>
|
||
|
|
</radialGradient>
|
||
|
|
<linearGradient id="el" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" stop-color="#AAEEFF"/>
|
||
|
|
<stop offset="35%" stop-color="#22BBFF"/>
|
||
|
|
<stop offset="75%" stop-color="#0066EE"/>
|
||
|
|
<stop offset="100%" stop-color="#003399"/>
|
||
|
|
</linearGradient>
|
||
|
|
<linearGradient id="octHL" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" stop-color="#3A6A99"/>
|
||
|
|
<stop offset="40%" stop-color="#1A3A60"/>
|
||
|
|
<stop offset="100%" stop-color="#080F20"/>
|
||
|
|
</linearGradient>
|
||
|
|
<radialGradient id="glare" cx="24%" cy="18%" r="50%">
|
||
|
|
<stop offset="0%" stop-color="#fff" stop-opacity="0.11"/>
|
||
|
|
<stop offset="100%" stop-color="#003" stop-opacity="0"/>
|
||
|
|
</radialGradient>
|
||
|
|
<filter id="gw" x="-22%" y="-22%" width="144%" height="144%">
|
||
|
|
<feGaussianBlur in="SourceGraphic" stdDeviation="10" result="b"/>
|
||
|
|
<feColorMatrix in="b" values="0 0 0 0 0 0 0 0 0 0.38 0 0 0 0 1 0 0 0 0.65 0" result="g"/>
|
||
|
|
<feMerge><feMergeNode in="g"/><feMergeNode in="SourceGraphic"/></feMerge>
|
||
|
|
</filter>
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
<!-- ── OKTAGON BAKGRUND ── -->
|
||
|
|
<!-- Hård, vass, asymmetrisk kant. Inte cirkel, inte kvadrat. -->
|
||
|
|
<polygon
|
||
|
|
points="166,14 346,14 498,166 498,346 346,498 166,498 14,346 14,166"
|
||
|
|
fill="url(#bg)"/>
|
||
|
|
|
||
|
|
<!-- Oktagon kant — tunn, mörk blå -->
|
||
|
|
<polygon
|
||
|
|
points="166,14 346,14 498,166 498,346 346,498 166,498 14,346 14,166"
|
||
|
|
fill="none" stroke="url(#octHL)" stroke-width="18"/>
|
||
|
|
|
||
|
|
<!-- Oktagon highlight övre-vänster — ger 3D-djup -->
|
||
|
|
<polyline points="166,14 346,14 498,166"
|
||
|
|
fill="none" stroke="white" stroke-width="2.5" stroke-opacity="0.18" stroke-linejoin="round"/>
|
||
|
|
|
||
|
|
<!-- ── YTTRE SIKTE-RING — primär form ── -->
|
||
|
|
<!-- Bred, tydlig ring. DENNA överlever ner till 16px. -->
|
||
|
|
<circle cx="256" cy="256" r="198"
|
||
|
|
fill="none" stroke="url(#el)" stroke-width="26"
|
||
|
|
filter="url(#gw)"/>
|
||
|
|
<!-- Ring bevel highlight -->
|
||
|
|
<path d="M 110 68 A 198 198 0 0 1 444 110"
|
||
|
|
fill="none" stroke="white" stroke-width="3"
|
||
|
|
stroke-opacity="0.20" stroke-linecap="round"/>
|
||
|
|
|
||
|
|
<!-- ── KORSHÅR — 4 ARMAR, skär IGENOM ringen ── -->
|
||
|
|
<!-- Armarna sträcker sig från kant till kant genom hela oktagonen. -->
|
||
|
|
<!-- De BRYTS inte av ringen — de skär igenom den, precis som ett militärt sikte. -->
|
||
|
|
<!-- Armbredd: 20px. Gap i mitten: 48px radie. -->
|
||
|
|
<g filter="url(#gw)" stroke="url(#el)" stroke-linecap="square" stroke-width="20">
|
||
|
|
<!-- Vänster arm: ner till inre gap -->
|
||
|
|
<line x1="14" y1="256" x2="208" y2="256"/>
|
||
|
|
<!-- Höger arm -->
|
||
|
|
<line x1="304" y1="256" x2="498" y2="256"/>
|
||
|
|
<!-- Övre arm -->
|
||
|
|
<line x1="256" y1="14" x2="256" y2="208"/>
|
||
|
|
<!-- Nedre arm -->
|
||
|
|
<line x1="256" y1="304" x2="256" y2="498"/>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<!-- ── INRE CIRKEL — definierar siktets centrum ── -->
|
||
|
|
<circle cx="256" cy="256" r="48"
|
||
|
|
fill="none" stroke="url(#el)" stroke-width="18"
|
||
|
|
filter="url(#gw)"/>
|
||
|
|
|
||
|
|
<!-- ── MITTPUNKT — skarp, liten ── -->
|
||
|
|
<circle cx="256" cy="256" r="9" fill="url(#el)" filter="url(#gw)"/>
|
||
|
|
|
||
|
|
<!-- ── GLANS ── -->
|
||
|
|
<polygon
|
||
|
|
points="166,14 346,14 498,166 498,346 346,498 166,498 14,346 14,166"
|
||
|
|
fill="url(#glare)"/>
|
||
|
|
</svg>
|