Timer

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <path
        d="M101.974 417.643v74.594c0 10.915 8.848 19.763 19.763 19.763h268.525c10.915 0 19.763-8.848 19.763-19.763V382.386H102.06s.918 34.252-.086 35.257z"
        fill="#dcdcdc"
    />
    <path
        d="M101.974 417.643v39.144c43.367 27.926 96.55 44.38 154.026 44.38s110.658-16.453 154.026-44.38v-74.401H102.06s.918 34.252-.086 35.257z"
        opacity=".1"
        fill="#272727"
    />
    <path
        d="M138.014 31.431C172.752 11.436 213.041 0 256 0c130.816 0 236.864 106.047 236.864 236.864S386.816 473.727 256 473.727 19.136 367.679 19.136 236.864c0-74.328 34.236-140.66 87.799-184.086"
        fill="#969696"
    />
    <path
        d="M256.596 62.13c-96.503-.33-175.001 77.634-175.33 174.137S158.9 411.268 255.404 411.598c96.503.329 175.001-77.635 175.331-174.138.328-96.503-77.636-175.001-174.139-175.33zm-2.245 278.422c-56.525-.193-103.532-47.522-103.339-104.047s47.522-103.532 104.047-103.339c56.525.193 103.532 47.522 103.339 104.047s-47.522 103.532-104.047 103.339z"
        fill="#fffbe2"
    />
    <path
        d="M256 87.378a7.82 7.82 0 0 0-7.82 7.82v141.665a7.82 7.82 0 0 0 7.82 7.82 7.82 7.82 0 0 0 7.82-7.82V95.198a7.82 7.82 0 0 0-7.82-7.82z"
        fill="#42c8c6"
    />
    <path
        d="m305.167 146.598 12.307-24.263a7.821 7.821 0 0 0-13.949-7.077l-12.502 24.647a104.167 104.167 0 0 1 14.144 6.693zM360.083 147.063a7.821 7.821 0 0 0-10.998-1.164l-21.708 17.553a106.564 106.564 0 0 1 10.285 11.797l21.258-17.189a7.819 7.819 0 0 0 1.163-10.997zM351.286 199.592a102.166 102.166 0 0 1 4.614 14.958l26.223-6.935a7.821 7.821 0 0 0 5.562-9.56c-1.105-4.176-5.389-6.661-9.56-5.561l-26.839 7.098zM384.309 262.43a7.821 7.821 0 0 0 1.259-15.538l-27.321-4.489a101.105 101.105 0 0 1-2.061 15.511l26.848 4.411c.428.07.855.105 1.275.105zM370.107 299.574l-23.384-15.462a105.117 105.117 0 0 1-8.27 13.282l23.026 15.226a7.814 7.814 0 0 0 10.836-2.21 7.817 7.817 0 0 0-2.208-10.836zM327.854 353.334a7.821 7.821 0 0 0 6.597-12.01l-15.129-23.855a105.87 105.87 0 0 1-12.873 8.906l14.793 23.327a7.817 7.817 0 0 0 6.612 3.632zM277.086 373.779a7.821 7.821 0 0 0 7.75-8.941l-4.013-27.724a101.163 101.163 0 0 1-15.389 2.862l3.923 27.102a7.82 7.82 0 0 0 7.729 6.701zM220.28 371.377a7.824 7.824 0 0 0 9.665-5.378l7.668-26.907a101.463 101.463 0 0 1-15.173-3.827l-7.537 26.448a7.82 7.82 0 0 0 5.377 9.664zM168.361 345.56a7.79 7.79 0 0 0 5.028 1.834 7.802 7.802 0 0 0 5.99-2.788l18.179-21.626a106.352 106.352 0 0 1-12.312-9.66l-17.839 21.222a7.82 7.82 0 0 0 .954 11.018zM138.589 305.184a7.779 7.779 0 0 0 3.398-.782l25.365-12.264a104.72 104.72 0 0 1-7.442-13.774l-24.732 11.958a7.82 7.82 0 0 0 3.411 14.862zM124.082 252.424l.231-.003 27.786-.805a101.064 101.064 0 0 1-1.088-15.111c0-.169.007-.337.008-.506l-27.161.787a7.82 7.82 0 0 0 .224 15.638zM125.212 187.541a7.819 7.819 0 0 0 4.235 10.216l25.656 10.618a102.871 102.871 0 0 1 5.54-14.633l-25.215-10.436a7.819 7.819 0 0 0-10.216 4.235zM156.805 138.919a7.822 7.822 0 0 0-.315 11.056l19.205 20.329a106.567 106.567 0 0 1 10.966-11.167l-18.801-19.902a7.822 7.822 0 0 0-11.055-.316zM205.523 107.477a7.82 7.82 0 0 0-4.809 9.959l9.137 26.2a102.91 102.91 0 0 1 14.536-5.817l-8.906-25.534a7.818 7.818 0 0 0-9.958-4.808z"
        fill="#4d4d4d"
    />
</svg>