109 lines
4.3 KiB
XML
109 lines
4.3 KiB
XML
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||
|
|
<defs>
|
||
|
|
<!-- Bakgrund: nästan svart med blå ton -->
|
||
|
|
<radialGradient id="bg" cx="40%" cy="30%" r="75%">
|
||
|
|
<stop offset="0%" stop-color="#0d1829"/>
|
||
|
|
<stop offset="100%" stop-color="#040810"/>
|
||
|
|
</radialGradient>
|
||
|
|
|
||
|
|
<!-- X: isblå gradient med stark highlight (3D-bevel) -->
|
||
|
|
<linearGradient id="xTop" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" stop-color="#8DDFFF"/>
|
||
|
|
<stop offset="30%" stop-color="#1A9FFF"/>
|
||
|
|
<stop offset="70%" stop-color="#005CC8"/>
|
||
|
|
<stop offset="100%" stop-color="#00287A"/>
|
||
|
|
</linearGradient>
|
||
|
|
|
||
|
|
<!-- X skuggsida (underkant av 3D-arm) -->
|
||
|
|
<linearGradient id="xShade" x1="100%" y1="0%" x2="0%" y2="100%">
|
||
|
|
<stop offset="0%" stop-color="#003A9A"/>
|
||
|
|
<stop offset="100%" stop-color="#001040"/>
|
||
|
|
</linearGradient>
|
||
|
|
|
||
|
|
<!-- Highlight-kant längs övre vänster kant av X-armarna -->
|
||
|
|
<linearGradient id="xEdge" x1="0%" y1="0%" x2="100%" y2="0%">
|
||
|
|
<stop offset="0%" stop-color="#C8EEFF" stop-opacity="0.9"/>
|
||
|
|
<stop offset="100%" stop-color="#60BBFF" stop-opacity="0"/>
|
||
|
|
</linearGradient>
|
||
|
|
|
||
|
|
<!-- Subtil glow -->
|
||
|
|
<filter id="glow" x="-15%" y="-15%" width="130%" height="130%">
|
||
|
|
<feGaussianBlur in="SourceGraphic" stdDeviation="12" result="blur"/>
|
||
|
|
<feColorMatrix in="blur" type="matrix"
|
||
|
|
values="0 0 0 0 0.1 0 0 0 0 0.5 0 0 0 0 1 0 0 0 0.55 0" result="c"/>
|
||
|
|
<feMerge><feMergeNode in="c"/><feMergeNode in="SourceGraphic"/></feMerge>
|
||
|
|
</filter>
|
||
|
|
|
||
|
|
<!-- Skuggfilter för djup -->
|
||
|
|
<filter id="depth">
|
||
|
|
<feDropShadow dx="0" dy="12" stdDeviation="20" flood-color="#000814" flood-opacity="0.8"/>
|
||
|
|
</filter>
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
<!-- ── BAKGRUND: Octagonal form — UNIK, inte kvadrat, inte cirkel ── -->
|
||
|
|
<!-- Oktagon: 8-kantig, clippad form -->
|
||
|
|
<polygon
|
||
|
|
points="150,28 362,28 484,150 484,362 362,484 150,484 28,362 28,150"
|
||
|
|
fill="url(#bg)" filter="url(#depth)"/>
|
||
|
|
|
||
|
|
<!-- Subtil kant-highlight på oktagonens övre-vänstra sidor -->
|
||
|
|
<polyline
|
||
|
|
points="150,28 362,28 484,150"
|
||
|
|
fill="none" stroke="white" stroke-width="2" stroke-opacity="0.08" stroke-linejoin="round"/>
|
||
|
|
|
||
|
|
<!-- ── X — KÄRNSYMBOL ──
|
||
|
|
X:et byggs av 4 rektangulära armar roterade 45° och -45°
|
||
|
|
Varje arm har en framsida (ljus) och en skuggsida (mörk) = 3D-prisma-effekt
|
||
|
|
-->
|
||
|
|
|
||
|
|
<!-- ARM 1: övre-vänster till nedre-höger (\ diagonal) — framsida -->
|
||
|
|
<polygon
|
||
|
|
points="100,100 190,100 400,400 310,400"
|
||
|
|
fill="url(#xTop)"
|
||
|
|
filter="url(#glow)"/>
|
||
|
|
|
||
|
|
<!-- ARM 1: \ diagonal — övre kant (bevel highlight) -->
|
||
|
|
<polygon
|
||
|
|
points="100,100 190,100 215,125 125,125"
|
||
|
|
fill="url(#xEdge)" opacity="0.7"/>
|
||
|
|
|
||
|
|
<!-- ARM 2: övre-höger till nedre-vänster (/ diagonal) — framsida -->
|
||
|
|
<polygon
|
||
|
|
points="412,100 322,100 112,400 202,400"
|
||
|
|
fill="url(#xTop)"
|
||
|
|
filter="url(#glow)"/>
|
||
|
|
|
||
|
|
<!-- ARM 2: / diagonal — övre kant (bevel highlight) -->
|
||
|
|
<polygon
|
||
|
|
points="412,100 322,100 297,125 387,125"
|
||
|
|
fill="url(#xEdge)" opacity="0.7"/>
|
||
|
|
|
||
|
|
<!-- ── MITTDEL: överlapp av de två armarna — mörkare för djup ── -->
|
||
|
|
<!-- Exakt mittpunkt-polygon där armarna korsar -->
|
||
|
|
<polygon
|
||
|
|
points="200,200 256,256 200,312 145,256"
|
||
|
|
fill="#0044AA" opacity="0.4"/>
|
||
|
|
<polygon
|
||
|
|
points="312,200 367,256 312,312 256,256"
|
||
|
|
fill="#0044AA" opacity="0.4"/>
|
||
|
|
|
||
|
|
<!-- Mittmarkör: liten ljuspunkt i korsningspunkten -->
|
||
|
|
<circle cx="256" cy="256" r="18" fill="#60CFFF" opacity="0.15"/>
|
||
|
|
<circle cx="256" cy="256" r="7" fill="#A0E8FF" opacity="0.5"/>
|
||
|
|
|
||
|
|
<!-- ── LINS-CIRCLE: tunn ring runt X — apertur-signal ── -->
|
||
|
|
<!-- Yttre ring, smal och subtil -->
|
||
|
|
<circle cx="256" cy="256" r="218"
|
||
|
|
fill="none" stroke="#1A3A6A" stroke-width="3" stroke-opacity="0.6"/>
|
||
|
|
<!-- Highlight på ringen, övre-vänster sektor -->
|
||
|
|
<path d="M 256 38 A 218 218 0 0 1 448 148"
|
||
|
|
fill="none" stroke="white" stroke-width="2" stroke-opacity="0.12"
|
||
|
|
stroke-linecap="round"/>
|
||
|
|
|
||
|
|
<!-- ── 4 SMÅ APERTUR-PUNKTER på ringen, kompassriktningar ── -->
|
||
|
|
<circle cx="256" cy="38" r="5" fill="#1A6ABB" opacity="0.9"/>
|
||
|
|
<circle cx="474" cy="256" r="5" fill="#1A6ABB" opacity="0.9"/>
|
||
|
|
<circle cx="256" cy="474" r="5" fill="#1A6ABB" opacity="0.9"/>
|
||
|
|
<circle cx="38" cy="256" r="5" fill="#1A6ABB" opacity="0.9"/>
|
||
|
|
</svg>
|