24 Hour Clock

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient id="a">
        <stop offset=".011" stop-color="#554431" />
        <stop offset="1" stop-color="#5f4d37" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="23.158"
        x2="56.376"
        y1="40.842"
        y2="7.624"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient id="b">
        <stop offset="0" stop-color="#ff3f62" />
        <stop offset="1" stop-color="#ff9478" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="25.189"
        x2="53.549"
        y1="38.81"
        y2="10.45"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient id="c">
        <stop offset="0" stop-color="#ffc477" />
        <stop offset="1" stop-color="#ffdaaa" />
    </linearGradient>
    <linearGradient
        id="f"
        x1="3.13"
        x2="35.87"
        y1="61.37"
        y2="28.63"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <linearGradient
        id="g"
        x1="35.88"
        x2="40.12"
        y1="28.12"
        y2="23.88"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <linearGradient
        id="h"
        x1="23.586"
        x2="33.914"
        y1="48.414"
        y2="38.086"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="i"
        x1="4.836"
        x2="18.164"
        y1="51.664"
        y2="38.336"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="j"
        x1="41.716"
        x2="45.515"
        y1="27.9"
        y2="24.1"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="k"
        x1="35.35"
        x2="40.65"
        y1="21.535"
        y2="16.235"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="l"
        x1="28.543"
        x2="50.069"
        y1="34.957"
        y2="13.431"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <path
        fill="url(#d)"
        d="M38 0C23.664 0 12 11.663 12 26c0 1.321.106 2.662.316 4H36c1.654 0 3 1.346 3 3v18.981C52.875 51.453 64 40.001 64 26 64 11.663 52.336 0 38 0z"
    />
    <path
        fill="url(#e)"
        d="M38 4c-12.131 0-22 9.869-22 22 0 1.327.129 2.667.379 4H36c1.654 0 3 1.346 3 3v14.975C50.668 47.449 60 37.796 60 26c0-12.131-9.869-22-22-22z"
    />
    <path
        fill="url(#f)"
        d="M36 30H3c-1.654 0-3 1.346-3 3v24c0 1.654 1.346 3 3 3h21.5l2.7 3.6a1 1 0 0 0 1.6 0l2.7-3.6H36c1.654 0 3-1.346 3-3V33c0-1.654-1.346-3-3-3z"
    />
    <circle cx="38" cy="26" r="3" fill="url(#g)" />
    <path
        fill="url(#h)"
        d="M31 36a2 2 0 0 0-2 2v5h-4v-5a2 2 0 0 0-4 0v7a2 2 0 0 0 2 2h6v5a2 2 0 0 0 4 0V38a2 2 0 0 0-2-2z"
    />
    <path
        fill="url(#i)"
        d="M15 54H8a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h5v-3H8a2 2 0 0 1 0-4h7a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-5v3h5a2 2 0 0 1 0 4z"
    />
    <path
        fill="url(#j)"
        d="M46 25h-5.184c.112.315.184.647.184 1s-.072.685-.184 1H46a1 1 0 1 0 0-2z"
    />
    <path
        fill="url(#k)"
        d="M38 23c.353 0 .686.072 1 .185V15a1 1 0 1 0-2 0v8.185A2.938 2.938 0 0 1 38 23z"
    />
    <path
        fill="url(#l)"
        d="M38 12a1 1 0 0 1-1-1V9a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1zM24 26a1 1 0 0 0-1-1h-2a1 1 0 1 0 0 2h2a1 1 0 0 0 1-1zm32 0a1 1 0 0 0-1-1h-2a1 1 0 1 0 0 2h2a1 1 0 0 0 1-1zM31 13.876a1 1 0 0 0 .366-1.366l-1-1.733a1 1 0 0 0-1.732 1l1 1.733a1 1 0 0 0 1.366.366zm15 27.713a1 1 0 0 0 .366-1.366l-1-1.732a1 1 0 1 0-1.732 1l1 1.732a1.002 1.002 0 0 0 1.366.366zm5.491-22.223 1.731-1a1 1 0 1 0-1-1.732l-1.731 1a1 1 0 1 0 1 1.732zM25.876 19a1 1 0 0 0-.366-1.366l-1.733-1a1 1 0 0 0-1 1.732l1.733 1A.997.997 0 0 0 25.876 19zm26.713 16a1 1 0 0 0-.366-1.366l-1.732-1a1 1 0 1 0-1 1.732l1.732 1A.997.997 0 0 0 52.589 35zm-6.221-21.49.999-1.733a1 1 0 1 0-1.733-1l-.999 1.733a1 1 0 1 0 1.733 1z"
    />
</svg>