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="627.89"
x2="124.378"
y1="385.385"
y2="-118.127"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="668.926"
x2="165.414"
y1="344.349"
y2="-159.163"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="673.383"
x2="169.87"
y1="339.893"
y2="-163.619"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="640.496"
x2="136.983"
y1="372.78"
y2="-130.732"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="576.96"
x2="73.448"
y1="436.316"
y2="-67.196"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="495.143"
x2="-8.37"
y1="518.133"
y2="14.621"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="417.054"
x2="-86.458"
y1="596.221"
y2="92.709"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="360.345"
x2="-143.167"
y1="652.931"
y2="149.419"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="336.626"
x2="-166.886"
y1="676.65"
y2="173.138"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="351.477"
x2="-152.035"
y1="661.799"
y2="158.286"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="401.293"
x2="-102.219"
y1="611.982"
y2="108.47"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="475.127"
x2="-28.385"
y1="538.149"
y2="34.637"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M293.707 30.051c-24.311-4.056-49.057-4.135-73.554-.24l-4.231-26.615c27.371-4.353 55.033-4.258 82.218.276z"
/>
<path
fill="url(#c)"
d="M394.484 73.511a229.95 229.95 0 0 0-65.013-34.47l8.652-25.522c26.132 8.862 50.564 21.815 72.621 38.501z"
opacity=".88"
/>
<path
fill="url(#d)"
d="M463.641 158.739c-10.489-22.35-24.483-42.761-41.592-60.669l19.484-18.614c19.127 20.017 34.773 42.843 46.505 67.838z"
opacity=".82"
/>
<path
fill="url(#e)"
d="m512.171 267.535-26.925-1.153c.791-18.475-.687-37.128-4.389-55.438a233.614 233.614 0 0 0-4.287-17.644l25.917-7.38a261.265 261.265 0 0 1 4.783 19.684c4.134 20.443 5.782 41.278 4.901 61.931z"
opacity=".76"
/>
<path
fill="url(#f)"
d="m477.645 385.218-23.294-13.548c12.457-21.421 21.32-44.531 26.341-68.682l26.385 5.482c-5.611 26.998-15.514 52.819-29.432 76.748z"
opacity=".7"
/>
<path
fill="url(#g)"
d="m392.472 473.494-14.347-22.813c20.887-13.137 39.448-29.513 55.17-48.682l20.835 17.09c-17.566 21.418-38.312 39.719-61.658 54.405z"
opacity=".58"
/>
<path
fill="url(#h)"
d="M306.803 507.676A260.559 260.559 0 0 1 276.009 512l-2.133-26.863c24.332-1.928 48.937-7.889 71.513-17.405l10.467 24.832a258.368 258.368 0 0 1-49.053 15.112z"
opacity=".52"
/>
<path
fill="url(#i)"
d="M234.763 511.94c-27.5-2.272-54.346-8.968-79.788-19.899l10.64-24.758c22.763 9.781 46.774 15.769 71.367 17.805z"
opacity=".46"
/>
<path
fill="url(#j)"
d="M118.525 472.784c-23.355-14.847-44.033-33.219-61.456-54.609l20.895-17.02c15.593 19.147 34.103 35.592 55.017 48.884z"
opacity=".4"
/>
<path
fill="url(#k)"
d="M33.676 384.173c-13.705-23.859-23.444-49.756-28.945-76.962l-.147-.726 26.414-5.341.147.726c4.926 24.361 13.638 47.535 25.899 68.878z"
opacity=".3"
/>
<path
fill="url(#l)"
d="m26.7 264.513-26.929.988a254.358 254.358 0 0 1 10.29-81.588l25.843 7.639a227.454 227.454 0 0 0-9.204 72.961z"
opacity=".24"
/>
<path
fill="url(#m)"
d="M49.172 157.122 24.886 145.44a257.174 257.174 0 0 1 46.991-67.441l19.369 18.737a230.236 230.236 0 0 0-42.074 60.386z"
opacity=".18"
/>
</svg>
More icons in the same style and category