Traffic Light

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 1.707 1.707"
>
    <linearGradient
        id="a"
        x1=".853"
        x2=".853"
        y1=".171"
        y2="1.536"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#66c" />
        <stop offset=".51" stop-color="#f0f" />
        <stop offset="1" stop-color="#f60" />
    </linearGradient>
    <g fill-rule="evenodd">
        <path
            fill="url(#a)"
            d="M1.262 1.246H1.17v.199a.04.04 0 0 1-.04.04h-.12v.182a.04.04 0 0 1-.04.04H.738a.04.04 0 0 1-.04-.04v-.182h-.12a.04.04 0 0 1-.04-.04v-.199H.445a.04.04 0 0 1-.033-.016L.28 1.048A.04.04 0 0 1 .31.984h.227V.832H.445A.04.04 0 0 1 .412.816L.28.634A.04.04 0 0 1 .31.57h.227V.418H.445A.04.04 0 0 1 .412.4L.28.22A.04.04 0 0 1 .31.156h.227V.04A.04.04 0 0 1 .578 0h.55a.04.04 0 0 1 .04.04v.116h.228a.04.04 0 0 1 .032.064l-.134.182a.04.04 0 0 1-.032.016H1.17V.57h.227a.04.04 0 0 1 .032.064l-.134.182a.04.04 0 0 1-.032.016H1.17v.152h.227a.04.04 0 0 1 .032.064l-.134.182a.04.04 0 0 1-.032.016zm-.173-.04V.08H.618v1.325h.471v-.199zm-.551-.04v-.102H.39l.075.102h.073zm0-.414V.65H.39l.075.102h.073zm0-.414V.236H.39l.075.102h.073zM.853.5a.173.173 0 1 1 0-.345.173.173 0 0 1 0 .345zm0-.265a.092.092 0 1 0 0 .185.092.092 0 0 0 0-.185zm0 .679a.173.173 0 1 1 0-.345.173.173 0 0 1 0 .345zm0-.265a.092.092 0 1 0 0 .185.092.092 0 0 0 0-.185zm0 .679a.173.173 0 1 1 0-.345.173.173 0 0 1 0 .345zm0-.265a.092.092 0 1 0 0 .185.092.092 0 0 0 0-.185zm-.075.563h.15v-.142h-.15zm.39-1.29h.074l.075-.101h-.148v.102zm0 .415h.074L1.317.65h-.148v.102zm0 .414h.074l.075-.102h-.148v.102z"
        />
    </g>
</svg>