153 lines
6.3 KiB
XML
153 lines
6.3 KiB
XML
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" shape-rendering="geometricPrecision">
|
||
|
|
<defs>
|
||
|
|
<!-- Djup 3D-gradient bakgrund — mörk, inte flat -->
|
||
|
|
<radialGradient id="bgGrad" cx="38%" cy="32%" r="70%">
|
||
|
|
<stop offset="0%" stop-color="#1a1f35"/>
|
||
|
|
<stop offset="100%" stop-color="#080b14"/>
|
||
|
|
</radialGradient>
|
||
|
|
|
||
|
|
<!-- X-gradient — blå till elektrisk cyan med 3D-djup -->
|
||
|
|
<linearGradient id="xGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" stop-color="#60CFFF"/>
|
||
|
|
<stop offset="35%" stop-color="#0085FF"/>
|
||
|
|
<stop offset="65%" stop-color="#0055CC"/>
|
||
|
|
<stop offset="100%" stop-color="#002B80"/>
|
||
|
|
</linearGradient>
|
||
|
|
|
||
|
|
<!-- X bevel highlight -->
|
||
|
|
<linearGradient id="xHighlight" x1="0%" y1="0%" x2="60%" y2="100%">
|
||
|
|
<stop offset="0%" stop-color="#AAEEFF" stop-opacity="0.9"/>
|
||
|
|
<stop offset="40%" stop-color="#0099FF" stop-opacity="0.4"/>
|
||
|
|
<stop offset="100%" stop-color="#0044AA" stop-opacity="0"/>
|
||
|
|
</linearGradient>
|
||
|
|
|
||
|
|
<!-- Ring yttre gradient — linsring -->
|
||
|
|
<linearGradient id="ringOuter" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" stop-color="#2a3a5c"/>
|
||
|
|
<stop offset="40%" stop-color="#1a2540"/>
|
||
|
|
<stop offset="100%" stop-color="#0d1525"/>
|
||
|
|
</linearGradient>
|
||
|
|
|
||
|
|
<!-- Ring highlight -->
|
||
|
|
<linearGradient id="ringHighlight" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" stop-color="#4a6080" stop-opacity="0.9"/>
|
||
|
|
<stop offset="50%" stop-color="#1a2a44" stop-opacity="0.3"/>
|
||
|
|
<stop offset="100%" stop-color="#0a1428" stop-opacity="0"/>
|
||
|
|
</linearGradient>
|
||
|
|
|
||
|
|
<!-- Glanseffekt på linsen -->
|
||
|
|
<radialGradient id="lensGlare" cx="30%" cy="25%" r="45%">
|
||
|
|
<stop offset="0%" stop-color="#ffffff" stop-opacity="0.12"/>
|
||
|
|
<stop offset="60%" stop-color="#4488ff" stop-opacity="0.04"/>
|
||
|
|
<stop offset="100%" stop-color="#0033cc" stop-opacity="0"/>
|
||
|
|
</radialGradient>
|
||
|
|
|
||
|
|
<!-- Apertur-blad gradient -->
|
||
|
|
<linearGradient id="bladeGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" stop-color="#1e2e50"/>
|
||
|
|
<stop offset="100%" stop-color="#0a1428"/>
|
||
|
|
</linearGradient>
|
||
|
|
|
||
|
|
<!-- Glow filter på X -->
|
||
|
|
<filter id="xGlow" x="-20%" y="-20%" width="140%" height="140%">
|
||
|
|
<feGaussianBlur in="SourceGraphic" stdDeviation="8" result="blur"/>
|
||
|
|
<feColorMatrix in="blur" type="matrix"
|
||
|
|
values="0 0 0 0 0.2
|
||
|
|
0 0 0 0 0.5
|
||
|
|
0 0 0 0 1
|
||
|
|
0 0 0 0.7 0" result="glow"/>
|
||
|
|
<feMerge>
|
||
|
|
<feMergeNode in="glow"/>
|
||
|
|
<feMergeNode in="SourceGraphic"/>
|
||
|
|
</feMerge>
|
||
|
|
</filter>
|
||
|
|
|
||
|
|
<!-- Drop shadow för djup -->
|
||
|
|
<filter id="shadow" x="-10%" y="-10%" width="120%" height="120%">
|
||
|
|
<feDropShadow dx="0" dy="8" stdDeviation="16" flood-color="#000820" flood-opacity="0.7"/>
|
||
|
|
</filter>
|
||
|
|
|
||
|
|
<!-- Clip till unik form — hexagonisk med avskurna hörn (kamera-apertur-känsla) -->
|
||
|
|
<clipPath id="logoClip">
|
||
|
|
<path d="M256 16
|
||
|
|
L428 96 L484 256 L428 416 L256 496
|
||
|
|
L84 416 L28 256 L84 96 Z"/>
|
||
|
|
</clipPath>
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
<!-- ── YTTRE FORM — unik hexagon/apertur, inte kvadrat eller cirkel ── -->
|
||
|
|
<!-- Skugga -->
|
||
|
|
<path d="M256 20 L430 100 L488 256 L430 412 L256 492 L82 412 L24 256 L82 100 Z"
|
||
|
|
fill="#000820" opacity="0.5" filter="url(#shadow)"
|
||
|
|
transform="translate(0, 12)"/>
|
||
|
|
|
||
|
|
<!-- Bakgrundsfyll -->
|
||
|
|
<path d="M256 20 L430 100 L488 256 L430 412 L256 492 L82 412 L24 256 L82 100 Z"
|
||
|
|
fill="url(#bgGrad)"/>
|
||
|
|
|
||
|
|
<!-- ── APERTURBLAD — 8 blad som ger kameralinse-känsla ── -->
|
||
|
|
<g opacity="0.55">
|
||
|
|
<!-- Blad 1 -->
|
||
|
|
<path d="M256 80 L310 140 L256 160 L202 140 Z" fill="url(#bladeGrad)"/>
|
||
|
|
<!-- Blad 2 -->
|
||
|
|
<path d="M380 140 L380 200 L340 200 L320 155 Z" fill="url(#bladeGrad)"/>
|
||
|
|
<!-- Blad 3 -->
|
||
|
|
<path d="M432 256 L390 310 L365 270 L385 220 Z" fill="url(#bladeGrad)"/>
|
||
|
|
<!-- Blad 4 -->
|
||
|
|
<path d="M380 372 L320 357 L340 312 L380 312 Z" fill="url(#bladeGrad)"/>
|
||
|
|
<!-- Blad 5 -->
|
||
|
|
<path d="M256 432 L202 372 L256 352 L310 372 Z" fill="url(#bladeGrad)"/>
|
||
|
|
<!-- Blad 6 -->
|
||
|
|
<path d="M132 372 L132 312 L172 312 L192 357 Z" fill="url(#bladeGrad)"/>
|
||
|
|
<!-- Blad 7 -->
|
||
|
|
<path d="M80 256 L122 202 L147 242 L127 292 Z" fill="url(#bladeGrad)"/>
|
||
|
|
<!-- Blad 8 -->
|
||
|
|
<path d="M132 140 L192 155 L172 200 L132 200 Z" fill="url(#bladeGrad)"/>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<!-- ── YTTRE LINSRING ── -->
|
||
|
|
<circle cx="256" cy="256" r="210" fill="none" stroke="url(#ringOuter)" stroke-width="22" opacity="0.9"/>
|
||
|
|
<circle cx="256" cy="256" r="210" fill="none" stroke="url(#ringHighlight)" stroke-width="10" opacity="0.6"/>
|
||
|
|
|
||
|
|
<!-- Inre ring -->
|
||
|
|
<circle cx="256" cy="256" r="178" fill="none" stroke="#0d1a30" stroke-width="8" opacity="0.8"/>
|
||
|
|
<circle cx="256" cy="256" r="170" fill="#0a0f1e" opacity="0.95"/>
|
||
|
|
|
||
|
|
<!-- ── X — HUVUDSYMBOL ── -->
|
||
|
|
<!-- X skugga/djup -->
|
||
|
|
<g transform="translate(4, 6)" opacity="0.4">
|
||
|
|
<path d="M152 152 L232 256 L152 360 L192 360 L256 272 L320 360 L360 360 L280 256 L360 152 L320 152 L256 240 L192 152 Z"
|
||
|
|
fill="#001040"/>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<!-- X kropp -->
|
||
|
|
<path d="M150 150 L230 256 L150 362 L194 362 L256 272 L318 362 L362 362 L282 256 L362 150 L318 150 L256 240 L194 150 Z"
|
||
|
|
fill="url(#xGrad)" filter="url(#xGlow)"/>
|
||
|
|
|
||
|
|
<!-- X highlight — bevel-effekt -->
|
||
|
|
<path d="M150 150 L230 256 L150 362 L194 362 L256 272 L318 362 L362 362 L282 256 L362 150 L318 150 L256 240 L194 150 Z"
|
||
|
|
fill="url(#xHighlight)" opacity="0.6"/>
|
||
|
|
|
||
|
|
<!-- ── LINSGLANS ── -->
|
||
|
|
<circle cx="256" cy="256" r="170" fill="url(#lensGlare)"/>
|
||
|
|
|
||
|
|
<!-- Liten glans-dot övre vänster -->
|
||
|
|
<ellipse cx="195" cy="185" rx="28" ry="16" fill="white" opacity="0.07" transform="rotate(-30, 195, 185)"/>
|
||
|
|
<ellipse cx="185" cy="178" rx="12" ry="6" fill="white" opacity="0.12" transform="rotate(-30, 185, 178)"/>
|
||
|
|
|
||
|
|
<!-- ── YTTRE RING HIGHLIGHT ── -->
|
||
|
|
<path d="M256 46 A210 210 0 0 1 430 156" stroke="white" stroke-width="3" fill="none" opacity="0.1" stroke-linecap="round"/>
|
||
|
|
|
||
|
|
<!-- ── TINY DOTS — aperturmärken på ringen ── -->
|
||
|
|
<g fill="#2a4070" opacity="0.8">
|
||
|
|
<circle cx="256" cy="46" r="4"/>
|
||
|
|
<circle cx="430" cy="156" r="4"/>
|
||
|
|
<circle cx="466" cy="256" r="4"/>
|
||
|
|
<circle cx="430" cy="356" r="4"/>
|
||
|
|
<circle cx="256" cy="466" r="4"/>
|
||
|
|
<circle cx="82" cy="356" r="4"/>
|
||
|
|
<circle cx="46" cy="256" r="4"/>
|
||
|
|
<circle cx="82" cy="156" r="4"/>
|
||
|
|
</g>
|
||
|
|
</svg>
|