vertical traffic light emoji
vertical-traffic-light from Fluent Emoji by Microsoft Corporation · Default · MIT Free for personal and commercial use.
- Name
- vertical-traffic-light
- Set
- Fluent Emoji
- Style
- Default
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
Use the vertical traffic light emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g filter="url(#igIt3SH)"><path fill="url(#ilqUQvG)" d="M16.022 2c3.31 0 6 2.693 6 6.006v15.988a6.01 6.01 0 0 1-6 6.006c-3.31 0-6-2.693-6-6.006V8.006a6.01 6.01 0 0 1 6-6.006"/></g><g filter="url(#ijhjC0C)"><path fill="url(#itNir0b)" d="M16.022 27a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="url(#iGah5Ke)" d="M16.022 27a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/></g><path fill="url(#iJaAETE)" d="M17.022 24a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><g filter="url(#iFT5hve)"><path fill="url(#iK03yFb)" d="M16.022 11a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="url(#i4Yukbb)" d="M16.022 11a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/></g><g filter="url(#i0wFjld)"><path fill="url(#i9ue8rA)" d="M16.022 19a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="url(#i1sR2HT)" d="M16.022 19a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/></g><path fill="url(#i7VDTDc)" d="M17.022 8a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill="url(#iABGtYd)" d="M17.022 16a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill="url(#ikQ0qBq)" d="M12.37 22.364c-.14.312.11.636.452.636a.59.59 0 0 0 .514-.34a3 3 0 0 1 5.37 0c.099.198.293.34.514.34c.342 0 .592-.324.452-.636a4 4 0 0 0-7.302 0"/><path fill="url(#ismqwFV)" d="M12.37 14.364c-.14.312.111.636.453.636a.59.59 0 0 0 .514-.34a3 3 0 0 1 5.37 0c.099.198.293.34.514.34c.342 0 .592-.324.452-.636a4 4 0 0 0-7.302 0"/><path fill="url(#iqNB2gz)" d="M12.37 6.364c-.14.312.111.636.453.636a.59.59 0 0 0 .514-.34a3 3 0 0 1 5.37 0c.099.198.293.34.514.34c.342 0 .592-.324.452-.636a4 4 0 0 0-7.302 0"/><g filter="url(#itGfAEd)"><path stroke="url(#iScfEWd)" stroke-linecap="round" stroke-width=".4" d="M12.855 6.502c.268-.654 1.258-1.962 3.074-1.962s2.9 1.182 3.216 1.773"/></g><g filter="url(#i4yCPGe)"><path stroke="url(#ibUNd8c)" stroke-linecap="round" stroke-width=".4" d="M12.855 14.54c.268-.654 1.258-1.962 3.074-1.962s2.9 1.182 3.216 1.773"/></g><g filter="url(#iToyRbv)"><path stroke="url(#iPROozc)" stroke-linecap="round" stroke-width=".4" d="M12.855 22.579c.268-.654 1.258-1.963 3.074-1.963s2.9 1.183 3.216 1.774"/></g><defs><linearGradient id="ilqUQvG" x1="20.928" x2="11.303" y1="16" y2="16" gradientUnits="userSpaceOnUse"><stop stop-color="#51435E"/><stop offset="1" stop-color="#39343B"/></linearGradient><linearGradient id="itNir0b" x1="19.022" x2="15.223" y1="21" y2="25.373" gradientUnits="userSpaceOnUse"><stop stop-color="#3F995F"/><stop offset="1" stop-color="#00D26A"/></linearGradient><linearGradient id="iK03yFb" x1="19.022" x2="15.223" y1="5" y2="9.373" gradientUnits="userSpaceOnUse"><stop stop-color="#E94489"/><stop offset="1" stop-color="#FA2F47"/></linearGradient><linearGradient id="i9ue8rA" x1="19.022" x2="15.223" y1="13" y2="17.373" gradientUnits="userSpaceOnUse"><stop stop-color="#FE9142"/><stop offset="1" stop-color="#FFE67B"/></linearGradient><linearGradient id="ikQ0qBq" x1="12.615" x2="19.412" y1="22.204" y2="22.204" gradientUnits="userSpaceOnUse"><stop stop-color="#291C32"/><stop offset="1" stop-color="#2A2630"/></linearGradient><linearGradient id="ismqwFV" x1="12.616" x2="19.413" y1="14.204" y2="14.204" gradientUnits="userSpaceOnUse"><stop stop-color="#291C32"/><stop offset="1" stop-color="#2A2630"/></linearGradient><linearGradient id="iqNB2gz" x1="12.616" x2="19.413" y1="6.204" y2="6.204" gradientUnits="userSpaceOnUse"><stop stop-color="#291C32"/><stop offset="1" stop-color="#2A2630"/></linearGradient><linearGradient id="iScfEWd" x1="12.97" x2="19.29" y1="5.385" y2="5.385" gradientUnits="userSpaceOnUse"><stop stop-color="#4D4B4E"/><stop offset=".457" stop-color="#4D4B4E" stop-opacity=".5"/><stop offset="1" stop-color="#4D4B4E"/></linearGradient><linearGradient id="ibUNd8c" x1="12.97" x2="19.29" y1="13.423" y2="13.423" gradientUnits="userSpaceOnUse"><stop stop-color="#4D4B4E"/><stop offset=".457" stop-color="#4D4B4E" stop-opacity=".5"/><stop offset="1" stop-color="#4D4B4E"/></linearGradient><linearGradient id="iPROozc" x1="12.97" x2="19.29" y1="21.461" y2="21.461" gradientUnits="userSpaceOnUse"><stop stop-color="#4D4B4E"/><stop offset=".457" stop-color="#4D4B4E" stop-opacity=".5"/><stop offset="1" stop-color="#4D4B4E"/></linearGradient><filter id="igIt3SH" width="13.15" height="29.15" x="9.372" y="1.5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.65" dy=".65"/><feGaussianBlur stdDeviation=".325"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.419608 0 0 0 0 0.356863 0 0 0 0 0.482353 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_236_134"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".5" dy="-.5"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.176471 0 0 0 0 0.129412 0 0 0 0 0.203922 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_236_134" result="effect2_innerShadow_236_134"/></filter><filter id="ijhjC0C" width="7.2" height="7.2" x="12.222" y="20.6" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.121569 0 0 0 0 0.121569 0 0 0 0 0.14902 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_236_134"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_236_134" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.0431373 0 0 0 0 0.34902 0 0 0 0 0.176471 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_236_134"/></filter><filter id="iFT5hve" width="7.2" height="7.2" x="12.222" y="4.6" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.121569 0 0 0 0 0.121569 0 0 0 0 0.14902 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_236_134"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_236_134" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.313726 0 0 0 0 0.0352941 0 0 0 0 0.12549 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_236_134"/></filter><filter id="i0wFjld" width="7.2" height="7.2" x="12.222" y="12.6" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.121569 0 0 0 0 0.121569 0 0 0 0 0.14902 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_236_134"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_236_134" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.439216 0 0 0 0 0.235294 0 0 0 0 0.0431373 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_236_134"/></filter><filter id="itGfAEd" width="7.489" height="3.162" x="12.255" y="3.94" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_236_134" stdDeviation=".2"/></filter><filter id="i4yCPGe" width="7.489" height="3.162" x="12.255" y="11.978" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_236_134" stdDeviation=".2"/></filter><filter id="iToyRbv" width="7.489" height="3.162" x="12.255" y="20.016" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_236_134" stdDeviation=".2"/></filter><radialGradient id="iGah5Ke" cx="0" cy="0" r="1" gradientTransform="rotate(124.524 2.597 15.784)scale(4.77986)" gradientUnits="userSpaceOnUse"><stop offset=".776" stop-color="#1B9D5F" stop-opacity="0"/><stop offset="1" stop-color="#1B9D5F"/></radialGradient><radialGradient id="iJaAETE" cx="0" cy="0" r="1" gradientTransform="matrix(1.04003 -1.25588 2.32315 1.92386 16.537 23.47)" gradientUnits="userSpaceOnUse"><stop stop-color="#F2F7F7"/><stop offset="1" stop-color="#F2F7F7" stop-opacity="0"/></radialGradient><radialGradient id="i4Yukbb" cx="0" cy="0" r="1" gradientTransform="rotate(124.524 6.804 7.784)scale(4.77986)" gradientUnits="userSpaceOnUse"><stop offset=".776" stop-color="#B50F2F" stop-opacity="0"/><stop offset="1" stop-color="#B50F2F"/></radialGradient><radialGradient id="i1sR2HT" cx="0" cy="0" r="1" gradientTransform="rotate(124.524 4.7 11.784)scale(4.77986)" gradientUnits="userSpaceOnUse"><stop offset=".776" stop-color="#C39A59" stop-opacity="0"/><stop offset="1" stop-color="#C39A59"/></radialGradient><radialGradient id="i7VDTDc" cx="0" cy="0" r="1" gradientTransform="matrix(1.04003 -1.25588 2.32315 1.92386 16.537 7.47)" gradientUnits="userSpaceOnUse"><stop stop-color="#F2F7F7"/><stop offset="1" stop-color="#F2F7F7" stop-opacity="0"/></radialGradient><radialGradient id="iABGtYd" cx="0" cy="0" r="1" gradientTransform="matrix(1.04003 -1.25588 2.32315 1.92386 16.537 15.47)" gradientUnits="userSpaceOnUse"><stop stop-color="#F2F7F7"/><stop offset="1" stop-color="#F2F7F7" stop-opacity="0"/></radialGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiVerticalTrafficLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g filter="url(#igIt3SH)"><path fill="url(#ilqUQvG)" d="M16.022 2c3.31 0 6 2.693 6 6.006v15.988a6.01 6.01 0 0 1-6 6.006c-3.31 0-6-2.693-6-6.006V8.006a6.01 6.01 0 0 1 6-6.006"/></g><g filter="url(#ijhjC0C)"><path fill="url(#itNir0b)" d="M16.022 27a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="url(#iGah5Ke)" d="M16.022 27a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/></g><path fill="url(#iJaAETE)" d="M17.022 24a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><g filter="url(#iFT5hve)"><path fill="url(#iK03yFb)" d="M16.022 11a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="url(#i4Yukbb)" d="M16.022 11a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/></g><g filter="url(#i0wFjld)"><path fill="url(#i9ue8rA)" d="M16.022 19a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="url(#i1sR2HT)" d="M16.022 19a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/></g><path fill="url(#i7VDTDc)" d="M17.022 8a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill="url(#iABGtYd)" d="M17.022 16a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill="url(#ikQ0qBq)" d="M12.37 22.364c-.14.312.11.636.452.636a.59.59 0 0 0 .514-.34a3 3 0 0 1 5.37 0c.099.198.293.34.514.34c.342 0 .592-.324.452-.636a4 4 0 0 0-7.302 0"/><path fill="url(#ismqwFV)" d="M12.37 14.364c-.14.312.111.636.453.636a.59.59 0 0 0 .514-.34a3 3 0 0 1 5.37 0c.099.198.293.34.514.34c.342 0 .592-.324.452-.636a4 4 0 0 0-7.302 0"/><path fill="url(#iqNB2gz)" d="M12.37 6.364c-.14.312.111.636.453.636a.59.59 0 0 0 .514-.34a3 3 0 0 1 5.37 0c.099.198.293.34.514.34c.342 0 .592-.324.452-.636a4 4 0 0 0-7.302 0"/><g filter="url(#itGfAEd)"><path stroke="url(#iScfEWd)" strokeLinecap="round" strokeWidth=".4" d="M12.855 6.502c.268-.654 1.258-1.962 3.074-1.962s2.9 1.182 3.216 1.773"/></g><g filter="url(#i4yCPGe)"><path stroke="url(#ibUNd8c)" strokeLinecap="round" strokeWidth=".4" d="M12.855 14.54c.268-.654 1.258-1.962 3.074-1.962s2.9 1.182 3.216 1.773"/></g><g filter="url(#iToyRbv)"><path stroke="url(#iPROozc)" strokeLinecap="round" strokeWidth=".4" d="M12.855 22.579c.268-.654 1.258-1.963 3.074-1.963s2.9 1.183 3.216 1.774"/></g><defs><linearGradient id="ilqUQvG" x1="20.928" x2="11.303" y1="16" y2="16" gradientUnits="userSpaceOnUse"><stop stopColor="#51435E"/><stop offset="1" stopColor="#39343B"/></linearGradient><linearGradient id="itNir0b" x1="19.022" x2="15.223" y1="21" y2="25.373" gradientUnits="userSpaceOnUse"><stop stopColor="#3F995F"/><stop offset="1" stopColor="#00D26A"/></linearGradient><linearGradient id="iK03yFb" x1="19.022" x2="15.223" y1="5" y2="9.373" gradientUnits="userSpaceOnUse"><stop stopColor="#E94489"/><stop offset="1" stopColor="#FA2F47"/></linearGradient><linearGradient id="i9ue8rA" x1="19.022" x2="15.223" y1="13" y2="17.373" gradientUnits="userSpaceOnUse"><stop stopColor="#FE9142"/><stop offset="1" stopColor="#FFE67B"/></linearGradient><linearGradient id="ikQ0qBq" x1="12.615" x2="19.412" y1="22.204" y2="22.204" gradientUnits="userSpaceOnUse"><stop stopColor="#291C32"/><stop offset="1" stopColor="#2A2630"/></linearGradient><linearGradient id="ismqwFV" x1="12.616" x2="19.413" y1="14.204" y2="14.204" gradientUnits="userSpaceOnUse"><stop stopColor="#291C32"/><stop offset="1" stopColor="#2A2630"/></linearGradient><linearGradient id="iqNB2gz" x1="12.616" x2="19.413" y1="6.204" y2="6.204" gradientUnits="userSpaceOnUse"><stop stopColor="#291C32"/><stop offset="1" stopColor="#2A2630"/></linearGradient><linearGradient id="iScfEWd" x1="12.97" x2="19.29" y1="5.385" y2="5.385" gradientUnits="userSpaceOnUse"><stop stopColor="#4D4B4E"/><stop offset=".457" stopColor="#4D4B4E" stopOpacity=".5"/><stop offset="1" stopColor="#4D4B4E"/></linearGradient><linearGradient id="ibUNd8c" x1="12.97" x2="19.29" y1="13.423" y2="13.423" gradientUnits="userSpaceOnUse"><stop stopColor="#4D4B4E"/><stop offset=".457" stopColor="#4D4B4E" stopOpacity=".5"/><stop offset="1" stopColor="#4D4B4E"/></linearGradient><linearGradient id="iPROozc" x1="12.97" x2="19.29" y1="21.461" y2="21.461" gradientUnits="userSpaceOnUse"><stop stopColor="#4D4B4E"/><stop offset=".457" stopColor="#4D4B4E" stopOpacity=".5"/><stop offset="1" stopColor="#4D4B4E"/></linearGradient><filter id="igIt3SH" width="13.15" height="29.15" x="9.372" y="1.5" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.65" dy=".65"/><feGaussianBlur stdDeviation=".325"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.419608 0 0 0 0 0.356863 0 0 0 0 0.482353 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_236_134"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".5" dy="-.5"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.176471 0 0 0 0 0.129412 0 0 0 0 0.203922 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_236_134" result="effect2_innerShadow_236_134"/></filter><filter id="ijhjC0C" width="7.2" height="7.2" x="12.222" y="20.6" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.121569 0 0 0 0 0.121569 0 0 0 0 0.14902 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_236_134"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_236_134" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.0431373 0 0 0 0 0.34902 0 0 0 0 0.176471 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_236_134"/></filter><filter id="iFT5hve" width="7.2" height="7.2" x="12.222" y="4.6" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.121569 0 0 0 0 0.121569 0 0 0 0 0.14902 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_236_134"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_236_134" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.313726 0 0 0 0 0.0352941 0 0 0 0 0.12549 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_236_134"/></filter><filter id="i0wFjld" width="7.2" height="7.2" x="12.222" y="12.6" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.121569 0 0 0 0 0.121569 0 0 0 0 0.14902 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_236_134"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_236_134" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.439216 0 0 0 0 0.235294 0 0 0 0 0.0431373 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_236_134"/></filter><filter id="itGfAEd" width="7.489" height="3.162" x="12.255" y="3.94" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_236_134" stdDeviation=".2"/></filter><filter id="i4yCPGe" width="7.489" height="3.162" x="12.255" y="11.978" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_236_134" stdDeviation=".2"/></filter><filter id="iToyRbv" width="7.489" height="3.162" x="12.255" y="20.016" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_236_134" stdDeviation=".2"/></filter><radialGradient id="iGah5Ke" cx="0" cy="0" r="1" gradientTransform="rotate(124.524 2.597 15.784)scale(4.77986)" gradientUnits="userSpaceOnUse"><stop offset=".776" stopColor="#1B9D5F" stopOpacity="0"/><stop offset="1" stopColor="#1B9D5F"/></radialGradient><radialGradient id="iJaAETE" cx="0" cy="0" r="1" gradientTransform="matrix(1.04003 -1.25588 2.32315 1.92386 16.537 23.47)" gradientUnits="userSpaceOnUse"><stop stopColor="#F2F7F7"/><stop offset="1" stopColor="#F2F7F7" stopOpacity="0"/></radialGradient><radialGradient id="i4Yukbb" cx="0" cy="0" r="1" gradientTransform="rotate(124.524 6.804 7.784)scale(4.77986)" gradientUnits="userSpaceOnUse"><stop offset=".776" stopColor="#B50F2F" stopOpacity="0"/><stop offset="1" stopColor="#B50F2F"/></radialGradient><radialGradient id="i1sR2HT" cx="0" cy="0" r="1" gradientTransform="rotate(124.524 4.7 11.784)scale(4.77986)" gradientUnits="userSpaceOnUse"><stop offset=".776" stopColor="#C39A59" stopOpacity="0"/><stop offset="1" stopColor="#C39A59"/></radialGradient><radialGradient id="i7VDTDc" cx="0" cy="0" r="1" gradientTransform="matrix(1.04003 -1.25588 2.32315 1.92386 16.537 7.47)" gradientUnits="userSpaceOnUse"><stop stopColor="#F2F7F7"/><stop offset="1" stopColor="#F2F7F7" stopOpacity="0"/></radialGradient><radialGradient id="iABGtYd" cx="0" cy="0" r="1" gradientTransform="matrix(1.04003 -1.25588 2.32315 1.92386 16.537 15.47)" gradientUnits="userSpaceOnUse"><stop stopColor="#F2F7F7"/><stop offset="1" stopColor="#F2F7F7" stopOpacity="0"/></radialGradient></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g filter="url(#igIt3SH)"><path fill="url(#ilqUQvG)" d="M16.022 2c3.31 0 6 2.693 6 6.006v15.988a6.01 6.01 0 0 1-6 6.006c-3.31 0-6-2.693-6-6.006V8.006a6.01 6.01 0 0 1 6-6.006"/></g><g filter="url(#ijhjC0C)"><path fill="url(#itNir0b)" d="M16.022 27a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="url(#iGah5Ke)" d="M16.022 27a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/></g><path fill="url(#iJaAETE)" d="M17.022 24a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><g filter="url(#iFT5hve)"><path fill="url(#iK03yFb)" d="M16.022 11a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="url(#i4Yukbb)" d="M16.022 11a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/></g><g filter="url(#i0wFjld)"><path fill="url(#i9ue8rA)" d="M16.022 19a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="url(#i1sR2HT)" d="M16.022 19a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/></g><path fill="url(#i7VDTDc)" d="M17.022 8a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill="url(#iABGtYd)" d="M17.022 16a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill="url(#ikQ0qBq)" d="M12.37 22.364c-.14.312.11.636.452.636a.59.59 0 0 0 .514-.34a3 3 0 0 1 5.37 0c.099.198.293.34.514.34c.342 0 .592-.324.452-.636a4 4 0 0 0-7.302 0"/><path fill="url(#ismqwFV)" d="M12.37 14.364c-.14.312.111.636.453.636a.59.59 0 0 0 .514-.34a3 3 0 0 1 5.37 0c.099.198.293.34.514.34c.342 0 .592-.324.452-.636a4 4 0 0 0-7.302 0"/><path fill="url(#iqNB2gz)" d="M12.37 6.364c-.14.312.111.636.453.636a.59.59 0 0 0 .514-.34a3 3 0 0 1 5.37 0c.099.198.293.34.514.34c.342 0 .592-.324.452-.636a4 4 0 0 0-7.302 0"/><g filter="url(#itGfAEd)"><path stroke="url(#iScfEWd)" stroke-linecap="round" stroke-width=".4" d="M12.855 6.502c.268-.654 1.258-1.962 3.074-1.962s2.9 1.182 3.216 1.773"/></g><g filter="url(#i4yCPGe)"><path stroke="url(#ibUNd8c)" stroke-linecap="round" stroke-width=".4" d="M12.855 14.54c.268-.654 1.258-1.962 3.074-1.962s2.9 1.182 3.216 1.773"/></g><g filter="url(#iToyRbv)"><path stroke="url(#iPROozc)" stroke-linecap="round" stroke-width=".4" d="M12.855 22.579c.268-.654 1.258-1.963 3.074-1.963s2.9 1.183 3.216 1.774"/></g><defs><linearGradient id="ilqUQvG" x1="20.928" x2="11.303" y1="16" y2="16" gradientUnits="userSpaceOnUse"><stop stop-color="#51435E"/><stop offset="1" stop-color="#39343B"/></linearGradient><linearGradient id="itNir0b" x1="19.022" x2="15.223" y1="21" y2="25.373" gradientUnits="userSpaceOnUse"><stop stop-color="#3F995F"/><stop offset="1" stop-color="#00D26A"/></linearGradient><linearGradient id="iK03yFb" x1="19.022" x2="15.223" y1="5" y2="9.373" gradientUnits="userSpaceOnUse"><stop stop-color="#E94489"/><stop offset="1" stop-color="#FA2F47"/></linearGradient><linearGradient id="i9ue8rA" x1="19.022" x2="15.223" y1="13" y2="17.373" gradientUnits="userSpaceOnUse"><stop stop-color="#FE9142"/><stop offset="1" stop-color="#FFE67B"/></linearGradient><linearGradient id="ikQ0qBq" x1="12.615" x2="19.412" y1="22.204" y2="22.204" gradientUnits="userSpaceOnUse"><stop stop-color="#291C32"/><stop offset="1" stop-color="#2A2630"/></linearGradient><linearGradient id="ismqwFV" x1="12.616" x2="19.413" y1="14.204" y2="14.204" gradientUnits="userSpaceOnUse"><stop stop-color="#291C32"/><stop offset="1" stop-color="#2A2630"/></linearGradient><linearGradient id="iqNB2gz" x1="12.616" x2="19.413" y1="6.204" y2="6.204" gradientUnits="userSpaceOnUse"><stop stop-color="#291C32"/><stop offset="1" stop-color="#2A2630"/></linearGradient><linearGradient id="iScfEWd" x1="12.97" x2="19.29" y1="5.385" y2="5.385" gradientUnits="userSpaceOnUse"><stop stop-color="#4D4B4E"/><stop offset=".457" stop-color="#4D4B4E" stop-opacity=".5"/><stop offset="1" stop-color="#4D4B4E"/></linearGradient><linearGradient id="ibUNd8c" x1="12.97" x2="19.29" y1="13.423" y2="13.423" gradientUnits="userSpaceOnUse"><stop stop-color="#4D4B4E"/><stop offset=".457" stop-color="#4D4B4E" stop-opacity=".5"/><stop offset="1" stop-color="#4D4B4E"/></linearGradient><linearGradient id="iPROozc" x1="12.97" x2="19.29" y1="21.461" y2="21.461" gradientUnits="userSpaceOnUse"><stop stop-color="#4D4B4E"/><stop offset=".457" stop-color="#4D4B4E" stop-opacity=".5"/><stop offset="1" stop-color="#4D4B4E"/></linearGradient><filter id="igIt3SH" width="13.15" height="29.15" x="9.372" y="1.5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.65" dy=".65"/><feGaussianBlur stdDeviation=".325"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.419608 0 0 0 0 0.356863 0 0 0 0 0.482353 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_236_134"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".5" dy="-.5"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.176471 0 0 0 0 0.129412 0 0 0 0 0.203922 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_236_134" result="effect2_innerShadow_236_134"/></filter><filter id="ijhjC0C" width="7.2" height="7.2" x="12.222" y="20.6" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.121569 0 0 0 0 0.121569 0 0 0 0 0.14902 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_236_134"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_236_134" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.0431373 0 0 0 0 0.34902 0 0 0 0 0.176471 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_236_134"/></filter><filter id="iFT5hve" width="7.2" height="7.2" x="12.222" y="4.6" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.121569 0 0 0 0 0.121569 0 0 0 0 0.14902 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_236_134"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_236_134" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.313726 0 0 0 0 0.0352941 0 0 0 0 0.12549 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_236_134"/></filter><filter id="i0wFjld" width="7.2" height="7.2" x="12.222" y="12.6" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.121569 0 0 0 0 0.121569 0 0 0 0 0.14902 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_236_134"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_236_134" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.439216 0 0 0 0 0.235294 0 0 0 0 0.0431373 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_236_134"/></filter><filter id="itGfAEd" width="7.489" height="3.162" x="12.255" y="3.94" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_236_134" stdDeviation=".2"/></filter><filter id="i4yCPGe" width="7.489" height="3.162" x="12.255" y="11.978" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_236_134" stdDeviation=".2"/></filter><filter id="iToyRbv" width="7.489" height="3.162" x="12.255" y="20.016" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_236_134" stdDeviation=".2"/></filter><radialGradient id="iGah5Ke" cx="0" cy="0" r="1" gradientTransform="rotate(124.524 2.597 15.784)scale(4.77986)" gradientUnits="userSpaceOnUse"><stop offset=".776" stop-color="#1B9D5F" stop-opacity="0"/><stop offset="1" stop-color="#1B9D5F"/></radialGradient><radialGradient id="iJaAETE" cx="0" cy="0" r="1" gradientTransform="matrix(1.04003 -1.25588 2.32315 1.92386 16.537 23.47)" gradientUnits="userSpaceOnUse"><stop stop-color="#F2F7F7"/><stop offset="1" stop-color="#F2F7F7" stop-opacity="0"/></radialGradient><radialGradient id="i4Yukbb" cx="0" cy="0" r="1" gradientTransform="rotate(124.524 6.804 7.784)scale(4.77986)" gradientUnits="userSpaceOnUse"><stop offset=".776" stop-color="#B50F2F" stop-opacity="0"/><stop offset="1" stop-color="#B50F2F"/></radialGradient><radialGradient id="i1sR2HT" cx="0" cy="0" r="1" gradientTransform="rotate(124.524 4.7 11.784)scale(4.77986)" gradientUnits="userSpaceOnUse"><stop offset=".776" stop-color="#C39A59" stop-opacity="0"/><stop offset="1" stop-color="#C39A59"/></radialGradient><radialGradient id="i7VDTDc" cx="0" cy="0" r="1" gradientTransform="matrix(1.04003 -1.25588 2.32315 1.92386 16.537 7.47)" gradientUnits="userSpaceOnUse"><stop stop-color="#F2F7F7"/><stop offset="1" stop-color="#F2F7F7" stop-opacity="0"/></radialGradient><radialGradient id="iABGtYd" cx="0" cy="0" r="1" gradientTransform="matrix(1.04003 -1.25588 2.32315 1.92386 16.537 15.47)" gradientUnits="userSpaceOnUse"><stop stop-color="#F2F7F7"/><stop offset="1" stop-color="#F2F7F7" stop-opacity="0"/></radialGradient></defs></g></svg> </template>
CSS
.icon-vertical-traffic-light {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url(%23igIt3SH)%22%3E%3Cpath%20fill%3D%22url(%23ilqUQvG)%22%20d%3D%22M16.022%202c3.31%200%206%202.693%206%206.006v15.988a6.01%206.01%200%200%201-6%206.006c-3.31%200-6-2.693-6-6.006V8.006a6.01%206.01%200%200%201%206-6.006%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23ijhjC0C)%22%3E%3Cpath%20fill%3D%22url(%23itNir0b)%22%20d%3D%22M16.022%2027a3%203%200%201%200%200-6a3%203%200%200%200%200%206%22%2F%3E%3Cpath%20fill%3D%22url(%23iGah5Ke)%22%20d%3D%22M16.022%2027a3%203%200%201%200%200-6a3%203%200%200%200%200%206%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23iJaAETE)%22%20d%3D%22M17.022%2024a1%201%200%201%200%200-2a1%201%200%200%200%200%202%22%2F%3E%3Cg%20filter%3D%22url(%23iFT5hve)%22%3E%3Cpath%20fill%3D%22url(%23iK03yFb)%22%20d%3D%22M16.022%2011a3%203%200%201%200%200-6a3%203%200%200%200%200%206%22%2F%3E%3Cpath%20fill%3D%22url(%23i4Yukbb)%22%20d%3D%22M16.022%2011a3%203%200%201%200%200-6a3%203%200%200%200%200%206%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23i0wFjld)%22%3E%3Cpath%20fill%3D%22url(%23i9ue8rA)%22%20d%3D%22M16.022%2019a3%203%200%201%200%200-6a3%203%200%200%200%200%206%22%2F%3E%3Cpath%20fill%3D%22url(%23i1sR2HT)%22%20d%3D%22M16.022%2019a3%203%200%201%200%200-6a3%203%200%200%200%200%206%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23i7VDTDc)%22%20d%3D%22M17.022%208a1%201%200%201%200%200-2a1%201%200%200%200%200%202%22%2F%3E%3Cpath%20fill%3D%22url(%23iABGtYd)%22%20d%3D%22M17.022%2016a1%201%200%201%200%200-2a1%201%200%200%200%200%202%22%2F%3E%3Cpath%20fill%3D%22url(%23ikQ0qBq)%22%20d%3D%22M12.37%2022.364c-.14.312.11.636.452.636a.59.59%200%200%200%20.514-.34a3%203%200%200%201%205.37%200c.099.198.293.34.514.34c.342%200%20.592-.324.452-.636a4%204%200%200%200-7.302%200%22%2F%3E%3Cpath%20fill%3D%22url(%23ismqwFV)%22%20d%3D%22M12.37%2014.364c-.14.312.111.636.453.636a.59.59%200%200%200%20.514-.34a3%203%200%200%201%205.37%200c.099.198.293.34.514.34c.342%200%20.592-.324.452-.636a4%204%200%200%200-7.302%200%22%2F%3E%3Cpath%20fill%3D%22url(%23iqNB2gz)%22%20d%3D%22M12.37%206.364c-.14.312.111.636.453.636a.59.59%200%200%200%20.514-.34a3%203%200%200%201%205.37%200c.099.198.293.34.514.34c.342%200%20.592-.324.452-.636a4%204%200%200%200-7.302%200%22%2F%3E%3Cg%20filter%3D%22url(%23itGfAEd)%22%3E%3Cpath%20stroke%3D%22url(%23iScfEWd)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%22.4%22%20d%3D%22M12.855%206.502c.268-.654%201.258-1.962%203.074-1.962s2.9%201.182%203.216%201.773%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23i4yCPGe)%22%3E%3Cpath%20stroke%3D%22url(%23ibUNd8c)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%22.4%22%20d%3D%22M12.855%2014.54c.268-.654%201.258-1.962%203.074-1.962s2.9%201.182%203.216%201.773%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iToyRbv)%22%3E%3Cpath%20stroke%3D%22url(%23iPROozc)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%22.4%22%20d%3D%22M12.855%2022.579c.268-.654%201.258-1.963%203.074-1.963s2.9%201.183%203.216%201.774%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22ilqUQvG%22%20x1%3D%2220.928%22%20x2%3D%2211.303%22%20y1%3D%2216%22%20y2%3D%2216%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2351435E%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2339343B%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22itNir0b%22%20x1%3D%2219.022%22%20x2%3D%2215.223%22%20y1%3D%2221%22%20y2%3D%2225.373%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233F995F%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300D26A%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iK03yFb%22%20x1%3D%2219.022%22%20x2%3D%2215.223%22%20y1%3D%225%22%20y2%3D%229.373%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E94489%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FA2F47%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i9ue8rA%22%20x1%3D%2219.022%22%20x2%3D%2215.223%22%20y1%3D%2213%22%20y2%3D%2217.373%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FE9142%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFE67B%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ikQ0qBq%22%20x1%3D%2212.615%22%20x2%3D%2219.412%22%20y1%3D%2222.204%22%20y2%3D%2222.204%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23291C32%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232A2630%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ismqwFV%22%20x1%3D%2212.616%22%20x2%3D%2219.413%22%20y1%3D%2214.204%22%20y2%3D%2214.204%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23291C32%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232A2630%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iqNB2gz%22%20x1%3D%2212.616%22%20x2%3D%2219.413%22%20y1%3D%226.204%22%20y2%3D%226.204%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23291C32%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232A2630%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iScfEWd%22%20x1%3D%2212.97%22%20x2%3D%2219.29%22%20y1%3D%225.385%22%20y2%3D%225.385%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234D4B4E%22%2F%3E%3Cstop%20offset%3D%22.457%22%20stop-color%3D%22%234D4B4E%22%20stop-opacity%3D%22.5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234D4B4E%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ibUNd8c%22%20x1%3D%2212.97%22%20x2%3D%2219.29%22%20y1%3D%2213.423%22%20y2%3D%2213.423%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234D4B4E%22%2F%3E%3Cstop%20offset%3D%22.457%22%20stop-color%3D%22%234D4B4E%22%20stop-opacity%3D%22.5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234D4B4E%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iPROozc%22%20x1%3D%2212.97%22%20x2%3D%2219.29%22%20y1%3D%2221.461%22%20y2%3D%2221.461%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234D4B4E%22%2F%3E%3Cstop%20offset%3D%22.457%22%20stop-color%3D%22%234D4B4E%22%20stop-opacity%3D%22.5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234D4B4E%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22igIt3SH%22%20width%3D%2213.15%22%20height%3D%2229.15%22%20x%3D%229.372%22%20y%3D%221.5%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22-.65%22%20dy%3D%22.65%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.325%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.419608%200%200%200%200%200.356863%200%200%200%200%200.482353%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_236_134%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22.5%22%20dy%3D%22-.5%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.25%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.176471%200%200%200%200%200.129412%200%200%200%200%200.203922%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_236_134%22%20result%3D%22effect2_innerShadow_236_134%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22ijhjC0C%22%20width%3D%227.2%22%20height%3D%227.2%22%20x%3D%2212.222%22%20y%3D%2220.6%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22-.2%22%20dy%3D%22.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.3%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.121569%200%200%200%200%200.121569%200%200%200%200%200.14902%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_236_134%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_236_134%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22.5%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.0431373%200%200%200%200%200.34902%200%200%200%200%200.176471%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect2_innerShadow_236_134%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iFT5hve%22%20width%3D%227.2%22%20height%3D%227.2%22%20x%3D%2212.222%22%20y%3D%224.6%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22-.2%22%20dy%3D%22.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.3%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.121569%200%200%200%200%200.121569%200%200%200%200%200.14902%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_236_134%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_236_134%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22.5%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.313726%200%200%200%200%200.0352941%200%200%200%200%200.12549%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect2_innerShadow_236_134%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22i0wFjld%22%20width%3D%227.2%22%20height%3D%227.2%22%20x%3D%2212.222%22%20y%3D%2212.6%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22-.2%22%20dy%3D%22.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.3%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.121569%200%200%200%200%200.121569%200%200%200%200%200.14902%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_236_134%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_236_134%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22.5%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.439216%200%200%200%200%200.235294%200%200%200%200%200.0431373%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect2_innerShadow_236_134%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22itGfAEd%22%20width%3D%227.489%22%20height%3D%223.162%22%20x%3D%2212.255%22%20y%3D%223.94%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_236_134%22%20stdDeviation%3D%22.2%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22i4yCPGe%22%20width%3D%227.489%22%20height%3D%223.162%22%20x%3D%2212.255%22%20y%3D%2211.978%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_236_134%22%20stdDeviation%3D%22.2%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iToyRbv%22%20width%3D%227.489%22%20height%3D%223.162%22%20x%3D%2212.255%22%20y%3D%2220.016%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_236_134%22%20stdDeviation%3D%22.2%22%2F%3E%3C%2Ffilter%3E%3CradialGradient%20id%3D%22iGah5Ke%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(124.524%202.597%2015.784)scale(4.77986)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.776%22%20stop-color%3D%22%231B9D5F%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231B9D5F%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iJaAETE%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(1.04003%20-1.25588%202.32315%201.92386%2016.537%2023.47)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F2F7F7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F2F7F7%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i4Yukbb%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(124.524%206.804%207.784)scale(4.77986)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.776%22%20stop-color%3D%22%23B50F2F%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B50F2F%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i1sR2HT%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(124.524%204.7%2011.784)scale(4.77986)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.776%22%20stop-color%3D%22%23C39A59%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C39A59%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i7VDTDc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(1.04003%20-1.25588%202.32315%201.92386%2016.537%207.47)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F2F7F7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F2F7F7%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iABGtYd%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(1.04003%20-1.25588%202.32315%201.92386%2016.537%2015.47)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F2F7F7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F2F7F7%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url(%23igIt3SH)%22%3E%3Cpath%20fill%3D%22url(%23ilqUQvG)%22%20d%3D%22M16.022%202c3.31%200%206%202.693%206%206.006v15.988a6.01%206.01%200%200%201-6%206.006c-3.31%200-6-2.693-6-6.006V8.006a6.01%206.01%200%200%201%206-6.006%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23ijhjC0C)%22%3E%3Cpath%20fill%3D%22url(%23itNir0b)%22%20d%3D%22M16.022%2027a3%203%200%201%200%200-6a3%203%200%200%200%200%206%22%2F%3E%3Cpath%20fill%3D%22url(%23iGah5Ke)%22%20d%3D%22M16.022%2027a3%203%200%201%200%200-6a3%203%200%200%200%200%206%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23iJaAETE)%22%20d%3D%22M17.022%2024a1%201%200%201%200%200-2a1%201%200%200%200%200%202%22%2F%3E%3Cg%20filter%3D%22url(%23iFT5hve)%22%3E%3Cpath%20fill%3D%22url(%23iK03yFb)%22%20d%3D%22M16.022%2011a3%203%200%201%200%200-6a3%203%200%200%200%200%206%22%2F%3E%3Cpath%20fill%3D%22url(%23i4Yukbb)%22%20d%3D%22M16.022%2011a3%203%200%201%200%200-6a3%203%200%200%200%200%206%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23i0wFjld)%22%3E%3Cpath%20fill%3D%22url(%23i9ue8rA)%22%20d%3D%22M16.022%2019a3%203%200%201%200%200-6a3%203%200%200%200%200%206%22%2F%3E%3Cpath%20fill%3D%22url(%23i1sR2HT)%22%20d%3D%22M16.022%2019a3%203%200%201%200%200-6a3%203%200%200%200%200%206%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23i7VDTDc)%22%20d%3D%22M17.022%208a1%201%200%201%200%200-2a1%201%200%200%200%200%202%22%2F%3E%3Cpath%20fill%3D%22url(%23iABGtYd)%22%20d%3D%22M17.022%2016a1%201%200%201%200%200-2a1%201%200%200%200%200%202%22%2F%3E%3Cpath%20fill%3D%22url(%23ikQ0qBq)%22%20d%3D%22M12.37%2022.364c-.14.312.11.636.452.636a.59.59%200%200%200%20.514-.34a3%203%200%200%201%205.37%200c.099.198.293.34.514.34c.342%200%20.592-.324.452-.636a4%204%200%200%200-7.302%200%22%2F%3E%3Cpath%20fill%3D%22url(%23ismqwFV)%22%20d%3D%22M12.37%2014.364c-.14.312.111.636.453.636a.59.59%200%200%200%20.514-.34a3%203%200%200%201%205.37%200c.099.198.293.34.514.34c.342%200%20.592-.324.452-.636a4%204%200%200%200-7.302%200%22%2F%3E%3Cpath%20fill%3D%22url(%23iqNB2gz)%22%20d%3D%22M12.37%206.364c-.14.312.111.636.453.636a.59.59%200%200%200%20.514-.34a3%203%200%200%201%205.37%200c.099.198.293.34.514.34c.342%200%20.592-.324.452-.636a4%204%200%200%200-7.302%200%22%2F%3E%3Cg%20filter%3D%22url(%23itGfAEd)%22%3E%3Cpath%20stroke%3D%22url(%23iScfEWd)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%22.4%22%20d%3D%22M12.855%206.502c.268-.654%201.258-1.962%203.074-1.962s2.9%201.182%203.216%201.773%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23i4yCPGe)%22%3E%3Cpath%20stroke%3D%22url(%23ibUNd8c)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%22.4%22%20d%3D%22M12.855%2014.54c.268-.654%201.258-1.962%203.074-1.962s2.9%201.182%203.216%201.773%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iToyRbv)%22%3E%3Cpath%20stroke%3D%22url(%23iPROozc)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%22.4%22%20d%3D%22M12.855%2022.579c.268-.654%201.258-1.963%203.074-1.963s2.9%201.183%203.216%201.774%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22ilqUQvG%22%20x1%3D%2220.928%22%20x2%3D%2211.303%22%20y1%3D%2216%22%20y2%3D%2216%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2351435E%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2339343B%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22itNir0b%22%20x1%3D%2219.022%22%20x2%3D%2215.223%22%20y1%3D%2221%22%20y2%3D%2225.373%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233F995F%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300D26A%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iK03yFb%22%20x1%3D%2219.022%22%20x2%3D%2215.223%22%20y1%3D%225%22%20y2%3D%229.373%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E94489%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FA2F47%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i9ue8rA%22%20x1%3D%2219.022%22%20x2%3D%2215.223%22%20y1%3D%2213%22%20y2%3D%2217.373%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FE9142%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFE67B%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ikQ0qBq%22%20x1%3D%2212.615%22%20x2%3D%2219.412%22%20y1%3D%2222.204%22%20y2%3D%2222.204%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23291C32%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232A2630%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ismqwFV%22%20x1%3D%2212.616%22%20x2%3D%2219.413%22%20y1%3D%2214.204%22%20y2%3D%2214.204%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23291C32%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232A2630%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iqNB2gz%22%20x1%3D%2212.616%22%20x2%3D%2219.413%22%20y1%3D%226.204%22%20y2%3D%226.204%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23291C32%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232A2630%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iScfEWd%22%20x1%3D%2212.97%22%20x2%3D%2219.29%22%20y1%3D%225.385%22%20y2%3D%225.385%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234D4B4E%22%2F%3E%3Cstop%20offset%3D%22.457%22%20stop-color%3D%22%234D4B4E%22%20stop-opacity%3D%22.5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234D4B4E%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ibUNd8c%22%20x1%3D%2212.97%22%20x2%3D%2219.29%22%20y1%3D%2213.423%22%20y2%3D%2213.423%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234D4B4E%22%2F%3E%3Cstop%20offset%3D%22.457%22%20stop-color%3D%22%234D4B4E%22%20stop-opacity%3D%22.5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234D4B4E%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iPROozc%22%20x1%3D%2212.97%22%20x2%3D%2219.29%22%20y1%3D%2221.461%22%20y2%3D%2221.461%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234D4B4E%22%2F%3E%3Cstop%20offset%3D%22.457%22%20stop-color%3D%22%234D4B4E%22%20stop-opacity%3D%22.5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234D4B4E%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22igIt3SH%22%20width%3D%2213.15%22%20height%3D%2229.15%22%20x%3D%229.372%22%20y%3D%221.5%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22-.65%22%20dy%3D%22.65%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.325%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.419608%200%200%200%200%200.356863%200%200%200%200%200.482353%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_236_134%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22.5%22%20dy%3D%22-.5%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.25%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.176471%200%200%200%200%200.129412%200%200%200%200%200.203922%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_236_134%22%20result%3D%22effect2_innerShadow_236_134%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22ijhjC0C%22%20width%3D%227.2%22%20height%3D%227.2%22%20x%3D%2212.222%22%20y%3D%2220.6%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22-.2%22%20dy%3D%22.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.3%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.121569%200%200%200%200%200.121569%200%200%200%200%200.14902%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_236_134%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_236_134%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22.5%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.0431373%200%200%200%200%200.34902%200%200%200%200%200.176471%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect2_innerShadow_236_134%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iFT5hve%22%20width%3D%227.2%22%20height%3D%227.2%22%20x%3D%2212.222%22%20y%3D%224.6%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22-.2%22%20dy%3D%22.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.3%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.121569%200%200%200%200%200.121569%200%200%200%200%200.14902%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_236_134%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_236_134%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22.5%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.313726%200%200%200%200%200.0352941%200%200%200%200%200.12549%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect2_innerShadow_236_134%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22i0wFjld%22%20width%3D%227.2%22%20height%3D%227.2%22%20x%3D%2212.222%22%20y%3D%2212.6%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22-.2%22%20dy%3D%22.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.3%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.121569%200%200%200%200%200.121569%200%200%200%200%200.14902%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_236_134%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_236_134%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22.5%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.439216%200%200%200%200%200.235294%200%200%200%200%200.0431373%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect2_innerShadow_236_134%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22itGfAEd%22%20width%3D%227.489%22%20height%3D%223.162%22%20x%3D%2212.255%22%20y%3D%223.94%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_236_134%22%20stdDeviation%3D%22.2%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22i4yCPGe%22%20width%3D%227.489%22%20height%3D%223.162%22%20x%3D%2212.255%22%20y%3D%2211.978%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_236_134%22%20stdDeviation%3D%22.2%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iToyRbv%22%20width%3D%227.489%22%20height%3D%223.162%22%20x%3D%2212.255%22%20y%3D%2220.016%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_236_134%22%20stdDeviation%3D%22.2%22%2F%3E%3C%2Ffilter%3E%3CradialGradient%20id%3D%22iGah5Ke%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(124.524%202.597%2015.784)scale(4.77986)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.776%22%20stop-color%3D%22%231B9D5F%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231B9D5F%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iJaAETE%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(1.04003%20-1.25588%202.32315%201.92386%2016.537%2023.47)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F2F7F7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F2F7F7%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i4Yukbb%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(124.524%206.804%207.784)scale(4.77986)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.776%22%20stop-color%3D%22%23B50F2F%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B50F2F%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i1sR2HT%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(124.524%204.7%2011.784)scale(4.77986)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.776%22%20stop-color%3D%22%23C39A59%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C39A59%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i7VDTDc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(1.04003%20-1.25588%202.32315%201.92386%2016.537%207.47)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F2F7F7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F2F7F7%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iABGtYd%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(1.04003%20-1.25588%202.32315%201.92386%2016.537%2015.47)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F2F7F7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F2F7F7%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji/vertical-traffic-light.svg?color=%231a73e8&size=48