Loading

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="-16.44"
        x2="36.27"
        y1="62.6"
        y2="13.31"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#7ec793" />
        <stop offset=".12" stop-color="#8daf95" />
        <stop offset=".38" stop-color="#b4729a" />
        <stop offset=".51" stop-color="#c9519d" />
        <stop offset=".82" stop-color="#6852a1" />
        <stop offset="1" stop-color="#2e53a4" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="-9.45"
        x2="43.27"
        y1="70.08"
        y2="20.79"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-2.26"
        x2="50.46"
        y1="77.77"
        y2="28.48"
        href="#a"
    />
    <linearGradient
        id="d"
        x1=".92"
        x2="53.63"
        y1="81.16"
        y2="31.88"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="-1.78"
        x2="50.93"
        y1="78.28"
        y2="28.99"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="-8.77"
        x2="43.94"
        y1="70.8"
        y2="21.51"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="-15.96"
        x2="36.75"
        y1="63.11"
        y2="13.82"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="-19.14"
        x2="33.58"
        y1="59.71"
        y2="10.43"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="-8.35"
        x2="44.37"
        y1="71.25"
        y2="21.97"
        href="#a"
    />
    <linearGradient
        id="j"
        x1="-9.11"
        x2="43.6"
        y1="70.44"
        y2="21.15"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M32 20.87a.76.76 0 0 0 .75-.75V14.5a.75.75 0 0 0-1.5 0v5.62a.76.76 0 0 0 .75.75z"
        />
        <path
            fill="url(#b)"
            d="M40.4 24.35a.73.73 0 0 0 .53-.22l4-4a.75.75 0 1 0-1.06-1.06l-4 4a.75.75 0 0 0 0 1.06.74.74 0 0 0 .53.22z"
        />
        <path
            fill="url(#c)"
            d="M49.5 31.25h-5.62a.75.75 0 1 0 0 1.5h5.62a.75.75 0 0 0 0-1.5z"
        />
        <path
            fill="url(#d)"
            d="M40.93 39.87a.75.75 0 0 0-1.06 1.06l4 4a.74.74 0 0 0 .53.22.71.71 0 0 0 .53-.22.74.74 0 0 0 0-1.06z"
        />
        <path
            fill="url(#e)"
            d="M32 43.13a.76.76 0 0 0-.75.75v5.62a.75.75 0 0 0 1.5 0v-5.62a.76.76 0 0 0-.75-.75z"
        />
        <path
            fill="url(#f)"
            d="m23.07 39.87-4 4a.74.74 0 0 0 0 1.06.71.71 0 0 0 .53.22.74.74 0 0 0 .53-.22l4-4a.75.75 0 1 0-1.06-1.06z"
        />
        <path
            fill="url(#g)"
            d="M20.87 32a.76.76 0 0 0-.75-.75H14.5a.75.75 0 0 0 0 1.5h5.62a.76.76 0 0 0 .75-.75z"
        />
        <path
            fill="url(#h)"
            d="M20.16 19.1a.75.75 0 0 0-1.06 1.06l4 4a.73.73 0 0 0 .53.22.74.74 0 0 0 .53-.22.75.75 0 0 0 0-1.06z"
        />
        <path
            fill="url(#i)"
            d="M32 25.81a6.35 6.35 0 0 0-6.34 6.33.75.75 0 0 0 1.5 0 4.84 4.84 0 1 1 6.12 4.67l1-2.17a.71.71 0 0 0 .07-.32A.75.75 0 0 0 33 34l-1.68 3.4a.76.76 0 0 0 .35 1l3.42 1.65a.75.75 0 0 0 .65-1.35l-1.4-.7A6.33 6.33 0 0 0 32 25.81z"
        />
        <path
            fill="url(#j)"
            d="M32 3.25A28.75 28.75 0 1 0 60.75 32 28.79 28.79 0 0 0 32 3.25zm0 56A27.25 27.25 0 1 1 59.25 32 27.28 27.28 0 0 1 32 59.25z"
        />
    </g>
</svg>