Digital Alarm Clock

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 36 36"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#58d1d4" />
        <stop offset=".098" stop-color="#61cdd6" />
        <stop offset=".26" stop-color="#7bc0db" />
        <stop offset=".3" stop-color="#82bddc" />
        <stop offset=".489" stop-color="#98b1df" />
        <stop offset=".7" stop-color="#b5a0e4" />
        <stop offset="1" stop-color="#ea83ed" />
    </linearGradient>
    <linearGradient
        id="b"
        x1=".026"
        x2="36.075"
        y1="18"
        y2="18"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1=".007"
        x2="36.094"
        y1="18"
        y2="18"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M27 9h-2c0-1.7-1.3-3-3-3h-8c-1.7 0-3 1.3-3 3H9c-1.7 0-3 1.3-3 3v12c0 1.3.8 2.4 2 2.8V28c0 1.1.9 2 2 2h4c1.1 0 2-.9 2-2v-1h4v1c0 1.1.9 2 2 2h4c1.1 0 2-.9 2-2v-1.2c1.2-.4 2-1.5 2-2.8V12c0-1.7-1.3-3-3-3zm-15 3h12c1.7 0 3 1.3 3 3v6c0 1.6-1.3 3-3 3H12c-1.7 0-3-1.4-3-3v-6c0-1.7 1.3-3 3-3z"
    />
    <path
        fill="url(#c)"
        d="M12 22h12c.5 0 1-.5 1-1v-6c0-.5-.5-1-1-1H12c-.5 0-1 .5-1 1v6c0 .5.5 1 1 1z"
    />
</svg>