Timer

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 510.66 510.66"
>
    <path
        d="m372.752 119.031 23.768-41.156-25.98-15-23.78 41.18.064.037c-21.967-10.65-46.071-17.576-71.494-19.978V54.5h25v-47h-90v47h25v29.613c-106.597 10.073-190 99.814-190 209.046 0 115.98 94.02 210 210 210s210-94.02 210-210c0-72.483-36.723-136.389-92.578-174.128z"
        fill="#fff"
    />
    <linearGradient
        id="a"
        x1="255.33"
        x2="255.33"
        y1="113.16"
        y2="473.16"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#a8abff" />
        <stop offset="1" stop-color="#fac8ff" />
    </linearGradient>
    <circle cx="255.33" cy="293.16" r="180" fill="url(#a)" />
    <path
        d="m360.485 230.431-42.427-42.426-62.728 62.728-62.729-62.728-42.426 42.426 62.728 62.729-62.728 62.728 42.426 42.427 62.729-62.729 62.728 62.729 42.427-42.427-62.729-62.728z"
        fill="#fff"
    />
    <linearGradient
        id="b"
        x1="255.33"
        x2="255.33"
        y1="0"
        y2="510.66"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#174fa3" />
        <stop offset="1" stop-color="#b044af" />
    </linearGradient>
    <path
        d="M465.33 293.16c0 115.98-94.02 210-210 210s-210-94.02-210-210 94.02-210 210-210 210 94.02 210 210zm-30 0c0-99.252-80.748-180-180-180s-180 80.748-180 180 80.748 180 180 180 180-80.748 180-180zM300.33 7.5h-90v47h90v-47zm-25 47v30m-40 0v-30m137.42 64.535 23.77-41.16-25.98-15-23.78 41.18m13.725 126.376-42.426-42.426-62.729 62.729-62.729-62.729-42.426 42.426 62.729 62.729-62.729 62.729 42.426 42.426 62.729-62.729 62.729 62.729 42.426-42.426-62.729-62.729 62.729-62.729z"
        fill="none"
        stroke="url(#b)"
        stroke-width="15"
        stroke-miterlimit="10"
    />
</svg>