Timer

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="0"
        x2="512"
        y1="-13466"
        y2="-13466"
        gradientTransform="matrix(1 0 0 -1 0 -13210)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#31d8ff" />
        <stop offset="1" stop-color="#ff80ff" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
    />
    <g fill="#fff">
        <path
            d="M256 456c-94.719 0-171.777-77.059-171.777-171.777C84.223 189.5 161.28 112.44 256 112.44S427.777 189.5 427.777 284.223C427.777 378.94 350.72 456 256 456zm0-313.559c-78.18 0-141.777 63.602-141.777 141.782C114.223 362.398 177.82 426 256 426s141.777-63.602 141.777-141.777c0-78.18-63.597-141.782-141.777-141.782zM303.035 86h-94.07c-8.281 0-15-6.715-15-15s6.719-15 15-15h94.07c8.281 0 15 6.715 15 15s-6.719 15-15 15zm0 0"
        />
        <path
            d="M256 299.223c-8.285 0-15-6.72-15-15v-78.391c0-8.285 6.715-15 15-15s15 6.715 15 15v78.39c0 8.282-6.715 15-15 15zm0 0"
        />
    </g>
</svg>