Bernt
bae705aa97
- Add NFC ePassport roadmap (ICAO 9303, eIDAS) - Add TensorFlow.js edge face detection (BlazeFace) - Add structured audit logger (GDPR-compliant) - Risk scoring support Part of KYC Apple Native UX v1.1.0
107 lines
4.0 KiB
XML
107 lines
4.0 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
<defs>
|
|
<!-- Bakgrund: djupt mörkblå, nästan svart -->
|
|
<radialGradient id="bg" cx="38%" cy="32%" r="68%">
|
|
<stop offset="0%" stop-color="#0E1C38"/>
|
|
<stop offset="100%" stop-color="#050B18"/>
|
|
</radialGradient>
|
|
|
|
<!-- Ring + korshår: single elektrisk blå, ingen gradient-röra -->
|
|
<!-- Yttre ring: subtilt lysande kant -->
|
|
<linearGradient id="ringHL" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#3A8FCC"/>
|
|
<stop offset="45%" stop-color="#1A5A99"/>
|
|
<stop offset="100%" stop-color="#0A2A55"/>
|
|
</linearGradient>
|
|
|
|
<!-- Inre element: ren blå -->
|
|
<linearGradient id="el" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#60D4FF"/>
|
|
<stop offset="50%" stop-color="#0088EE"/>
|
|
<stop offset="100%" stop-color="#004ABB"/>
|
|
</linearGradient>
|
|
|
|
<!-- Glans på ringen övre-vänster -->
|
|
<radialGradient id="glare" cx="25%" cy="20%" r="50%">
|
|
<stop offset="0%" stop-color="#fff" stop-opacity="0.11"/>
|
|
<stop offset="100%" stop-color="#003" stop-opacity="0"/>
|
|
</radialGradient>
|
|
|
|
<!-- Glow -->
|
|
<filter id="gw" x="-25%" y="-25%" width="150%" height="150%">
|
|
<feGaussianBlur in="SourceGraphic" stdDeviation="9" result="b"/>
|
|
<feColorMatrix in="b"
|
|
values="0 0 0 0 0.05 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>
|
|
|
|
<!-- Skärpa för skarpa kanter -->
|
|
<filter id="crisp">
|
|
<feComponentTransfer>
|
|
<feFuncA type="discrete" tableValues="0 1"/>
|
|
</feComponentTransfer>
|
|
</filter>
|
|
</defs>
|
|
|
|
<!-- ── BAKGRUND ── -->
|
|
<circle cx="256" cy="256" r="252" fill="url(#bg)"/>
|
|
|
|
<!-- ── YTTRE RING — dubbel, med gap ── -->
|
|
<!-- Yttre ring -->
|
|
<circle cx="256" cy="256" r="228"
|
|
fill="none" stroke="url(#ringHL)" stroke-width="16"
|
|
stroke-dasharray="none"/>
|
|
<!-- Ring highlight övre-vänster -->
|
|
<path d="M 122 50 A 228 228 0 0 1 462 122"
|
|
fill="none" stroke="white" stroke-width="3"
|
|
stroke-opacity="0.18" stroke-linecap="round"/>
|
|
<!-- Inre ring — tunn, skapar djup -->
|
|
<circle cx="256" cy="256" r="204"
|
|
fill="none" stroke="#1A3A6A" stroke-width="2" stroke-opacity="0.5"/>
|
|
|
|
<!-- ── KORSHÅR — 4 LINJER, möter EJ i mitten (gap = professionell look) ── -->
|
|
<!-- Korshårens tjocklek: 14px. Gap i mitten: 44px radie -->
|
|
<g filter="url(#gw)" stroke="url(#el)" stroke-linecap="round">
|
|
<!-- Vänster arm -->
|
|
<line x1="28" y1="256" x2="212" y2="256" stroke-width="14"/>
|
|
<!-- Höger arm -->
|
|
<line x1="300" y1="256" x2="484" y2="256" stroke-width="14"/>
|
|
<!-- Övre arm -->
|
|
<line x1="256" y1="28" x2="256" y2="212" stroke-width="14"/>
|
|
<!-- Nedre arm -->
|
|
<line x1="256" y1="300" x2="256" y2="484" stroke-width="14"/>
|
|
</g>
|
|
|
|
<!-- ── INRE CIRKEL — sökljusets mittpunkt ── -->
|
|
<!-- Stor cirkel runt gapet — ögat/linsen -->
|
|
<circle cx="256" cy="256" r="72"
|
|
fill="none" stroke="url(#el)" stroke-width="10"
|
|
filter="url(#gw)"/>
|
|
|
|
<!-- ── MITTPUNKT — fast, liten ── -->
|
|
<circle cx="256" cy="256" r="10"
|
|
fill="url(#el)" filter="url(#gw)"/>
|
|
|
|
<!-- ── 4 DIAGONALA TICK-MARKS på ytterringen — ger kamera-känsla ── -->
|
|
<g stroke="url(#el)" stroke-width="6" stroke-linecap="round" opacity="0.6">
|
|
<line x1="383" y1="129" x2="366" y2="146"/>
|
|
<line x1="383" y1="383" x2="366" y2="366"/>
|
|
<line x1="129" y1="383" x2="146" y2="366"/>
|
|
<line x1="129" y1="129" x2="146" y2="146"/>
|
|
</g>
|
|
|
|
<!-- ── GLANSÖVERLAGER ── -->
|
|
<circle cx="256" cy="256" r="252" fill="url(#glare)"/>
|
|
|
|
<!-- ── 4 KOMPASSDOTAR på ringen ── -->
|
|
<g fill="url(#el)" opacity="0.7">
|
|
<circle cx="256" cy="28" r="5"/>
|
|
<circle cx="484" cy="256" r="5"/>
|
|
<circle cx="256" cy="484" r="5"/>
|
|
<circle cx="28" cy="256" r="5"/>
|
|
</g>
|
|
</svg>
|