Traffic Signal

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#00a5e9" />
        <stop offset="1" stop-color="#15ffce" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="35"
        x2="35"
        y1="112.772"
        y2="-28.582"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="32"
        x2="32"
        y1="112.772"
        y2="-28.582"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M21.8 41.459h6a1 1 0 0 0 1-1v-7h11v1.919a.999.999 0 0 0 1.625.78l7.399-5.919a1 1 0 0 0 0-1.562l-7.399-5.919a1 1 0 0 0-1.625.78v1.919h-18a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1.002zm1-14h18a1 1 0 0 0 1-1v-.838l4.798 3.838-4.798 3.839v-.839a1 1 0 0 0-1-1h-13a1 1 0 0 0-1 1v7h-4z"
    />
    <path
        fill="url(#c)"
        d="M26.464 56.707C27.943 58.186 29.909 59 32 59s4.057-.814 5.536-2.293l19.171-19.171c3.052-3.052 3.052-8.019 0-11.071L37.536 7.293C36.057 5.814 34.091 5 32 5s-4.057.814-5.536 2.293L7.293 26.464c-3.052 3.052-3.052 8.019 0 11.071zM8.707 27.878 27.878 8.707C28.979 7.606 30.443 7 32 7s3.021.606 4.122 1.707l19.171 19.171a5.836 5.836 0 0 1 0 8.243L36.122 55.293C35.021 56.394 33.557 57 32 57s-3.021-.606-4.122-1.707L8.707 36.122a5.838 5.838 0 0 1 0-8.244z"
    />
</svg>