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="#96d1f3" />
        <stop offset="1" stop-color="#ccfff4" />
    </linearGradient>
    <circle cx="255.33" cy="293.16" r="180" fill="url(#a)" />
    <path
        d="M381.466 229.466 339.04 187.04 213.582 312.497l-38.933-38.934-42.426 42.427 81.359 81.359z"
        fill="#eee"
    />
    <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.18m34.706 125.411L339.04 187.04 213.582 312.497l-38.933-38.933-42.426 42.426 81.36 81.36 167.883-167.884z"
        fill="none"
        stroke="url(#b)"
        stroke-width="15"
        stroke-miterlimit="10"
    />
</svg>