Files
foh-updates/eea-registration-variations/icon.svg
T
2026-06-23 04:43:48 +00:00

86 lines
4.0 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="256" height="256">
<defs>
<!-- Main vertical gradient for ticket face -->
<linearGradient id="grad_tag" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#a855f7"/>
<stop offset="100%" stop-color="#5b21b6"/>
</linearGradient>
<!-- Specular highlight: white radial over top third -->
<radialGradient id="spec_tag" cx="50%" cy="15%" r="60%" fx="50%" fy="8%">
<stop offset="0%" stop-color="#ffffff" stop-opacity="0.24"/>
<stop offset="70%" stop-color="#ffffff" stop-opacity="0.08"/>
<stop offset="100%" stop-color="#ffffff" stop-opacity="0"/>
</radialGradient>
<!-- Clip path for the rounded ticket shape (with notch arcs) -->
<clipPath id="ticket_clip_tag">
<path d="M 8 56 Q 8 8 56 8 L 200 8 Q 248 8 248 56 L 248 110 A 18 18 0 0 0 248 146 L 248 200 Q 248 248 200 248 L 56 248 Q 8 248 8 200 L 8 146 A 18 18 0 0 0 8 110 Z"/>
</clipPath>
<!-- Notch inner-shadow gradients -->
<radialGradient id="notch_l_tag" cx="100%" cy="50%" r="100%">
<stop offset="0%" stop-color="#000000" stop-opacity="0.30"/>
<stop offset="100%" stop-color="#000000" stop-opacity="0"/>
</radialGradient>
<radialGradient id="notch_r_tag" cx="0%" cy="50%" r="100%">
<stop offset="0%" stop-color="#000000" stop-opacity="0.30"/>
<stop offset="100%" stop-color="#000000" stop-opacity="0"/>
</radialGradient>
<!-- Card outer drop shadow -->
<filter id="card_shadow_tag" x="-25%" y="-25%" width="150%" height="150%" color-interpolation-filters="sRGB">
<feGaussianBlur in="SourceAlpha" stdDeviation="10" result="blur"/>
<feOffset dx="0" dy="7" result="offset"/>
<feFlood flood-color="#000000" flood-opacity="0.3" result="flood"/>
<feComposite in="flood" in2="offset" operator="in" result="shadow"/>
<feMerge>
<feMergeNode in="shadow"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<!-- Glyph drop shadow -->
<filter id="glyph_shadow_tag" x="-25%" y="-25%" width="150%" height="150%" color-interpolation-filters="sRGB">
<feGaussianBlur in="SourceAlpha" stdDeviation="5" result="blur"/>
<feOffset dx="0" dy="3" result="offset"/>
<feFlood flood-color="#000000" flood-opacity="0.4" result="flood"/>
<feComposite in="flood" in2="offset" operator="in" result="shadow"/>
<feMerge>
<feMergeNode in="shadow"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</defs>
<!-- Card base with outer drop shadow -->
<g filter="url(#card_shadow_tag)">
<path d="M 8 56 Q 8 8 56 8 L 200 8 Q 248 8 248 56 L 248 110 A 18 18 0 0 0 248 146 L 248 200 Q 248 248 200 248 L 56 248 Q 8 248 8 200 L 8 146 A 18 18 0 0 0 8 110 Z" fill="url(#grad_tag)"/>
</g>
<!-- Subtle perforation line (vertical center) -->
<line x1="128" y1="22" x2="128" y2="234"
stroke="#ffffff" stroke-width="1.5" stroke-opacity="0.14"
stroke-dasharray="5 9" stroke-linecap="round"
clip-path="url(#ticket_clip_tag)"/>
<!-- Specular highlight over top ~35% of the card -->
<path d="M 8 56 Q 8 8 56 8 L 200 8 Q 248 8 248 56 L 248 110 A 18 18 0 0 0 248 146 L 248 200 Q 248 248 200 248 L 56 248 Q 8 248 8 200 L 8 146 A 18 18 0 0 0 8 110 Z" fill="url(#spec_tag)" clip-path="url(#ticket_clip_tag)"/>
<!-- Left notch circle -->
<circle cx="8" cy="128" r="18" fill="#4c1d95"/>
<circle cx="8" cy="128" r="18" fill="url(#notch_l_tag)"/>
<!-- Right notch circle -->
<circle cx="248" cy="128" r="18" fill="#4c1d95"/>
<circle cx="248" cy="128" r="18" fill="url(#notch_r_tag)"/>
<!-- White glyph with soft drop shadow, scaled 64%, centered -->
<g filter="url(#glyph_shadow_tag)">
<g transform="translate(128 128) scale(0.64) translate(-128 -128)">
<g>
<path d="M150 54h48a10 10 0 0 1 10 10v48a14 14 0 0 1-4.1 9.9l-74 74a14 14 0 0 1-19.8 0l-50-50a14 14 0 0 1 0-19.8l74-74a14 14 0 0 1 9.9-4.1z" fill="white"/>
<circle cx="178" cy="84" r="13" fill="#0003"/>
</g></g>
</g>
</svg>