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="626.782"
x2="121.782"
y1="399.3"
y2="-113.701"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="669.906"
x2="164.906"
y1="356.847"
y2="-156.153"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="655.213"
x2="150.213"
y1="371.312"
y2="-141.688"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="586.695"
x2="81.695"
y1="438.761"
y2="-74.239"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="482.408"
x2="-22.592"
y1="541.422"
y2="28.422"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="393.646"
x2="-111.355"
y1="628.8"
y2="115.8"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="350.4"
x2="-154.6"
y1="671.371"
y2="158.371"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="365.097"
x2="-139.904"
y1="656.904"
y2="143.904"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="433.779"
x2="-71.221"
y1="589.292"
y2="76.292"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M306.394 53.95c-21.26-5.294-43.239-7.172-65.327-5.581a210.766 210.766 0 0 0-31.865 4.762L198.519 6.518A258.88 258.88 0 0 1 237.631.672c27.131-1.954 54.153.36 80.32 6.878z"
/>
<path
fill="url(#c)"
d="M415.472 122.141c-21.075-25.055-48.095-45.053-78.139-57.828l18.714-44.006c36.928 15.701 70.133 40.271 96.023 71.055z"
opacity=".9"
/>
<path
fill="url(#d)"
d="m463.681 241.397-.026-.355c-2.383-33.082-12.2-64.145-29.181-92.329l40.963-24.676c20.902 34.694 32.986 72.905 35.915 113.569z"
opacity=".8"
/>
<path
fill="url(#e)"
d="m473.242 391.484-40.557-25.337c17.341-27.757 27.977-59.605 30.759-92.105l47.648 4.081c-3.426 40.008-16.514 79.211-37.85 113.361z"
opacity=".7"
/>
<path
fill="url(#f)"
d="m352.223 493.296-17.959-44.317c30.199-12.238 57.518-31.797 79.005-56.56l36.12 31.34c-26.408 30.437-60.008 54.482-97.166 69.537z"
opacity=".6"
/>
<path
fill="url(#g)"
d="M274.416 511.33c-27.006 1.942-53.901-.342-79.943-6.789l11.488-46.417c21.16 5.236 43.037 7.089 65.023 5.509a210.992 210.992 0 0 0 32.166-4.831l10.758 46.594a258.99 258.99 0 0 1-39.492 5.934z"
opacity=".5"
/>
<path
fill="url(#h)"
d="M156.357 491.839c-36.952-15.645-70.193-40.166-96.128-70.91l36.55-30.834c21.113 25.023 48.161 44.98 78.224 57.707z"
opacity=".4"
/>
<path
fill="url(#i)"
d="M36.812 388.299C15.786 353.509 3.635 315.188.696 274.391l-.049-.702 47.697-3.436.062.882c2.378 33.011 12.25 64.167 29.332 92.426z"
opacity=".3"
/>
<path
fill="url(#j)"
d="M48.631 237.645.992 233.492c3.484-40.002 16.632-79.184 38.02-113.302l40.518 25.397c-17.383 27.732-28.068 59.565-30.899 92.058z"
opacity=".2"
/>
</svg>
More icons in the same style and category