Files
boc/qx-logo-final.svg
T

75 lines
3.2 KiB
XML
Raw Normal View History

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<defs>
<linearGradient id="bg" x1="20%" y1="0%" x2="80%" y2="100%">
<stop offset="0%" stop-color="#0D1B33"/>
<stop offset="100%" stop-color="#060E1C"/>
</linearGradient>
<!-- X-arm: ren isblå med starkt bevel -->
<linearGradient id="xA" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#85E5FF"/>
<stop offset="30%" stop-color="#0AABFF"/>
<stop offset="70%" stop-color="#0055EE"/>
<stop offset="100%" stop-color="#002C99"/>
</linearGradient>
<!-- Bevel: extremt tunn ljus kant -->
<linearGradient id="bv" x1="0%" y1="0%" x2="80%" y2="0%">
<stop offset="0%" stop-color="#E8F8FF" stop-opacity="0.95"/>
<stop offset="100%" stop-color="#0099FF" stop-opacity="0"/>
</linearGradient>
<!-- Skuggsida -->
<linearGradient id="sh" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#003BAA"/>
<stop offset="100%" stop-color="#000E30"/>
</linearGradient>
<!-- Glans -->
<radialGradient id="gl" cx="22%" cy="18%" r="55%">
<stop offset="0%" stop-color="#fff" stop-opacity="0.10"/>
<stop offset="100%" stop-color="#003" stop-opacity="0"/>
</radialGradient>
<!-- Glow -->
<filter id="gw" x="-18%" y="-18%" width="136%" height="136%">
<feGaussianBlur in="SourceGraphic" stdDeviation="11" 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>
<!-- Clip oktagon -->
<clipPath id="oc">
<polygon points="162,12 350,12 500,162 500,350 350,500 162,500 12,350 12,162"/>
</clipPath>
</defs>
<!-- Bakgrund: ren oktagon, vass och distinkt -->
<polygon points="162,12 350,12 500,162 500,350 350,500 162,500 12,350 12,162"
fill="url(#bg)"/>
<!-- Kant highlight -->
<polygon points="162,12 350,12 500,162 500,350 350,500 162,500 12,350 12,162"
fill="none" stroke="white" stroke-width="2" stroke-opacity="0.07"/>
<!-- Övre highlight starkare -->
<polyline points="162,12 350,12 500,162"
fill="none" stroke="white" stroke-width="2" stroke-opacity="0.12"/>
<!-- ── X: ARMAR UTAN GAP — möts i mitten ── -->
<g clip-path="url(#oc)" filter="url(#gw)">
<!-- ARM \ framsida — bredd 108px -->
<polygon points="54,54 162,54 458,458 350,458" fill="url(#xA)"/>
<!-- ARM \ bevel (övre) -->
<polygon points="54,54 162,54 188,80 80,80" fill="url(#bv)" opacity="0.8"/>
<!-- ARM \ skugga (nedre) -->
<polygon points="148,54 162,54 458,458 444,458" fill="url(#sh)" opacity="0.45"/>
<!-- ARM / framsida — bredd 108px -->
<polygon points="458,54 350,54 54,458 162,458" fill="url(#xA)"/>
<!-- ARM / bevel (övre) -->
<polygon points="458,54 350,54 324,80 432,80" fill="url(#bv)" opacity="0.8"/>
<!-- ARM / skugga (nedre) -->
<polygon points="364,54 350,54 54,458 68,458" fill="url(#sh)" opacity="0.45"/>
</g>
<!-- Glansöverlager -->
<polygon points="162,12 350,12 500,162 500,350 350,500 162,500 12,350 12,162"
fill="url(#gl)"/>
</svg>