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
108 lines
4.0 KiB
XML
108 lines
4.0 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
<defs>
|
|
<!-- Bakgrund: djupt mörkblå, klar och ren -->
|
|
<linearGradient id="bg" x1="30%" y1="0%" x2="70%" y2="100%">
|
|
<stop offset="0%" stop-color="#0C1A32"/>
|
|
<stop offset="100%" stop-color="#060D1A"/>
|
|
</linearGradient>
|
|
|
|
<!-- X: stark isblå gradient, tydlig även liten -->
|
|
<linearGradient id="xFace" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#7AE2FF"/>
|
|
<stop offset="40%" stop-color="#0A9FFF"/>
|
|
<stop offset="80%" stop-color="#0055DD"/>
|
|
<stop offset="100%" stop-color="#003099"/>
|
|
</linearGradient>
|
|
|
|
<!-- Bevel: ljus kant längs övre kanten av varje arm -->
|
|
<linearGradient id="bevel" x1="0%" y1="0%" x2="100%" y2="0%">
|
|
<stop offset="0%" stop-color="#DFFFFF" stop-opacity="1.0"/>
|
|
<stop offset="100%" stop-color="#0099FF" stop-opacity="0"/>
|
|
</linearGradient>
|
|
|
|
<!-- Skuggsida: smalare mörk yta längs nedre kanten av varje arm -->
|
|
<linearGradient id="shadow" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#0044BB"/>
|
|
<stop offset="100%" stop-color="#000E33"/>
|
|
</linearGradient>
|
|
|
|
<!-- Glow -->
|
|
<filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
|
|
<feGaussianBlur in="SourceGraphic" stdDeviation="9" result="b"/>
|
|
<feColorMatrix in="b" values="0 0 0 0 0.05 0 0 0 0 0.5 0 0 0 0 1 0 0 0 0.65 0" result="g"/>
|
|
<feMerge><feMergeNode in="g"/><feMergeNode in="SourceGraphic"/></feMerge>
|
|
</filter>
|
|
|
|
<!-- Inre glans -->
|
|
<radialGradient id="glare" cx="25%" cy="20%" r="55%">
|
|
<stop offset="0%" stop-color="#fff" stop-opacity="0.09"/>
|
|
<stop offset="100%" stop-color="#003" stop-opacity="0"/>
|
|
</radialGradient>
|
|
|
|
<!-- Clip: oktagon, 45°-fasade hörn, mer vass än rund -->
|
|
<clipPath id="oct">
|
|
<polygon points="164,14 348,14 498,164 498,348 348,498 164,498 14,348 14,164"/>
|
|
</clipPath>
|
|
</defs>
|
|
|
|
<!-- ── BAKGRUND: klar oktagon, hård kant ── -->
|
|
<polygon
|
|
points="164,14 348,14 498,164 498,348 348,498 164,498 14,348 14,164"
|
|
fill="url(#bg)"/>
|
|
|
|
<!-- Highlight övre-vänster fasad -->
|
|
<line x1="164" y1="14" x2="348" y2="14" stroke="white" stroke-width="1.5" stroke-opacity="0.1"/>
|
|
<line x1="164" y1="14" x2="14" y2="164" stroke="white" stroke-width="1.5" stroke-opacity="0.06"/>
|
|
|
|
<!-- ── X: ARMARNA — breda (110px), klippta till oktagon ── -->
|
|
<g clip-path="url(#oct)" filter="url(#glow)">
|
|
|
|
<!-- ARM \ (övre-vänster → nedre-höger) — FRAMSIDA -->
|
|
<polygon
|
|
points="58,58 168,58 454,454 344,454"
|
|
fill="url(#xFace)"/>
|
|
|
|
<!-- ARM \ — ÖVRE BEVEL (smal ljus kantlinje) -->
|
|
<polygon
|
|
points="58,58 168,58 198,88 88,88"
|
|
fill="url(#bevel)" opacity="0.75"/>
|
|
|
|
<!-- ARM \ — UNDRE SKUGGA -->
|
|
<polygon
|
|
points="158,58 168,58 454,454 444,454"
|
|
fill="url(#shadow)" opacity="0.5"/>
|
|
|
|
<!-- ARM / (övre-höger → nedre-vänster) — FRAMSIDA -->
|
|
<polygon
|
|
points="454,58 344,58 58,454 168,454"
|
|
fill="url(#xFace)"/>
|
|
|
|
<!-- ARM / — ÖVRE BEVEL -->
|
|
<polygon
|
|
points="454,58 344,58 314,88 424,88"
|
|
fill="url(#bevel)" opacity="0.75"/>
|
|
|
|
<!-- ARM / — UNDRE SKUGGA -->
|
|
<polygon
|
|
points="354,58 344,58 58,454 68,454"
|
|
fill="url(#shadow)" opacity="0.5"/>
|
|
|
|
</g>
|
|
|
|
<!-- ── MITTDEL: klar, ren diamant — täcker korsningspunkten ── -->
|
|
<!-- Mörk diamant för korsningsdjup — skapar illusion av att armarna är separata 3D-objekt -->
|
|
<polygon
|
|
points="256,186 326,256 256,326 186,256"
|
|
fill="#0B1830" clip-path="url(#oct)"/>
|
|
|
|
<!-- Mittglans: liten lysande punkt i korsningen -->
|
|
<circle cx="256" cy="256" r="22" fill="#1A80FF" opacity="0.2" clip-path="url(#oct)"/>
|
|
<circle cx="256" cy="256" r="10" fill="#90DDFF" opacity="0.4" clip-path="url(#oct)"/>
|
|
|
|
<!-- ── GLANSÖVERLAGER ── -->
|
|
<polygon
|
|
points="164,14 348,14 498,164 498,348 348,498 164,498 14,348 14,164"
|
|
fill="url(#glare)"/>
|
|
|
|
</svg>
|