Timer

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <circle cx="256" cy="256" r="256" fill="#ffb31a" />
    <path
        fill="#ff8b0d"
        d="M512 256c0-9.014-.472-17.917-1.381-26.691L394.746 113.436 116.463 397.811l112.835 112.807A258.84 258.84 0 0 0 256 512c141.385 0 256-114.615 256-256z"
    />
    <path
        fill="#fff"
        d="M83.315 256c0 95.371 77.314 172.685 172.685 172.685L349.595 256 256 83.315c-95.371 0-172.685 77.314-172.685 172.685z"
    />
    <path
        fill="#e5e5e5"
        d="M256 83.315v345.37c95.371 0 172.685-77.314 172.685-172.685S351.371 83.315 256 83.315z"
    />
    <path
        fill="#5e585e"
        d="M220.909 60.047c-21.412 3.824-29.686 30.15-14.306 45.531 6.263 6.263 15.194 8.981 23.914 7.431a145.469 145.469 0 0 1 25.483-2.23l36.183-22.947L256 56.956c-.17 0-.339-.006-.509-.005a199.367 199.367 0 0 0-34.582 3.096zM255.621 401.229c-79.295-.203-144.237-64.799-144.846-144.092-.07-9.083.698-17.982 2.234-26.621 1.551-8.72-1.168-17.651-7.431-23.914-15.38-15.38-41.707-7.107-45.531 14.306a199.483 199.483 0 0 0-3.097 34.582C56.674 365.437 146.053 455.05 256 455.05l39.572-26.365L256 401.225c-.127 0-.252.004-.379.004z"
    />
    <path
        fill="#3f383f"
        d="M256 56.956v53.823c.379 0 .757-.007 1.138-.004 79.293.61 143.888 65.551 144.092 144.846.206 80.254-65.022 145.604-145.229 145.604v53.825h.002c109.756-.001 199.047-89.292 199.048-199.048 0-109.778-89.337-199.045-199.051-199.046z"
    />
    <path
        fill="#ff5e90"
        d="M182.774 182.774c-13.97 13.97-36.619 13.97-50.588 0L87.872 138.46c-13.969-13.97-13.969-36.618 0-50.588 13.97-13.969 36.618-13.969 50.588 0l44.314 44.314c13.97 13.97 13.97 36.619 0 50.588z"
    />
    <path
        fill="#5e585e"
        d="M252.993 225.774a389.318 389.318 0 0 0-4.431-.389l1.823-16.565H256l31.101-18.465L256 171.89h-38.541l-10.104 87.888 20.572.135c.123.001 12.447.092 21.407 1.009 2.257.231 4.506.709 6.665 1.419l20.56-13.38L256 226.129c-.991-.129-1.988-.253-3.007-.355z"
    />
    <path fill="#3f383f" d="M256 171.89h51.376v36.929H256z" />
    <path
        fill="#5e585e"
        d="M251.659 303.176c-8.081.165-15.436-4.196-19.169-11.377l-7.392-14.143-32.764 17.038 7.391 14.143c10.076 19.374 29.719 31.273 51.475 31.273.4 0 .802-.004 1.204-.012 1.209-.024 2.406-.1 3.597-.198l16.795-23.926L256 302.618a20.878 20.878 0 0 1-4.341.558z"
    />
    <path
        fill="#3f383f"
        d="M309.145 285.161c1.585-30.509-16.085-54.195-53.145-59.031v36.212c9.233 3.035 16.814 10.332 16.265 20.905-.491 9.468-7.325 17.281-16.265 19.372V339.9c28.606-2.364 51.641-25.75 53.145-54.739z"
    />
</svg>