Rotate

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 24 24"
>
    <linearGradient
        id="a"
        x1="-2.007"
        x2="23.032"
        y1="24.992"
        y2="1.767"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff33b" />
        <stop offset=".04" stop-color="#fee72e" />
        <stop offset=".117" stop-color="#fed51b" />
        <stop offset=".196" stop-color="#fdca10" />
        <stop offset=".281" stop-color="#fdc70c" />
        <stop offset=".669" stop-color="#f3903f" />
        <stop offset=".888" stop-color="#ed683c" />
        <stop offset="1" stop-color="#e93e3a" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M22 11.5a.5.5 0 0 0-.5.5A9.5 9.5 0 1 1 12 2.5a9.408 9.408 0 0 1 6.925 3H16a.5.5 0 0 0 0 1h4a.6.6 0 0 0 .061-.012.47.47 0 0 0 .092-.019.5.5 0 0 0 .1-.047.423.423 0 0 0 .047-.022c.009-.006.013-.016.021-.023a.476.476 0 0 0 .073-.082.563.563 0 0 0 .048-.072.383.383 0 0 0 .031-.09.461.461 0 0 0 .02-.1c0-.012.007-.022.007-.034V2a.5.5 0 0 0-1 0v2.659A10.4 10.4 0 0 0 12 1.5 10.5 10.5 0 1 0 22.5 12a.5.5 0 0 0-.5-.5z"
    />
</svg>