Timer

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 497 497"
>
    <path
        fill="#106eb2"
        d="M407 0h-30v497h30c49.706 0 90-40.294 90-90V90c0-49.706-40.294-90-90-90z"
    />
    <path
        fill="#2088cb"
        d="M467 407V90c0-49.706-40.294-90-90-90H90C40.294 0 0 40.294 0 90v317c0 49.706 40.294 90 90 90h287c49.706 0 90-40.294 90-90z"
    />
    <path
        fill="#b0bcc2"
        d="M60 407V90c0-16.569 13.431-30 30-30h317c16.569 0 30 13.431 30 30v317c0 16.569-13.431 30-30 30H90c-16.569 0-30-13.431-30-30z"
    />
    <path fill="#ebfaff" d="M377 407h30V90h-30l-85.42 158.5z" />
    <path fill="#fff" d="M90 90h287v317H90z" />
    <path
        fill="#ffd261"
        d="M248.5 120v257c70.969 0 128.5-57.531 128.5-128.5S319.469 120 248.5 120z"
    />
    <path
        fill="#ffeb6b"
        d="M347 248.5c0-70.969-44.1-128.5-98.5-128.5-70.969 0-128.5 57.531-128.5 128.5S177.531 377 248.5 377c54.4 0 98.5-57.531 98.5-128.5z"
    />
    <path
        fill="#7c7b80"
        d="M196 248.5c0 28.995 23.505 52.5 52.5 52.5s52.5-23.505 52.5-52.5c0-19.686-10.842-36.831-26.874-45.818l-11.137-41.565C261.261 154.719 255.439 150 248.5 150s-12.761 4.719-14.474 11.118c-.006 0-5.261 19.598-11.149 41.563C206.843 211.667 196 228.813 196 248.5z"
    />
    <circle cx="248.5" cy="248.5" r="22.5" fill="#b0bcc2" />
    <g fill="#ffb963">
        <circle cx="347" cy="248.5" r="7.5" />
        <circle cx="333.803" cy="199.25" r="7.5" />
        <circle cx="297.75" cy="163.197" r="7.5" />
        <circle cx="199.25" cy="163.197" r="7.5" />
        <circle cx="163.197" cy="199.25" r="7.5" />
        <circle cx="150" cy="248.5" r="7.5" />
        <circle cx="163.197" cy="297.75" r="7.5" />
        <circle cx="199.25" cy="333.803" r="7.5" />
        <circle cx="248.5" cy="347" r="7.5" />
        <circle cx="297.75" cy="333.803" r="7.5" />
        <circle cx="333.803" cy="297.75" r="7.5" />
    </g>
</svg>