Clockwise

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="16"
        x2="16"
        y1="1"
        y2="31"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00bcd4" />
        <stop offset="1" stop-color="#1976d2" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M16 1C7.715 1 1 7.716 1 16s6.715 15 15 15 15-6.716 15-15S24.285 1 16 1zm.713 24.975c-.235.017-.473.025-.713.025-5.514 0-10-4.486-10-10S10.486 6 16 6c3.166 0 6.13 1.529 8 4.012V8.667a.666.666 0 1 1 1.333 0V12a.666.666 0 0 1-.666.667h-3.334a.666.666 0 1 1 0-1.334h1.964c-1.581-2.458-4.337-4-7.297-4-4.779 0-8.667 3.888-8.667 8.667s3.888 8.667 8.667 8.667c.208 0 .415-.007.619-.022.361-.018.687.25.712.618s-.25.686-.618.712zm-.046-16.642V16c0 .177-.07.346-.196.471l-4 4a.663.663 0 0 1-.942 0 .665.665 0 0 1 0-.942l3.804-3.805v-6.39a.667.667 0 1 1 1.334 0zm4.74 15.08c-.4.258-.822.488-1.254.685a.667.667 0 1 1-.553-1.213c.373-.17.738-.37 1.084-.593a.667.667 0 0 1 .722 1.121zm3.37-3.62a10.11 10.11 0 0 1-.772 1.2.665.665 0 1 1-1.067-.799c.248-.33.473-.68.67-1.04a.666.666 0 1 1 1.17.64zm1.122-3.37a.666.666 0 1 1-1.32-.189c.059-.405.088-.82.088-1.234A.666.666 0 1 1 26 16c0 .476-.034.955-.1 1.422z"
    />
</svg>