Timer

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <circle cx="256" cy="256" r="40" fill="#787680" />
    <path
        fill="#d8d7da"
        d="M216.4 250.34 58.69 82.032a16 16 0 0 1 .362-22.254l.726-.726a16 16 0 0 1 22.254-.362L250.34 216.4"
    />
    <path
        fill="#ffeb99"
        d="M177.57 29.25h.01A240 240 0 0 1 424.01 87c93.72 93.73 93.72 245.68 0 339.41s-245.69 93.73-339.42 0c-82.1-82.1-92.28-208.89-30.54-302.07l23.17 23.17c-49.56 80.18-39.55 186.72 30 256.27 81.23 81.23 212.93 81.24 294.16 0s81.23-212.92 0-294.15a207.975 207.975 0 0 0-209.46-51.4"
    />
    <circle cx="160" cy="56" r="32" fill="#ffda44" />
    <path
        d="M256 208c-.95 0-1.89.04-2.83.09L87.5 52.85a23.9 23.9 0 0 0-33.38.54l-.73.73a23.907 23.907 0 0 0-.54 33.38l155.24 165.67c-.05.94-.09 1.88-.09 2.83a48 48 0 1 0 48-48zm-43.1 26.9L64.53 76.56a7.958 7.958 0 0 1 .18-11.12l.73-.73a7.958 7.958 0 0 1 11.12-.18L234.9 212.9a48.329 48.329 0 0 0-22 22zM256 288a32 32 0 1 1 32-32 32.036 32.036 0 0 1-32 32z"
    />
    <path
        d="M429.67 81.34a248.015 248.015 0 0 0-251.19-60.8 39.991 39.991 0 1 0 20.62 43.9 199.51 199.51 0 0 1 196.62 50.85c77.98 77.97 77.98 204.86 0 282.83a199.969 199.969 0 0 1-282.84 0 197.74 197.74 0 0 1-57.37-119.37 200.684 200.684 0 0 1 28.52-127.03 8.017 8.017 0 0 0-1.15-9.87l-23.17-23.17a8.008 8.008 0 0 0-12.33 1.24 248.024 248.024 0 1 0 382.29-38.58zM160 80a24 24 0 1 1 24-24 24.032 24.032 0 0 1-24 24zm258.35 340.75A232.029 232.029 0 0 1 55.47 137.07l11.69 11.69a216.049 216.049 0 0 0 34.4 260.68 214.588 214.588 0 0 0 152.74 63.27h.01a216.015 216.015 0 1 0-55.15-424.88A39.768 39.768 0 0 0 192.7 33a232.017 232.017 0 0 1 225.65 387.75z"
    />
</svg>