Timer

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <circle cx="256" cy="256" r="248.5" fill="#b3dafe" />
    <path
        fill="#8ac9fe"
        d="M256 7.5c-5.038 0-10.036.168-15 .464C371.256 15.721 474.5 123.795 474.5 256S371.256 496.279 241 504.036c4.964.296 9.962.464 15 .464 137.243 0 248.5-111.257 248.5-248.5S393.243 7.5 256 7.5z"
    />
    <path
        fill="#eaf6ff"
        d="M256.062 473.016c-2.507 0-5.07 1.442-7.563 1.359-53.058-1.778-102.835-22.396-141.61-58.656-1.822-1.704-1.331-4.942-3.103-6.715-1.773-1.773-5.8-2.071-7.504-3.893-36.261-38.775-56.879-88.552-58.657-141.61-.084-2.493 5.448-4.994 5.448-7.501s-5.531-5.007-5.448-7.501c1.778-53.058 22.395-102.835 58.657-141.61 1.704-1.822 5.743-.194 7.516-1.967s1.269-6.937 3.092-8.641c38.775-36.261 88.552-56.879 141.61-58.656 2.493-.084 5.188 3.453 7.695 3.453s4.813-3.536 7.306-3.453c53.058 1.778 102.835 22.396 141.61 58.656 1.822 1.704 2.372 5.633 4.144 7.406 1.773 1.773 4.759 1.38 6.463 3.202 36.261 38.775 56.879 88.552 58.657 141.61.084 2.493-4.454 4.994-4.454 7.501s4.537 5.007 4.454 7.501c-1.861 55.551-24.375 107.506-63.872 147.002s-91.451 62.01-147.002 63.872c-2.494.083-4.932-1.359-7.439-1.359z"
    />
    <circle cx="256" cy="256" r="20.981" fill="#b3dafe" />
    <path
        fill="#8ac9fe"
        d="M256 235.019a20.854 20.854 0 0 0-10.49 2.83C251.775 241.478 256 248.239 256 256s-4.225 14.522-10.49 18.151a20.854 20.854 0 0 0 10.49 2.83c11.587 0 20.981-9.394 20.981-20.981s-9.394-20.981-20.981-20.981z"
    />
    <circle cx="396.931" cy="396.931" r="107.569" fill="#dd636e" />
    <path
        fill="#da4a54"
        d="M396.931 289.362c-5.091 0-10.097.362-15 1.046 52.307 7.299 92.569 52.206 92.569 106.523s-40.262 99.224-92.569 106.523c4.903.684 9.909 1.046 15 1.046 59.409 0 107.569-48.16 107.569-107.569s-48.16-107.569-107.569-107.569z"
    />
    <path
        d="M263.5 228.528V105c0-4.142-3.357-7.5-7.5-7.5s-7.5 3.358-7.5 7.5v123.528c-12.077 3.301-20.981 14.363-20.981 27.472 0 3.378.594 6.619 1.679 9.629l-63.063 44.231a7.5 7.5 0 1 0 8.613 12.28l63.071-44.236a28.354 28.354 0 0 0 18.182 6.577c15.705 0 28.481-12.776 28.481-28.481-.001-13.109-8.905-24.171-20.982-27.472zm-7.5 40.953c-7.434 0-13.481-6.047-13.481-13.481 0-7.43 6.043-13.475 13.472-13.48h.02c7.429.005 13.472 6.05 13.472 13.48-.002 7.434-6.049 13.481-13.483 13.481zM512 256c0-68.379-26.629-132.666-74.981-181.019C388.666 26.629 324.379 0 256 0c-36.85 0-72.416 7.664-105.712 22.779-3.771 1.712-5.44 6.158-3.729 9.929s6.156 5.443 9.93 3.729C187.824 22.212 221.304 15 256 15c64.372 0 124.893 25.069 170.412 70.588S497 191.628 497 256c0 23.657-3.403 46.89-10.11 69.266a116.029 116.029 0 0 0-11.957-12.85C479.621 294.098 482 275.144 482 256c0-125.055-101.531-226-226-226C130.969 30 30 131.85 30 256c0 122.93 101.331 226 226 226 19.141 0 38.095-2.38 56.416-7.068 3.973 4.302 8.269 8.3 12.85 11.957C302.89 493.597 279.657 497 256 497c-64.372 0-124.893-25.069-170.412-70.588S15 320.372 15 256c0-82.757 41.712-158.77 111.578-203.335a7.5 7.5 0 1 0-8.066-12.646c-35.609 22.714-65.338 54.176-85.971 90.984C11.253 168.98 0 212.204 0 256c0 68.379 26.629 132.666 74.981 181.019C123.334 485.371 187.621 512 256 512c29.202 0 57.802-4.885 85.078-14.496 16.55 9.228 35.596 14.496 55.853 14.496C460.38 512 512 460.38 512 396.931c0-20.256-5.268-39.302-14.496-55.853C507.115 313.803 512 285.201 512 256zM396.931 497c-55.178 0-100.068-44.891-100.068-100.069 0-31.653 15.23-61.782 40.741-80.595a7.5 7.5 0 1 0-8.902-12.072c-29.329 21.628-46.839 56.271-46.839 92.667 0 24.125 7.469 46.536 20.207 65.053a212.553 212.553 0 0 1-38.569 4.883v-18.503c0-4.142-3.357-7.5-7.5-7.5s-7.5 3.358-7.5 7.5v18.489c-51.05-1.772-98.936-21.609-136.29-56.457l13.071-13.071a7.5 7.5 0 0 0-10.607-10.606l-13.071 13.07c-34.849-37.355-54.685-85.241-56.458-136.29h18.489c4.143 0 7.5-3.358 7.5-7.5s-3.357-7.5-7.5-7.5H45.146c1.772-51.049 21.609-98.935 56.458-136.29l13.071 13.07c2.93 2.93 7.678 2.929 10.607 0s2.929-7.678 0-10.606l-13.071-13.071c37.354-34.849 85.24-54.685 136.29-56.457v18.489c0 4.142 3.357 7.5 7.5 7.5s7.5-3.358 7.5-7.5V45.146c51.05 1.772 98.936 21.609 136.29 56.457l-13.071 13.071a7.5 7.5 0 0 0 0 10.606 7.5 7.5 0 0 0 10.607 0l13.071-13.07c34.849 37.355 54.685 85.241 56.458 136.29h-18.489c-4.143 0-7.5 3.358-7.5 7.5s3.357 7.5 7.5 7.5h18.503a212.541 212.541 0 0 1-4.883 38.57c-18.518-12.739-40.928-20.208-65.054-20.208-11.88 0-23.594 1.805-34.818 5.364a7.5 7.5 0 1 0 4.535 14.298c9.755-3.093 19.944-4.662 30.283-4.662 55.179 0 100.069 44.891 100.069 100.069S452.109 497 396.931 497zm-7.295-137.519c0-17.152-12.478-31.106-27.814-31.106s-27.814 13.954-27.814 31.106 12.478 31.106 27.814 31.106 27.814-13.954 27.814-31.106zm-27.815 16.106c-7.065 0-12.814-7.225-12.814-16.106s5.749-16.106 12.814-16.106 12.814 7.225 12.814 16.106c.001 8.881-5.748 16.106-12.814 16.106zm70.22 27.688c-15.337 0-27.814 13.954-27.814 31.106s12.478 31.106 27.814 31.106 27.814-13.954 27.814-31.106-12.477-31.106-27.814-31.106zm0 47.212c-7.065 0-12.814-7.225-12.814-16.106s5.749-16.106 12.814-16.106 12.814 7.225 12.814 16.106-5.749 16.106-12.814 16.106zm-9.034-116.422a7.5 7.5 0 0 0-9.818 4.013l-45.976 109.548a7.5 7.5 0 0 0 4.014 9.818c3.735 1.568 8.2-.144 9.818-4.013l45.976-109.548a7.501 7.501 0 0 0-4.014-9.818z"
    />
</svg>