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="#b3dafe" />
    <path
        fill="#8ac9fe"
        d="M256 0c-5.19 0-10.339.173-15.453.478C374.735 8.469 481.095 119.805 481.095 256s-106.36 247.531-240.547 255.522A259.35 259.35 0 0 0 256 512c141.385 0 256-114.615 256-256S397.385 0 256 0z"
    />
    <path
        fill="#eaf6ff"
        d="M256.064 479.565c-2.583 0-5.223 1.486-7.791 1.4-54.659-1.831-105.938-23.072-145.884-60.427-1.877-1.755-1.371-5.091-3.197-6.917s-5.975-2.133-7.731-4.01c-37.355-39.945-58.596-91.224-60.427-145.884-.086-2.568 5.612-5.144 5.612-7.727s-5.698-5.158-5.612-7.727c1.831-54.659 23.071-105.938 60.427-145.884 1.755-1.877 5.917-.2 7.743-2.026s1.308-7.146 3.185-8.902c39.945-37.355 91.224-58.595 145.884-60.427 2.568-.086 5.345 3.557 7.928 3.557s4.958-3.643 7.526-3.557c54.659 1.831 105.938 23.072 145.884 60.427 1.877 1.755 2.443 5.803 4.27 7.629 1.826 1.826 4.903 1.422 6.658 3.299 37.355 39.945 58.596 91.224 60.427 145.884.086 2.568-4.588 5.144-4.588 7.727s4.674 5.158 4.588 7.727c-1.917 57.228-25.11 110.75-65.799 151.439-40.689 40.688-94.211 63.882-151.439 65.799-2.57.086-5.081-1.4-7.664-1.4z"
    />
    <path
        fill="#3d6d90"
        d="M256 263.726a7.725 7.725 0 0 1-7.726-7.726V100.443a7.726 7.726 0 1 1 15.452 0V256a7.725 7.725 0 0 1-7.726 7.726z"
    />
    <path
        fill="#3d6d90"
        d="M161.532 322.247a7.727 7.727 0 0 1 1.889-10.762l88.142-61.811a7.727 7.727 0 0 1 8.874 12.652l-88.142 61.811c-3.456 2.426-8.289 1.638-10.763-1.89z"
    />
    <g fill="#3d6d90">
        <path
            d="M256 30.905c-2.583 0-5.157.059-7.726.145v26.778a7.726 7.726 0 1 0 15.452 0V31.051a230.79 230.79 0 0 0-7.726-.146zM256 446.445a7.725 7.725 0 0 0-7.726 7.726v26.778c2.569.086 5.143.145 7.726.145s5.157-.059 7.726-.145v-26.778a7.725 7.725 0 0 0-7.726-7.726zM91.473 102.4l18.935 18.935a7.727 7.727 0 1 0 10.928-10.927L102.4 91.473a228.278 228.278 0 0 0-5.566 5.361 231.968 231.968 0 0 0-5.361 5.566zM415.166 96.834a231.968 231.968 0 0 0-5.566-5.361l-18.936 18.935a7.727 7.727 0 0 0 10.928 10.927l18.935-18.935a231.968 231.968 0 0 0-5.361-5.566zM110.408 390.665 91.473 409.6a228.278 228.278 0 0 0 5.361 5.566 231.968 231.968 0 0 0 5.566 5.361l18.936-18.935a7.727 7.727 0 0 0-10.928-10.927zM480.949 248.274h-26.778a7.726 7.726 0 1 0 0 15.452h26.778c.086-2.569.145-5.143.145-7.726s-.059-5.157-.145-7.726zM31.051 263.726h26.778a7.726 7.726 0 1 0 0-15.452H31.051c-.086 2.569-.145 5.143-.145 7.726s.059 5.157.145 7.726z"
        />
    </g>
    <circle cx="256" cy="256" r="21.614" fill="#b3dafe" />
    <path
        fill="#8ac9fe"
        d="M256 234.386a21.483 21.483 0 0 0-10.807 2.915C251.647 241.04 256 248.004 256 256s-4.353 14.96-10.807 18.699A21.486 21.486 0 0 0 256 277.614c11.937 0 21.614-9.677 21.614-21.614s-9.677-21.614-21.614-21.614z"
    />
    <circle cx="401.184" cy="401.184" r="110.816" fill="#dd636e" />
    <path
        fill="#da4a54"
        d="M401.184 290.369c-5.245 0-10.402.373-15.453 1.078 53.886 7.52 95.363 53.781 95.363 109.738s-41.477 102.218-95.363 109.738a111.718 111.718 0 0 0 15.453 1.078C462.386 512 512 462.386 512 401.184s-49.614-110.815-110.816-110.815z"
    />
    <path
        fill="#fff"
        d="M374.704 463.524a7.726 7.726 0 0 1-4.135-10.114l47.363-112.855c1.652-3.936 6.18-5.785 10.115-4.134s5.786 6.18 4.135 10.114L384.819 459.39c-1.668 3.982-6.271 5.747-10.115 4.134zM365.015 394.649c-15.8 0-28.654-14.375-28.654-32.045s12.854-32.045 28.654-32.045 28.654 14.375 28.654 32.045-12.854 32.045-28.654 32.045zm0-48.637c-7.279 0-13.201 7.443-13.201 16.593 0 9.149 5.923 16.592 13.201 16.592 7.279 0 13.201-7.443 13.201-16.592 0-9.15-5.922-16.593-13.201-16.593zM437.354 471.81c-15.8 0-28.654-14.375-28.654-32.045s12.854-32.045 28.654-32.045 28.654 14.375 28.654 32.045-12.854 32.045-28.654 32.045zm0-48.637c-7.279 0-13.201 7.443-13.201 16.593 0 9.149 5.923 16.592 13.201 16.592 7.279 0 13.201-7.443 13.201-16.592 0-9.15-5.922-16.593-13.201-16.593z"
    />
</svg>