vertical-traffic-light

pnpm dlx shadcn@latest add https://opensourceicon.com/r/fluent-emoji/vertical-traffic-light.json

<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 32 32"><g fill="none"><g filter="url(#igIt3SH7)"><path fill="url(#ilqUQvG7)" 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(#ijhjC0C7)"><path fill="url(#itNir0b7)" d="M16.022 27a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="url(#iGah5Ke7)" d="M16.022 27a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/></g><path fill="url(#iJaAETE7)" d="M17.022 24a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><g filter="url(#iFT5hve7)"><path fill="url(#iK03yFb7)" d="M16.022 11a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="url(#i4Yukbb7)" d="M16.022 11a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/></g><g filter="url(#i0wFjld7)"><path fill="url(#i9ue8rA7)" d="M16.022 19a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="url(#i1sR2HT7)" d="M16.022 19a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/></g><path fill="url(#i7VDTDc7)" d="M17.022 8a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill="url(#iABGtYd7)" d="M17.022 16a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill="url(#ikQ0qBq7)" 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(#ismqwFV7)" 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(#iqNB2gz7)" 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(#itGfAEd7)"><path stroke="url(#iScfEWd7)" 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(#i4yCPGe7)"><path stroke="url(#ibUNd8c7)" 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(#iToyRbv7)"><path stroke="url(#iPROozc7)" 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="ilqUQvG7" 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="itNir0b7" 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="iK03yFb7" 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="i9ue8rA7" 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="ikQ0qBq7" 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="ismqwFV7" 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="iqNB2gz7" 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="iScfEWd7" 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="ibUNd8c7" 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="iPROozc7" 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="igIt3SH7" 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="ijhjC0C7" 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="iFT5hve7" 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="i0wFjld7" 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="itGfAEd7" 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="i4yCPGe7" 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="iToyRbv7" 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="iGah5Ke7" 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="iJaAETE7" 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="i4Yukbb7" 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="i1sR2HT7" 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="i7VDTDc7" 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="iABGtYd7" 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>