Circular Arrow

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256"
        x2="256"
        y1="512"
        y2="0"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#addcff" />
        <stop offset=".503" stop-color="#eaf6ff" />
        <stop offset="1" stop-color="#eaf6ff" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="256"
        x2="256"
        y1="362.593"
        y2="149.407"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00c0ff" />
        <stop offset="1" stop-color="#5558ff" />
    </linearGradient>
    <circle cx="256" cy="256" r="256" fill="url(#a)" />
    <path
        fill="url(#b)"
        d="M309.293 149.407c-53.876 0-97.707 43.831-97.707 97.707a8.878 8.878 0 0 0 8.883 8.883h35.53a8.877 8.877 0 0 0 8.882-8.883c0-24.487 19.925-44.412 44.412-44.412s44.412 19.925 44.412 44.412c0 24.488-19.925 44.412-44.412 44.412H176.056v-8.883c0-7.131-7.979-11.302-13.81-7.391l-53.295 35.53c-5.268 3.512-5.269 11.268 0 14.781l53.295 35.53c5.848 3.898 13.81-.251 13.81-7.39v-8.883h133.237c53.876 0 97.707-43.831 97.707-97.707 0-53.874-43.831-97.706-97.707-97.706z"
    />
</svg>