Circle Loading

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="85.762"
        x2="423.563"
        y1="105.892"
        y2="443.693"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#55d6ff" />
        <stop offset="1" stop-color="#ce55ff" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M265.875 512c-11.575 0-21.614-9.733-21.92-21.253a22.109 22.109 0 0 1 21.1-22.88 196.016 196.016 0 0 0 61.577-13 22.026 22.026 0 0 1 15.947 41.065 237.778 237.778 0 0 1-75.591 16.034c-.244.02-.68.034-1.113.034zm-92.194-16.129a21 21 0 0 1-8.2-1.643c-52.822-20.64-96.539-61.52-123.1-115.118S9.773 265.959 25.328 211.4c12.319-49.49 42.623-94.711 85.339-127.34 42.254-32.277 93.6-50.053 144.577-50.053a218.891 218.891 0 0 1 28.4 1.849l11.456 1.508-11.515 42.958-8.661-.975a177.439 177.439 0 0 0-19.732-1.1c-86.228 0-166.683 62.077-187.145 144.4l-.071.269c-26.474 92.314 24.67 195.7 113.985 230.551a22.039 22.039 0 0 1 12.177 28.75 22.068 22.068 0 0 1-20.457 13.654zm237.692-49.031a22.6 22.6 0 0 1-20.261-13.352c-3.585-8.044-2.037-16.95 4.142-23.825l.23-.246A197.059 197.059 0 0 0 421 377.188a21.852 21.852 0 0 1 18.668-10.323h.139a22.057 22.057 0 0 1 18.429 33.8 234.347 234.347 0 0 1-31.121 39.481l-.2.2a22.316 22.316 0 0 1-15.542 6.494zm59.6-121a21.892 21.892 0 0 1-22.011-24.795l.037-.3a192.075 192.075 0 0 0 1.966-28.305 22.1 22.1 0 0 1 22.009-22.149h.225a22.135 22.135 0 0 1 21.921 22.128 241.934 241.934 0 0 1-2.442 34.572l-.051.31c-2.377 12.835-12.585 18.539-21.655 18.539zm-16.328-117.315c-8.541 0-15.953-4.842-19.827-12.953l-.1-.228c-2.23-5.1-4.529-9.822-7.064-14.527a22.022 22.022 0 1 1 38.8-20.841 240.885 240.885 0 0 1 8.639 17.715l.163.393c2.83 7.292 2.1 14.647-2.047 20.711a22.754 22.754 0 0 1-18.564 9.73zM314.866 0l47.6 82.447-82.447 47.6z"
    />
</svg>