Add icons to this collection by clicking the heart icon.
Loading icon - also known as interface, status, waiting, loading, website, processing, idle, load, ui, loading gif, and user interface. Created in a clean flat 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#1a6fb0" />
<stop offset="1" stop-color="#3d9ae2" />
</linearGradient>
<linearGradient
id="c"
x1="3.171"
x2="12.828"
y1="36.83"
y2="27.173"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="51.173"
x2="60.829"
y1="36.83"
y2="27.174"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#00b6bd" />
<stop offset="1" stop-color="#46f8ff" />
</linearGradient>
<linearGradient
id="e"
x1="9.373"
x2="20.688"
y1="54.628"
y2="43.314"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="43.316"
x2="54.628"
y1="20.686"
y2="9.373"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="27.174"
x2="36.829"
y1="60.828"
y2="51.172"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="27.174"
x2="36.83"
y1="12.826"
y2="3.17"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="46.142"
x2="51.8"
y1="51.799"
y2="46.14"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="12.201"
x2="17.858"
y1="17.857"
y2="12.2"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#c)"
d="M0 32.002a4 4 0 0 0 3.999 3.999h8c2.209 0 4-1.791 4.002-4A4.004 4.004 0 0 0 12 28l-8 .002a4 4 0 0 0-4 4z"
/>
<path
fill="url(#d)"
d="M48.002 32.001a3.998 3.998 0 0 0 4 4H60a3.997 3.997 0 0 0 4-3.999c0-2.21-1.79-4-3.999-4h-8c-2.209 0-4 1.791-3.999 3.999z"
/>
<path
fill="url(#e)"
d="M9.374 54.629a4 4 0 0 0 5.656 0l5.656-5.657a4.002 4.002 0 0 0 .001-5.658 4.002 4.002 0 0 0-5.658 0l-5.655 5.658a4.001 4.001 0 0 0 0 5.657z"
/>
<path
fill="url(#f)"
d="M43.315 20.686a4 4 0 0 0 5.657 0l5.655-5.656a3.994 3.994 0 0 0 .001-5.655 3.998 3.998 0 0 0-5.656-.001l-5.657 5.656a4.001 4.001 0 0 0 0 5.656z"
/>
<path
fill="url(#g)"
d="M32.002 64a4 4 0 0 0 4-4l-.001-8a4.002 4.002 0 0 0-4-4.001A4.003 4.003 0 0 0 28 52l.002 8a4.001 4.001 0 0 0 4 4z"
/>
<path
fill="url(#h)"
d="M32.001 15.998a3.998 3.998 0 0 0 4-4V4a3.996 3.996 0 0 0-3.998-4 3.997 3.997 0 0 0-4.001 3.999l-.001 7.999a4.003 4.003 0 0 0 4 4z"
/>
<path
fill="url(#i)"
d="M54.629 54.626a4 4 0 0 0 0-5.657l-5.657-5.656a4.004 4.004 0 0 0-5.658 0 4.002 4.002 0 0 0 0 5.658l5.658 5.654a4 4 0 0 0 5.657.001z"
/>
<path
fill="url(#j)"
d="M20.687 20.684a3.998 3.998 0 0 0-.001-5.656L15.03 9.372a3.995 3.995 0 0 0-5.655-.002 3.997 3.997 0 0 0-.001 5.657l5.654 5.656a4.005 4.005 0 0 0 5.659.001z"
/>
</svg>
More icons in the same style and category