Timer

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256"
        x2="256"
        y1="512"
        y2="0"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#009efd" />
        <stop offset="1" stop-color="#2af598" />
    </linearGradient>
    <path
        d="M452 296c0 110.457-85.543 196-196 196S60 406.457 60 296s85.543-196 196-196 196 85.543 196 196zm-127.719-1.719c15.625-15.625 15.625-40.938 0-56.562s-40.938-15.625-56.562 0L256 249.438l-11.719-11.719c-15.625-15.625-40.938-15.625-56.562 0s-15.625 40.938 0 56.562L256 362.562l68.281-68.281zM256 20c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zm136 276h60m-332 0H60m196-136v-60m0 332v60m225.943-371.925L390.018 42.94m45.963 38.568-51.423 61.284M30.057 120.075l91.925-77.135M76.019 81.508l51.423 61.284"
        fill="none"
        stroke="url(#a)"
        stroke-width="40"
        stroke-miterlimit="10"
    />
</svg>