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="429.632"
x2="-75.368"
y1="591.012"
y2="82.012"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="379.689"
x2="-125.311"
y1="640.563"
y2="131.563"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="425.83"
x2="-79.17"
y1="594.784"
y2="85.784"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="491.602"
x2="-13.398"
y1="529.529"
y2="20.529"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="511.598"
x2="6.598"
y1="509.69"
y2=".69"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="645.55"
x2="140.55"
y1="376.791"
y2="-132.209"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="595.43"
x2="90.43"
y1="426.517"
y2="-82.483"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="589.736"
x2="84.736"
y1="432.166"
y2="-76.834"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="526.722"
x2="21.722"
y1="494.685"
y2="-14.315"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="m81.952 196.498-5.12-39.694C31.779 162.616 3.056 192.445 0 236.592l39.928 2.766c1.737-25.066 15.875-39.486 42.024-42.86z"
opacity=".18"
/>
<path
fill="url(#c)"
d="m42.107 264.133-38.852 9.621c9.94 40.142 38.909 70.677 75.599 79.688l9.546-38.87c-21.864-5.369-40.036-25.168-46.293-50.439z"
opacity=".3"
/>
<path
fill="url(#d)"
d="m112.512 315.333 4.257 39.796c32.27-3.452 64.399-15.878 95.496-36.937l-22.442-33.139c-25.613 17.343-51.625 27.532-77.311 30.28z"
opacity=".3"
/>
<path
fill="url(#e)"
d="M208.611 190.599c-30.575-18.665-61.91-29.637-95.798-33.533l-4.576 39.76c27.996 3.223 54.007 12.36 79.518 27.935z"
opacity=".05"
/>
<path
fill="url(#f)"
d="M276.072 209.544c-10.261 7.951-36.113 31.701-36.374 31.955l.043.044c-8.716 9.358-17.666 18.031-26.703 25.753l25.999 30.427c20.038-19.995 51.472-48.733 61.549-56.537z"
opacity=".46"
/>
<path
fill="url(#g)"
d="M472.087 238.943 512 235.949c-3.295-43.909-32.125-73.513-77.119-79.189l-5.009 39.712c26.144 3.295 40.348 17.585 42.215 42.471z"
opacity=".8"
/>
<path
fill="url(#h)"
d="m303.484 190.569 20.848 34.168c25.444-15.529 51.384-24.652 79.303-27.893l-4.618-39.76c-33.793 3.927-65.042 14.88-95.533 33.485z"
opacity=".5"
/>
<path
fill="url(#i)"
d="m424.249 314.425 10.012 38.75c36.43-9.411 65.055-40.118 74.702-80.136l-38.909-9.381c-6.081 25.223-24.061 45.148-45.805 50.767z"
/>
<path
fill="url(#j)"
d="M300.852 318.923c31.116 20.845 63.24 33.067 95.485 36.317l4.017-39.82c-25.641-2.589-51.623-12.595-77.223-29.751z"
/>
</svg>
More icons in the same style and category