Timer

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 510.655 510.655"
>
    <path
        d="m372.75 119.031 23.768-41.156-25.98-15-23.782 41.184c-21.949-10.632-46.031-17.546-71.428-19.946V54.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-210c-.001-72.483-36.723-136.389-92.578-174.128z"
        fill="#fff"
    />
    <linearGradient
        id="a"
        x1="255.327"
        x2="255.327"
        y1="113.16"
        y2="473.16"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#96d1f3" />
        <stop offset="1" stop-color="#ccfff4" />
    </linearGradient>
    <circle cx="255.327" cy="293.16" r="180" fill="url(#a)" />
    <circle cx="255.327" cy="293.16" r="30" fill="#fff" />
    <path
        d="m138.813 430.242 22.94-22.94-80-14.142 14.142 80 21.589-21.589z"
        fill="#fff"
    />
    <linearGradient
        id="b"
        x1="255.327"
        x2="255.327"
        y1="0"
        y2="510.655"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#174fa3" />
        <stop offset="1" stop-color="#b044af" />
    </linearGradient>
    <path
        d="M300.327 54.5h-90v-47h90v47zm-25 0v30m-40 0v-30m137.42 64.535 23.77-41.16-25.98-15-23.78 41.18m-258.3 256.59c-8.47-20.85-13.13-43.63-13.13-67.48 0-99.26 80.75-180 180-180s180 80.74 180 180c0 99.25-80.75 180-180 180-44.404 0-85.098-16.172-116.515-42.922l22.94-22.94-80-14.142 14.142 80 21.589-21.589c36.88 32.128 85.085 51.583 137.844 51.583 115.98 0 210-94.02 210-210 0-115.97-94.02-210-210-210s-210 94.03-210 210c0 21.39 3.2 42.03 9.15 61.48m230.85-61.475c0-16.542-13.458-30-30-30s-30 13.458-30 30 13.458 30 30 30 30-13.458 30-30zm-51.2-21.195-78.8-78.8m121.2 121.2 28.8 28.8m-57.5-50.005h15m-7.5-153v15m0 276v15m-153-153h15m291 0h-15"
        fill="none"
        stroke="url(#b)"
        stroke-width="15"
        stroke-miterlimit="10"
    />
</svg>