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="378.387"
x2="-122.613"
y1="634.146"
y2="134.146"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="346.667"
x2="-154.333"
y1="665.929"
y2="165.929"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="367.886"
x2="-133.114"
y1="644.668"
y2="144.668"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="435.094"
x2="-65.906"
y1="577.326"
y2="77.326"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="526.66"
x2="25.66"
y1="485.576"
y2="-14.424"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="613.555"
x2="112.555"
y1="398.508"
y2="-101.492"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="668.074"
x2="167.074"
y1="343.879"
y2="-156.121"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="673.896"
x2="172.896"
y1="338.046"
y2="-161.954"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="627.627"
x2="126.627"
y1="384.407"
y2="-115.593"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="544.86"
x2="43.86"
y1="467.34"
y2="-32.66"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M48.967 250.319c-.428 23.247 2.912 46.551 9.989 68.772l.019.059c3.89 12.215-2.859 25.272-15.074 29.161-11.956 3.809-24.73-2.615-28.915-14.341C5.469 307.203.418 278.784.004 250.318l-.002-.096c-.196-13.521 10.606-24.641 24.127-24.838s24.642 10.606 24.839 24.128c.003.236.002.576-.001.807z"
opacity=".05"
/>
<path
fill="url(#c)"
d="M80.889 366.743c12.328 19.939 27.981 37.919 46.15 52.964l.04.031c8.928 7.393 10.173 20.621 2.781 29.55-7.236 8.739-20.095 10.093-29.008 3.213a260.527 260.527 0 0 1-57.386-61.659l-.043-.064c-6.808-10.236-4.029-24.055 6.208-30.863 10.236-6.806 24.053-4.027 30.861 6.209.117.178.284.439.397.619z"
opacity=".15"
/>
<path
fill="url(#d)"
d="M171.696 448.3c21.34 10.234 44.418 16.939 68.073 19.755l.039.006c10.288 1.225 17.635 10.558 16.411 20.845-1.199 10.072-10.2 17.322-20.228 16.476a255.854 255.854 0 0 1-80.958-20.652l-.063-.028c-10.128-4.454-14.728-16.274-10.275-26.403 4.453-10.128 16.274-14.727 26.402-10.275.175.078.427.195.599.276z"
opacity=".3"
/>
<path
fill="url(#e)"
d="M293.405 467.924a219.165 219.165 0 0 0 68.675-20.358l.026-.013c8.212-3.993 18.107-.574 22.101 7.639 3.909 8.038.688 17.704-7.152 21.853-24.469 12.915-51.16 21.798-78.627 26.131l-.052.009c-9.715 1.532-18.833-5.101-20.365-14.815-1.533-9.716 5.101-18.833 14.815-20.365.167-.025.412-.058.579-.081z"
opacity=".36"
/>
<path
fill="url(#f)"
d="M407.49 418.147a223.851 223.851 0 0 0 47.276-54.84l.012-.02c4.121-6.742 12.928-8.868 19.671-4.747 6.601 4.035 8.764 12.583 4.986 19.266-13.523 23.854-30.997 45.521-51.533 63.881l-.03.028c-6.415 5.736-16.265 5.184-22-1.23-5.736-6.416-5.184-16.266 1.23-22.002.111-.1.275-.24.388-.336z"
opacity=".46"
/>
<path
fill="url(#g)"
d="M477.336 313.549c3.613-11.648 6.323-23.602 7.999-35.725a230.345 230.345 0 0 0 1.797-18.284c.421-6.122.36-12.263.326-18.405l-.003-.414c-.037-6.67 5.34-12.108 12.011-12.145 6.523-.037 11.868 5.127 12.136 11.593.272 6.781.545 13.572.308 20.367-.17 6.795-.612 13.59-1.327 20.364-1.422 13.546-4.002 26.991-7.619 40.164-1.954 7.112-9.303 11.293-16.416 9.34-7.112-1.953-11.294-9.302-9.341-16.415.034-.121.069-.243.106-.362z"
opacity=".58"
/>
<path
fill="url(#h)"
d="M479.486 186.514c-6.515-23.762-17.003-46.5-30.916-67.02-3.058-4.504-1.888-10.633 2.615-13.692 4.409-2.996 10.392-1.914 13.511 2.356 15.837 21.778 28.133 46.23 36.147 72.099l.006.02c1.82 5.872-1.466 12.106-7.337 13.925s-12.105-1.466-13.924-7.338c-.031-.1-.073-.247-.102-.35z"
opacity=".64"
/>
<path
fill="url(#i)"
d="M411.908 77.486c-18.523-16.638-39.82-30.281-62.823-40.139a7.634 7.634 0 0 1-4.015-10.019c1.622-3.794 5.973-5.589 9.79-4.108 24.872 9.706 48.182 23.558 68.715 40.817 3.769 3.158 4.265 8.774 1.107 12.542a8.903 8.903 0 0 1-12.543 1.109l-.231-.202z"
opacity=".76"
/>
<path
fill="url(#j)"
d="M295.024 21.706a234.337 234.337 0 0 0-75.297.256 5.404 5.404 0 0 1-6.227-4.434c-.486-2.882 1.424-5.618 4.267-6.196 25.941-5.204 52.764-6.17 79.144-2.847a6.678 6.678 0 0 1-1.668 13.252l-.219-.031z"
opacity=".88"
/>
<path
fill="url(#k)"
d="M165.257 38.152c-23.253 10.161-44.882 24.198-63.752 41.374a3.18 3.18 0 0 1-4.492-.211 3.182 3.182 0 0 1 .135-4.419c18.789-18.265 40.62-33.503 64.406-44.839a4.453 4.453 0 0 1 5.936 2.096 4.453 4.453 0 0 1-2.233 5.999z"
/>
</svg>
More icons in the same style and category