24 Hour Clock

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 24 24"
>
    <path
        fill="#2196f3"
        d="M17.5 24c-3.584 0-6.5-2.916-6.5-6.5s2.916-6.5 6.5-6.5 6.5 2.916 6.5 6.5-2.916 6.5-6.5 6.5z"
    />
    <path
        fill="#1d83d4"
        d="M17.5 11c-3.584 0-6.5 2.916-6.5 6.5s2.916 6.5 6.5 6.5z"
    />
    <path
        fill="#ffb74d"
        d="M20 5.95v3.42c-.79-.24-1.63-.37-2.5-.37C12.81 9 9 12.81 9 17.5c0 .87.13 1.71.37 2.5H.89C.4 20 0 19.6 0 19.11V5.95z"
    />
    <path
        fill="#ffa726"
        d="M20 5.946H0L2.994.551C3.179.216 3.546 0 3.936 0h12.129c.39 0 .757.216.941.552z"
    />
    <path fill="#795548" d="m10.811 0 1.081 5.946H8.108L9.189 0z" />
    <path
        fill="#de9f43"
        d="M10 5.95H0v13.16c0 .49.4.89.89.89h8.48c-.24-.79-.37-1.63-.37-2.5 0-1.446.362-2.808 1-4z"
    />
    <path
        fill="#de9121"
        d="M9.189 0H3.936c-.39 0-.757.216-.941.552L0 5.946h10-1.892z"
    />
    <path fill="#694a3f" d="M10 0h-.811L8.108 5.946H10z" />
    <g fill="#fff">
        <path
            d="M16.5 20.5H14a.5.5 0 0 1-.5-.5v-1.25c0-.965.715-1.75 1.594-1.75h.312c.327 0 .594-.337.594-.75s-.267-.75-.594-.75H14a.5.5 0 0 1 0-1h1.406c.879 0 1.594.785 1.594 1.75S16.285 18 15.406 18h-.312c-.327 0-.594.337-.594.75v.75h2a.5.5 0 0 1 0 1zM21 20.5a.5.5 0 0 1-.5-.5v-5a.5.5 0 0 1 1 0v5a.5.5 0 0 1-.5.5z"
        />
        <path
            d="M21 18h-1.406C18.715 18 18 17.215 18 16.25V15a.5.5 0 0 1 1 0v1.25c0 .413.267.75.594.75H21a.5.5 0 0 1 0 1z"
        />
    </g>
    <g fill="#dedede">
        <path
            d="M16.521 17.5H13.98a1.831 1.831 0 0 0-.479 1.25V20a.5.5 0 0 0 .5.5h2.5a.5.5 0 0 0 0-1h-2v-.75c0-.413.267-.75.594-.75h.312a1.52 1.52 0 0 0 1.114-.5zM21.5 17.5a.5.5 0 0 1-.5.5h-.5v2a.5.5 0 0 0 1 0z"
        />
        <path
            d="M21.5 17.5h-3.021c.288.309.681.5 1.114.5H21a.5.5 0 0 0 .5-.5z"
        />
    </g>
</svg>