horizontal-traffic-light

pnpm dlx shadcn@latest add https://opensourceicon.com/r/fluent-emoji/horizontal-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(#iMiR0Tb12)"><path fill="url(#ic7AmIb12)" d="M1.844 15c0-3.31 2.693-6 6.006-6h15.987a6.01 6.01 0 0 1 6.007 6c0 3.31-2.693 6-6.007 6H7.85a6.01 6.01 0 0 1-6.006-6"/></g><g filter="url(#iWWw1Fc12)"><path fill="url(#iHZo7ec12)" d="M23.844 18a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="url(#ieNwwRU12)" d="M23.844 18a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/></g><g filter="url(#iVdMgMS12)"><path fill="url(#i3fJYwb12)" d="M15.844 18a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="url(#iyfThNb12)" d="M15.844 18a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/></g><g filter="url(#iRhyIpe12)"><path fill="url(#iBH8jwd12)" d="M7.844 18a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="url(#iD8dwqc12)" d="M7.844 18a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/></g><path fill="url(#iXx353b12)" d="M24.844 15a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill="url(#i4ILU9a12)" d="M16.844 15a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill="url(#izBksob12)" d="M8.844 15a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill="url(#iTg5fDd12)" d="M4.193 13.364c-.14.312.11.636.452.636a.59.59 0 0 0 .514-.34a3 3 0 0 1 5.37 0c.099.198.292.34.514.34c.342 0 .592-.324.452-.636a4 4 0 0 0-7.302 0"/><path fill="url(#iw1ctlb12)" d="M12.193 13.364c-.14.312.11.636.452.636a.59.59 0 0 0 .514-.34a3 3 0 0 1 5.37 0c.099.198.292.34.514.34c.342 0 .592-.324.452-.636a4 4 0 0 0-7.302 0"/><path fill="url(#iBjWNDd12)" d="M20.193 13.364c-.14.312.11.636.452.636a.59.59 0 0 0 .514-.34a3 3 0 0 1 5.37 0c.099.198.292.34.514.34c.342 0 .592-.324.452-.636a4 4 0 0 0-7.302 0"/><g filter="url(#ivsPVLb12)"><path stroke="url(#iGpsc6a12)" stroke-linecap="round" stroke-width=".4" d="M4.79 13.329c.3-.538 1.164-1.886 2.804-1.978c1.64-.09 2.954.824 3.536 2.089"/></g><g filter="url(#iSqQxCl12)"><path stroke="url(#ibMgsyc12)" stroke-linecap="round" stroke-width=".4" d="M12.844 13.329c.3-.538 1.164-1.886 2.804-1.978c1.64-.09 2.954.824 3.536 2.089"/></g><g filter="url(#iuXlw1c12)"><path stroke="url(#iHG3P2c12)" stroke-linecap="round" stroke-width=".4" d="M20.674 13.335c.3-.509 1.164-1.783 2.804-1.87c1.64-.086 2.953.78 3.536 1.975"/></g><defs><linearGradient id="ic7AmIb12" x1="15.844" x2="15.844" y1="9" y2="18.865" gradientUnits="userSpaceOnUse"><stop stop-color="#5B4969"/><stop offset="1" stop-color="#3B363E"/></linearGradient><linearGradient id="iHZo7ec12" x1="26.844" x2="23.044" y1="12" y2="16.373" gradientUnits="userSpaceOnUse"><stop stop-color="#E94489"/><stop offset="1" stop-color="#FA2F47"/></linearGradient><linearGradient id="i3fJYwb12" x1="18.844" x2="15.044" y1="12" y2="16.373" gradientUnits="userSpaceOnUse"><stop stop-color="#FE9142"/><stop offset="1" stop-color="#FFE67B"/></linearGradient><linearGradient id="iBH8jwd12" x1="10.844" x2="7.044" y1="12" y2="16.373" gradientUnits="userSpaceOnUse"><stop stop-color="#3F995F"/><stop offset="1" stop-color="#00D26A"/></linearGradient><linearGradient id="iTg5fDd12" x1="4.438" x2="11.234" y1="13.204" y2="13.204" gradientUnits="userSpaceOnUse"><stop stop-color="#291C32"/><stop offset="1" stop-color="#2A2630"/></linearGradient><linearGradient id="iw1ctlb12" x1="12.438" x2="19.234" y1="13.204" y2="13.204" gradientUnits="userSpaceOnUse"><stop stop-color="#291C32"/><stop offset="1" stop-color="#2A2630"/></linearGradient><linearGradient id="iBjWNDd12" x1="20.438" x2="27.234" y1="13.204" y2="13.204" gradientUnits="userSpaceOnUse"><stop stop-color="#291C32"/><stop offset="1" stop-color="#2A2630"/></linearGradient><linearGradient id="iGpsc6a12" x1="4.906" x2="11.277" y1="12.247" y2="12.247" gradientUnits="userSpaceOnUse"><stop stop-color="#4D4B4E"/><stop offset=".359" stop-color="#4D4B4E" stop-opacity="0"/><stop offset="1" stop-color="#4D4B4E"/></linearGradient><linearGradient id="ibMgsyc12" x1="12.959" x2="19.331" y1="12.247" y2="12.247" gradientUnits="userSpaceOnUse"><stop stop-color="#4D4B4E"/><stop offset=".359" stop-color="#4D4B4E" stop-opacity="0"/><stop offset="1" stop-color="#4D4B4E"/></linearGradient><linearGradient id="iHG3P2c12" x1="20.789" x2="27.161" y1="12.312" y2="12.312" gradientUnits="userSpaceOnUse"><stop stop-color="#4D4B4E"/><stop offset=".328" stop-color="#4D4B4E" stop-opacity="0"/><stop offset="1" stop-color="#4D4B4E"/></linearGradient><filter id="iMiR0Tb12" width="29.25" height="13.25" x="1.344" y="8.25" 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=".75" dy="-.75"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.2 0 0 0 0 0.129412 0 0 0 0 0.254902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_11988"/><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="-.75" dy=".75"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.372549 0 0 0 0 0.333333 0 0 0 0 0.411765 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_11988" result="effect2_innerShadow_18_11988"/></filter><filter id="iWWw1Fc12" width="7.2" height="7.2" x="20.044" y="11.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_18_11988"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_11988" 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_18_11988"/></filter><filter id="iVdMgMS12" width="7.2" height="7.2" x="12.044" y="11.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_18_11988"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_11988" 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_18_11988"/></filter><filter id="iRhyIpe12" width="7.2" height="7.2" x="4.044" y="11.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_18_11988"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_11988" 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_18_11988"/></filter><filter id="ivsPVLb12" width="7.54" height="3.295" x="4.19" y="10.745" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_11988" stdDeviation=".2"/></filter><filter id="iSqQxCl12" width="7.54" height="3.295" x="12.244" y="10.745" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_11988" stdDeviation=".2"/></filter><filter id="iuXlw1c12" width="7.54" height="3.18" x="20.074" y="10.86" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_11988" stdDeviation=".2"/></filter><radialGradient id="ieNwwRU12" cx="0" cy="0" r="1" gradientTransform="rotate(124.524 8.874 13.34)scale(4.77986)" gradientUnits="userSpaceOnUse"><stop offset=".776" stop-color="#B50F2F" stop-opacity="0"/><stop offset="1" stop-color="#B50F2F"/></radialGradient><radialGradient id="iyfThNb12" cx="0" cy="0" r="1" gradientTransform="rotate(124.524 4.874 11.237)scale(4.77986)" gradientUnits="userSpaceOnUse"><stop offset=".776" stop-color="#C39A59" stop-opacity="0"/><stop offset="1" stop-color="#C39A59"/></radialGradient><radialGradient id="iD8dwqc12" cx="0" cy="0" r="1" gradientTransform="rotate(124.524 .874 9.134)scale(4.77986)" gradientUnits="userSpaceOnUse"><stop offset=".776" stop-color="#1B9D5F" stop-opacity="0"/><stop offset="1" stop-color="#1B9D5F"/></radialGradient><radialGradient id="iXx353b12" cx="0" cy="0" r="1" gradientTransform="matrix(1.04003 -1.25588 2.32315 1.92386 24.36 14.47)" gradientUnits="userSpaceOnUse"><stop stop-color="#F2F7F7"/><stop offset="1" stop-color="#F2F7F7" stop-opacity="0"/></radialGradient><radialGradient id="i4ILU9a12" cx="0" cy="0" r="1" gradientTransform="matrix(1.04003 -1.25588 2.32315 1.92386 16.36 14.47)" gradientUnits="userSpaceOnUse"><stop stop-color="#F2F7F7"/><stop offset="1" stop-color="#F2F7F7" stop-opacity="0"/></radialGradient><radialGradient id="izBksob12" cx="0" cy="0" r="1" gradientTransform="matrix(1.04003 -1.25588 2.32315 1.92386 8.36 14.47)" gradientUnits="userSpaceOnUse"><stop stop-color="#F2F7F7"/><stop offset="1" stop-color="#F2F7F7" stop-opacity="0"/></radialGradient></defs></g></svg>