90 lines
2.3 KiB
XML
90 lines
2.3 KiB
XML
<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
|
|
<!-- Reusable geometry -->
|
|
<path id="shieldPath" d="M 256 480
|
|
C 196 440, 108 378, 96 256
|
|
C 96 256, 136 176, 96 106
|
|
C 96 106, 256 -50, 416 106
|
|
C 416 106, 376 176, 416 256
|
|
C 404 378, 316 440, 256 480
|
|
Z" />
|
|
|
|
|
|
|
|
<path id="bulbGlass" d="
|
|
M 256 145
|
|
C 210 145, 180 180, 180 220
|
|
C 180 250, 198 275, 220 290
|
|
L 220 310
|
|
C 220 325, 235 335, 256 335
|
|
C 277 335, 292 325, 292 310
|
|
L 292 290
|
|
C 314 275, 332 250, 332 220
|
|
C 332 180, 302 145, 256 145
|
|
Z" />
|
|
|
|
<g id="bulbCutout">
|
|
<g transform="translate(0,-20)">
|
|
<use href="#bulbGlass" />
|
|
</g>
|
|
<rect x="228" y="332" width="56" height="16" rx="6" />
|
|
<rect x="232" y="365" width="48" height="12" rx="6" />
|
|
</g>
|
|
|
|
<!-- Masks -->
|
|
<mask id="lineMask" maskUnits="userSpaceOnUse" maskContentUnits="userSpaceOnUse">
|
|
<use href="#shieldPath" fill="white" />
|
|
<use href="#bulbCutout" fill="black" />
|
|
</mask>
|
|
|
|
<!-- Used only to keep inner strokes inside the shield and away from the cutouts -->
|
|
<mask id="shieldMask" maskUnits="userSpaceOnUse" maskContentUnits="userSpaceOnUse">
|
|
<rect x="0" y="0" width="512" height="512" fill="black" />
|
|
<use href="#shieldPath" fill="white" />
|
|
<!-- prevent stroking outside shield where bulb overlaps the cutout area -->
|
|
<use href="#bulbCutout" fill="black" />
|
|
</mask>
|
|
|
|
<!-- gradient -->
|
|
<linearGradient id="silver"
|
|
x1="0" y1="0"
|
|
x2="0" y2="1">
|
|
<stop offset="0%" stop-color="#1E293B"/>
|
|
<stop offset="35%" stop-color="#60A5FA"/>
|
|
<stop offset="50%" stop-color="#7DD3FC"/>
|
|
<stop offset="65%" stop-color="#60A5FA"/>
|
|
<stop offset="100%" stop-color="#1E293B"/>
|
|
</linearGradient>
|
|
|
|
|
|
|
|
</defs>
|
|
|
|
<!-- Shield -->
|
|
<use href="#shieldPath"
|
|
fill="black"
|
|
fill-opacity=".25"
|
|
transform="translate(6, 10)"
|
|
mask="url(#lineMask)"
|
|
/>
|
|
|
|
|
|
<use href="#shieldPath"
|
|
fill="transparent"
|
|
stroke="white"
|
|
stroke-width="25"
|
|
stroke-linejoin="round"
|
|
/>
|
|
|
|
|
|
<use href="#shieldPath"
|
|
fill="url(#silver)"
|
|
stroke="black"
|
|
stroke-width="15"
|
|
stroke-linejoin="round"
|
|
mask="url(#lineMask)"
|
|
/>
|
|
|
|
|
|
</svg> |