Add icons to this collection by clicking the heart icon.
Loading icon - also known as interface, web, circle, waiting, loading, progress, download, load, and ui. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#7546d7" />
<stop offset=".371" stop-color="#ab93fc" />
<stop offset=".802" stop-color="#3bcaff" />
<stop offset="1" stop-color="#00bdea" />
</linearGradient>
<linearGradient
id="b"
x1="389.498"
x2="-108.502"
y1="621.873"
y2="119.873"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="369.168"
x2="-128.833"
y1="642.042"
y2="140.042"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="401.493"
x2="-96.507"
y1="609.974"
y2="107.974"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="479.018"
x2="-18.982"
y1="533.067"
y2="31.067"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="580.523"
x2="82.523"
y1="432.371"
y2="-69.629"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="646.453"
x2="148.453"
y1="366.966"
y2="-135.034"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="668.73"
x2="170.73"
y1="344.867"
y2="-157.133"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="633.9"
x2="135.9"
y1="379.419"
y2="-122.581"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="554.964"
x2="56.964"
y1="457.726"
y2="-44.274"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M111.946 242.015c-1.41 24.993 3.073 50.298 13.422 73.633l-92.229 47.08C12.842 326.185 1.338 284.268 0 242.015z"
opacity=".05"
/>
<path
fill="url(#c)"
d="M137.556 338.167c13.992 21.646 33.4 40.236 56.235 53.447l-42.004 82.25c-37.078-17.337-70.16-43.659-95.697-76.418z"
opacity=".18"
/>
<path
fill="url(#d)"
d="M217.636 403.017a169.274 169.274 0 0 0 38.833 9.813 174.711 174.711 0 0 0 40.68.518l12.584 80.179a257.998 257.998 0 0 1-59.886 4.404 256.914 256.914 0 0 1-59.884-9.741z"
opacity=".3"
/>
<path
fill="url(#e)"
d="M324.02 408.358c26.509-7.108 51.645-20.776 72.545-39.719l49.463 49.485c-26.622 28.632-60.34 51.163-97.82 64.77z"
opacity=".6"
/>
<path
fill="url(#f)"
d="M415.978 348.087c17.845-22.096 30.522-48.667 36.393-77.095l58.057 9.138c-4.528 38.018-18.366 75.262-40.151 107.493z"
opacity=".6"
/>
<path
fill="url(#g)"
d="M456.027 242.068c1.429-29.305-4.1-59.105-16.457-86.363l42.381-21.619c18.272 32.631 28.706 70.054 30.049 107.997z"
opacity=".7"
/>
<path
fill="url(#h)"
d="M425.091 129.44c-16.561-25.192-39.355-46.697-66.118-61.923l16.556-32.397c33.143 15.34 62.825 38.763 85.777 67.983z"
opacity=".8"
/>
<path
fill="url(#i)"
d="M331.05 54.415c-28.986-10.929-61.011-14.904-92.497-11.389l-3.898-24.884c34.947-6.887 71.811-5.582 106.782 4.336z"
opacity=".9"
/>
<path
fill="url(#j)"
d="M207.381 49.035c-30.735 8.467-59.715 24.498-83.705 46.522l-9.89-9.9c23.546-25.54 53.43-45.69 86.689-57.919z"
/>
</svg>
More icons in the same style and category