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="628.878"
x2="123.878"
y1="393.16"
y2="-110.84"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="676.052"
x2="171.052"
y1="345.892"
y2="-158.108"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="670.917"
x2="165.917"
y1="351.038"
y2="-152.962"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="615.08"
x2="110.08"
y1="406.985"
y2="-97.015"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="526.259"
x2="21.259"
y1="495.982"
y2="-8.018"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="432.605"
x2="-72.395"
y1="589.823"
y2="85.823"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="363.854"
x2="-141.146"
y1="658.71"
y2="154.71"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="341.285"
x2="-163.715"
y1="681.324"
y2="177.324"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="373.625"
x2="-131.375"
y1="648.92"
y2="144.92"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="449.218"
x2="-55.782"
y1="573.177"
y2="69.177"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M212.178 30.902c-6.394 0-12.074-4.565-13.258-11.08-1.33-7.332 3.532-14.351 10.862-15.683 27.287-4.961 55.862-5.469 83.314-1.487 7.373 1.069 12.484 7.911 11.415 15.284-1.067 7.373-7.891 12.499-15.284 11.415-24.579-3.568-50.194-3.113-74.624 1.329-.814.15-1.625.222-2.425.222z"
/>
<path
fill="url(#c)"
d="M415.576 86.661a13.436 13.436 0 0 1-8.852-3.316c-18.956-16.5-40.301-29.695-63.444-39.21-6.889-2.834-10.179-10.715-7.345-17.606 2.83-6.891 10.713-10.184 17.605-7.347 25.868 10.64 49.722 25.378 70.898 43.817 5.619 4.889 6.21 13.41 1.317 19.029a13.462 13.462 0 0 1-10.179 4.633z"
opacity=".88"
/>
<path
fill="url(#d)"
d="M489.47 201.994c-5.845 0-11.229-3.828-12.945-9.722-7.002-24.035-17.864-46.658-32.285-67.242-4.274-6.101-2.793-14.509 3.308-18.784 6.101-4.276 14.511-2.796 18.788 3.304 16.118 23.007 28.259 48.299 36.09 75.179 2.083 7.151-2.025 14.637-9.178 16.722a13.544 13.544 0 0 1-3.778.543z"
opacity=".82"
/>
<path
fill="url(#e)"
d="M489.274 338.958a13.59 13.59 0 0 1-3.818-.553c-7.145-2.108-11.233-9.605-9.127-16.752 6.193-21.016 9.332-42.895 9.332-65.025 0-3.022-.058-6.037-.173-9.037-.282-7.445 5.523-13.707 12.968-13.99 7.349-.44 13.707 5.521 13.991 12.966.126 3.338.192 6.692.192 10.06 0 24.712-3.51 49.157-10.431 72.65-1.732 5.876-7.106 9.681-12.934 9.681z"
opacity=".76"
/>
<path
fill="url(#f)"
d="M415.043 454.043a13.454 13.454 0 0 1-10.205-4.663c-4.876-5.634-4.26-14.151 1.374-19.025 18.991-16.436 35.072-35.713 47.795-57.302 3.779-6.421 12.049-8.547 18.47-4.772 6.417 3.782 8.553 12.055 4.77 18.472a257.103 257.103 0 0 1-53.384 64.001 13.424 13.424 0 0 1-8.82 3.289z"
opacity=".58"
/>
<path
fill="url(#g)"
d="M290.389 510.852c-6.611 0-12.384-4.863-13.338-11.6-1.044-7.373 4.087-14.2 11.464-15.247a227.536 227.536 0 0 0 71.145-22.383c6.647-3.368 14.759-.708 18.13 5.935 3.367 6.643.711 14.761-5.935 18.13a254.641 254.641 0 0 1-79.556 25.032c-.644.092-1.282.133-1.91.133z"
opacity=".52"
/>
<path
fill="url(#h)"
d="M231.088 512c-.457 0-.918-.023-1.383-.068-27.926-2.845-54.998-10.2-80.465-21.867-6.773-3.101-9.748-11.107-6.647-17.881 3.105-6.775 11.11-9.748 17.881-6.643a227.815 227.815 0 0 0 71.963 19.548c7.411.757 12.808 7.377 12.053 14.787-.707 6.949-6.567 12.124-13.402 12.124z"
opacity=".46"
/>
<path
fill="url(#i)"
d="M104.326 460.178c-2.951 0-5.924-.963-8.41-2.951a257.251 257.251 0 0 1-55.858-61.863c-4.033-6.263-2.224-14.611 4.04-18.645 6.267-4.027 14.612-2.221 18.643 4.042a230.39 230.39 0 0 0 50.013 55.39c5.821 4.648 6.769 13.139 2.119 18.958a13.46 13.46 0 0 1-10.547 5.069z"
opacity=".4"
/>
<path
fill="url(#j)"
d="M25.615 348.077c-5.625 0-10.873-3.545-12.776-9.172C3.897 312.469-.639 284.787-.639 256.628v-.757c0-7.448 6.039-13.489 13.489-13.489s13.489 6.041 13.489 13.489v.757c0 25.213 4.055 49.989 12.055 73.636 2.388 7.057-1.398 14.712-8.455 17.098-1.432.486-2.89.715-4.324.715z"
opacity=".3"
/>
<path
fill="url(#k)"
d="M20.227 210.474c-1.091 0-2.202-.135-3.308-.414-7.224-1.822-11.603-9.153-9.78-16.379 6.848-27.147 18.062-52.864 33.331-76.433 4.053-6.251 12.401-8.032 18.656-3.986 6.251 4.05 8.035 12.405 3.986 18.656-13.66 21.084-23.69 44.084-29.816 68.363-1.541 6.117-7.036 10.193-13.069 10.193z"
opacity=".18"
/>
</svg>
More icons in the same style and category