Add icons to this collection by clicking the heart icon.
Loading icon - also known as time, loading, hourglass, 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 42 42"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ff000c" />
<stop offset=".52" stop-color="#e7000b" />
<stop offset="1" stop-color="#990007" />
</linearGradient>
<linearGradient
id="b"
x1="7"
x2="32"
y1="21"
y2="21"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(25 0 0 -25 7 21)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M25 30v1h-8v-.555l4-3.6 2.109 1.898a1 1 0 1 0 1.338-1.486l-2.778-2.5a.999.999 0 0 0-1.338 0l-5 4.5A.998.998 0 0 0 15 30v2a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-2a1 1 0 0 0-2 0zM28 5v6.731a3.998 3.998 0 0 1-1.366 3.01L21 19.671l-5.634-4.93A3.998 3.998 0 0 1 14 11.731V8h12a1 1 0 0 0 0-2H13a1 1 0 0 0-1 1v4.731c0 1.73.747 3.376 2.049 4.516l6.292 5.506c.378.329.94.329 1.318 0l6.292-5.506A6.003 6.003 0 0 0 30 11.731V4a1 1 0 0 0-1-1H13a1 1 0 0 0 0 2z"
/>
<path
fill="url(#c)"
d="M28 37v-6.731a3.998 3.998 0 0 0-1.366-3.01L21 22.329l-5.634 4.93A3.998 3.998 0 0 0 14 30.269V34h12a1 1 0 0 1 0 2H13a1 1 0 0 1-1-1v-4.731c0-1.73.747-3.376 2.049-4.516l6.292-5.506c.378-.329.94-.329 1.318 0l6.292 5.506A6.003 6.003 0 0 1 30 30.269V38a1 1 0 0 1-1 1H13a1 1 0 0 1 0-2z"
/>
<path
fill="url(#b)"
d="M18.111 13h5.283L21 15.155l-.998-.898a1 1 0 1 0-1.338 1.486l1.667 1.5a.999.999 0 0 0 1.338 0l5-4.5A1 1 0 0 0 26 11H16a1 1 0 0 0-.669 1.743l1.111 1A1 1 0 0 0 18.111 13z"
/>
</g>
</svg>
More icons in the same style and category