Digital Clock

<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="#668dea" />
        <stop offset=".5" stop-color="#7acf00" />
        <stop offset="1" stop-color="#f5a933" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="31.5"
        x2="31.5"
        y1="1.222"
        y2="61.077"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="22"
        x2="22"
        y1="1.222"
        y2="61.077"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="38"
        x2="38"
        y1="1.222"
        y2="61.077"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="48"
        x2="48"
        y1="1.222"
        y2="61.077"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="30"
        x2="30"
        y1="1.222"
        y2="61.077"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="48.001"
        x2="48.001"
        y1="1.222"
        y2="61.077"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="48.004"
        x2="48.004"
        y1="1.222"
        y2="61.077"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="13.5"
        x2="13.5"
        y1="1.222"
        y2="61.077"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M48.5 64c2.481 0 4.5-2.019 4.5-4.5V57h2c2.757 0 5-2.243 5-5V28c0-2.757-2.243-5-5-5H28v-3a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v3h-1v-3a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v3H8c-2.757 0-5 2.243-5 5v24c0 2.757 2.243 5 5 5h2v2.5c0 2.481 2.019 4.5 4.5 4.5s4.5-2.019 4.5-4.5V57h25v2.5c0 2.481 2.019 4.5 4.5 4.5zm2.5-4.5c0 1.378-1.121 2.5-2.5 2.5S46 60.878 46 59.5V57h5zM22 21h4v2h-4zm-9 0h4v2h-4zM5 52V28c0-1.654 1.346-3 3-3h47c1.654 0 3 1.346 3 3v24c0 1.654-1.346 3-3 3H37v-2h16c1.654 0 3-1.346 3-3V30c0-1.654-1.346-3-3-3H10c-1.654 0-3 1.346-3 3v20c0 1.654 1.346 3 3 3h17v2H8c-1.654 0-3-1.346-3-3zm5-1c-.552 0-1-.449-1-1V30c0-.551.448-1 1-1h43c.552 0 1 .449 1 1v20c0 .551-.448 1-1 1zm25 2v2h-6v-2zm-18 6.5c0 1.378-1.121 2.5-2.5 2.5S12 60.878 12 59.5V57h5z"
    />
    <path
        fill="url(#c)"
        d="M22 33c-2.206 0-4 1.794-4 4v6c0 2.206 1.794 4 4 4s4-1.794 4-4v-6c0-2.206-1.794-4-4-4zm2 10c0 1.103-.897 2-2 2s-2-.897-2-2v-6c0-1.103.897-2 2-2s2 .897 2 2z"
    />
    <path
        fill="url(#d)"
        d="M38 33c-2.206 0-4 1.794-4 4v6c0 2.206 1.794 4 4 4s4-1.794 4-4v-6c0-2.206-1.794-4-4-4zm2 10c0 1.103-.897 2-2 2s-2-.897-2-2v-6c0-1.103.897-2 2-2s2 .897 2 2z"
    />
    <path
        fill="url(#e)"
        d="M48 33c-2.206 0-4 1.794-4 4v6c0 2.206 1.794 4 4 4s4-1.794 4-4v-6c0-2.206-1.794-4-4-4zm2 10c0 1.103-.897 2-2 2s-2-.897-2-2v-6c0-1.103.897-2 2-2s2 .897 2 2z"
    />
    <circle cx="30" cy="37" r="1" fill="url(#f)" />
    <circle cx="30" cy="43" r="1" fill="url(#f)" />
    <path
        fill="url(#e)"
        d="M42.055 20.454a1.852 1.852 0 0 0 1.128 1.374 1.852 1.852 0 0 0 1.765-.202l2.384-1.676c3.261-.039 5.985-1.05 7.895-2.936 1.775-1.752 2.76-4.222 2.773-6.954.021-4.539-3.083-8.628-7.384-9.725C47.518-.457 44.33.188 41.869 2.1A9.937 9.937 0 0 0 38 10a9.918 9.918 0 0 0 3.514 7.606zM40 10a7.957 7.957 0 0 1 3.096-6.322 7.98 7.98 0 0 1 4.919-1.674 8.53 8.53 0 0 1 2.107.267c3.424.874 5.896 4.144 5.878 7.778-.011 2.229-.765 4.145-2.179 5.541-1.585 1.566-3.951 2.397-6.799 2.359-.162.014-.412.062-.583.182l-2.461 1.731-.567-2.985a1.002 1.002 0 0 0-.364-.599A7.943 7.943 0 0 1 40 10z"
    />
    <path
        fill="url(#g)"
        d="M43.625 8.901C44.713 7.599 46.308 6.852 48 6.852s3.287.747 4.375 2.049c.198.237.903.53 1.408.126.432-.345.48-.985.127-1.409C52.441 5.86 50.287 4.852 48 4.852s-4.441 1.008-5.91 2.767a1 1 0 1 0 1.535 1.282z"
    />
    <path
        fill="url(#h)"
        d="M48 8.208a4.351 4.351 0 0 0-3.574 1.874 1 1 0 0 0 1.645 1.139 2.347 2.347 0 0 1 3.86 0c.194.28.834.571 1.392.252.479-.274.567-.938.253-1.391A4.355 4.355 0 0 0 48 8.208z"
    />
    <path
        fill="url(#e)"
        d="M48 11.725a1.678 1.678 0 1 0 0 3.355 1.678 1.678 0 0 0 0-3.355z"
    />
    <path
        fill="url(#i)"
        d="M15.472 33.118a1 1 0 0 0-1.026.05l-3 2a1 1 0 1 0 1.11 1.664L14 35.869V46a1 1 0 1 0 2 0V34a1 1 0 0 0-.528-.882z"
    />
</svg>