Files
2026-06-23 04:43:55 +00:00

87 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_bell" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#14b8a8"/>
<stop offset="100%" stop-color="#0c6b63"/>
</linearGradient>
<!-- Specular highlight: white radial over top third -->
<radialGradient id="spec_bell" 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_bell">
<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_bell" 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_bell" 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_bell" 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_bell" 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_bell)">
<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_bell)"/>
</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_bell)"/>
<!-- 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_bell)" clip-path="url(#ticket_clip_bell)"/>
<!-- Left notch circle -->
<circle cx="8" cy="128" r="18" fill="#0a5c56"/>
<circle cx="8" cy="128" r="18" fill="url(#notch_l_bell)"/>
<!-- Right notch circle -->
<circle cx="248" cy="128" r="18" fill="#0a5c56"/>
<circle cx="248" cy="128" r="18" fill="url(#notch_r_bell)"/>
<!-- White glyph with soft drop shadow, scaled 64%, centered -->
<g filter="url(#glyph_shadow_bell)">
<g transform="translate(128 128) scale(0.64) translate(-128 -128)">
<g fill="white">
<circle cx="128" cy="60" r="10"/>
<path d="M128 68c-26 0-45 19-47 46-2 26-9 40-21 52h136c-12-12-19-26-21-52-2-27-21-46-47-46z"/>
<path d="M108 178a20 20 0 0 0 40 0z"/>
</g></g>
</g>
</svg>