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="401.843"
x2="-106.157"
y1="617.016"
y2="107.016"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="376.148"
x2="-131.852"
y1="642.611"
y2="132.611"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="461.724"
x2="-46.276"
y1="557.37"
y2="47.37"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="591.764"
x2="83.764"
y1="427.84"
y2="-82.16"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="668.055"
x2="160.055"
y1="351.849"
y2="-158.151"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="634.934"
x2="126.934"
y1="384.84"
y2="-125.16"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M112.135 245.486c-.968 17.342.856 34.806 5.543 51.689l.308 1.109c7.853 28.279-8.705 57.574-36.986 65.427-26.669 7.405-54.315-7.112-63.957-32.481C6.769 303.943 1.029 274.772.072 245.486l-.041-1.3c-1.013-30.972 23.277-56.9 54.249-57.913 30.974-1.011 56.902 23.277 57.914 54.251a59.788 59.788 0 0 1-.059 4.962z"
opacity=".05"
/>
<path
fill="url(#c)"
d="M166.734 375.466a167.336 167.336 0 0 0 46.113 29.135l.751.317c22.967 9.697 33.726 36.175 24.031 59.142-9.156 21.688-33.458 32.428-55.456 25.401-26.913-8.69-52.493-21.894-75.375-38.935l-.769-.574c-21.304-15.863-25.713-45.992-9.849-67.294 15.863-21.304 45.992-25.713 67.295-9.849a51.97 51.97 0 0 1 3.259 2.657z"
opacity=".18"
/>
<path
fill="url(#d)"
d="M309.164 415.378c18.672-3.247 36.948-9.627 53.874-18.911l.466-.255c17.982-9.861 40.555-3.28 50.415 14.703 9.32 16.994 3.822 38.173-11.975 48.762-22.776 15.17-48.237 26.676-75.039 33.755l-.645.171c-21.398 5.653-43.325-7.113-48.978-28.51-5.651-21.398 7.113-43.327 28.512-48.978a41.877 41.877 0 0 1 3.37-.737z"
opacity=".3"
/>
<path
fill="url(#e)"
d="M434.583 324.552c9.486-17.419 16.135-36.524 19.533-56.403l.053-.315c2.709-15.857 17.76-26.515 33.615-23.806 14.996 2.562 25.331 16.281 24.119 31.161-2.23 26.396-8.863 52.627-19.646 77.188l-.172.391c-7.117 16.21-26.026 23.582-42.236 16.465-16.212-7.117-23.582-26.028-16.465-42.238.36-.818.781-1.67 1.199-2.443z"
opacity=".6"
/>
<path
fill="url(#f)"
d="M441.806 162.97c-8.108-19.059-19.45-36.935-33.479-52.636l-.109-.123c-7.772-8.695-7.021-22.046 1.676-29.816 8.229-7.355 20.689-7.017 28.583.405a237.243 237.243 0 0 1 46.59 61.308l.111.211c6.206 11.736 1.726 26.283-10.01 32.491s-26.283 1.726-32.491-10.01a26.747 26.747 0 0 1-.871-1.83z"
opacity=".7"
/>
<path
fill="url(#g)"
d="M314.515 52.184c-20.798-5.726-42.753-8.045-64.639-6.817l-.076.005c-7.228.405-13.416-5.125-13.822-12.353-.383-6.843 4.605-12.761 11.265-13.716 24.502-3.441 49.699-2.953 74.372 1.661l.099.018c8.7 1.627 14.434 9.997 12.807 18.697s-9.999 14.434-18.699 12.807c-.432-.08-.889-.187-1.307-.302z"
opacity=".9"
/>
</svg>
More icons in the same style and category