Rotate

<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="258"
        y2="258"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#80d8ff" />
        <stop offset="1" stop-color="#ea80fc" />
    </linearGradient>
    <path
        d="M512 256c0 132.622-107.327 239.968-239.968 239.968-11.046 0-20-8.954-20-20s8.954-20 20-20C382.295 455.968 472 366.263 472 256S382.295 56.032 272.032 56.032c-96.048 0-176.487 68.071-195.633 158.501h14.438a20.002 20.002 0 0 1 16.642 31.094L72.06 298.754a19.998 19.998 0 0 1-33.282 0L3.36 245.627a20 20 0 0 1 16.641-31.094h15.612c19.31-111.487 116.72-198.501 236.421-198.501C404.655 16.032 512 123.359 512 256zm-239.968 94.566c-52.144 0-94.565-42.422-94.565-94.565s42.422-94.565 94.565-94.565 94.565 42.422 94.565 94.565-42.421 94.565-94.565 94.565zm0-40c30.088 0 54.565-24.478 54.565-54.565s-24.478-54.565-54.565-54.565-54.565 24.477-54.565 54.564 24.478 54.566 54.565 54.566z"
        fill="url(#a)"
    />
</svg>