Rotate

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1=".15"
        x2="27.29"
        y1="25.86"
        y2="2.99"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#2686f0" />
        <stop offset="1" stop-color="#04168d" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="3.59"
        x2="30.73"
        y1="29.94"
        y2="7.08"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M8.86 16.5a.5.5 0 0 0 0-1H6.53A9.49 9.49 0 0 1 25.28 14a.51.51 0 0 0 .6.39.5.5 0 0 0 .38-.6A10.5 10.5 0 0 0 5.5 16a.5.5 0 0 0 .5.5z"
        />
        <path
            fill="url(#b)"
            d="M26 15.5h-2.86a.5.5 0 0 0 0 1h2.33A9.49 9.49 0 0 1 6.72 18a.5.5 0 1 0-1 .21A10.5 10.5 0 0 0 26.5 16a.5.5 0 0 0-.5-.5z"
        />
    </g>
</svg>