Add icons to this collection by clicking the heart icon.
Loading icon - also known as clock, time, waiting, loading, timer, sand clock, seo and web, and business and finance. Created in a clean lineal color style with a white, silver, gray, navy, and orange finish, 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="100"
height="100"
viewBox="0 0 469.333 469.333"
>
<path
d="M426.667 0h-384C19.135 0 0 19.135 0 42.667v384c0 23.531 19.135 42.667 42.667 42.667h384c23.531 0 42.667-19.135 42.667-42.667v-384C469.333 19.135 450.198 0 426.667 0z"
fill="#303c42"
/>
<path
d="M42.667 21.333h384c11.76 0 21.333 9.573 21.333 21.333v42.667H21.333V42.667c0-11.761 9.573-21.334 21.334-21.334z"
fill="#5c6671"
/>
<linearGradient
id="a"
x1="-64.596"
x2="-47.317"
y1="625.461"
y2="617.404"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M42.667 21.333h384c11.76 0 21.333 9.573 21.333 21.333v42.667H21.333V42.667c0-11.761 9.573-21.334 21.334-21.334z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-61.639"
x2="-50.434"
y1="626.961"
y2="615.754"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M42.667 21.333h384c11.76 0 21.333 9.573 21.333 21.333v42.667H21.333V42.667c0-11.761 9.573-21.334 21.334-21.334z"
fill="url(#b)"
/>
<path
d="M426.667 448h-384c-11.76 0-21.333-9.573-21.333-21.333v-320H448v320c0 11.76-9.573 21.333-21.333 21.333z"
fill="#fff"
/>
<circle cx="53.333" cy="53.333" r="10.667" fill="#303c42" />
<circle cx="96" cy="53.333" r="10.667" fill="#303c42" />
<circle cx="138.667" cy="53.333" r="10.667" fill="#303c42" />
<path
d="M309.333 245.333V192H320a10.66 10.66 0 0 0 10.667-10.667A10.66 10.66 0 0 0 320 170.666H149.333a10.66 10.66 0 0 0-10.667 10.667A10.66 10.66 0 0 0 149.333 192H160v53.333c0 18.292 18.813 32.208 34.375 42.667C178.813 298.458 160 312.375 160 330.667V384h-10.667a10.66 10.66 0 0 0-10.667 10.667 10.66 10.66 0 0 0 10.667 10.667H320a10.66 10.66 0 0 0 10.667-10.667A10.66 10.66 0 0 0 320 384h-10.667v-53.333c0-18.292-18.813-32.208-34.396-42.667 15.584-10.458 34.396-24.375 34.396-42.667z"
fill="#303c42"
/>
<path d="m211.931 384 22.736-34.104L257.402 384z" fill="#ffce34" />
<path
d="M288 245.333c0 8.375-18.646 20.771-28.646 27.427-3.688 2.438-7.042 4.677-9.729 6.688a10.648 10.648 0 0 0-4.292 8.552c0 3.365 1.583 6.542 4.292 8.552 2.688 2.01 6.042 4.25 9.729 6.688 10 6.656 28.646 19.052 28.646 27.427V384h-4.958l-39.5-59.25c-3.958-5.938-13.792-5.938-17.75 0l-39.5 59.25h-4.958v-53.333c0-8.385 18.667-20.792 28.688-27.458 3.646-2.427 7-4.656 9.688-6.646 2.688-2.021 4.292-5.188 4.292-8.563s-1.604-6.542-4.292-8.563c-2.688-1.99-6.042-4.219-9.688-6.646-10.021-6.667-28.688-19.073-28.688-27.458V192H288v53.333z"
fill="#bbdefb"
/>
<linearGradient
id="c"
x1="-59.813"
x2="-52.259"
y1="612.412"
y2="608.89"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M288 245.333c0 8.375-18.646 20.771-28.646 27.427-3.688 2.438-7.042 4.677-9.729 6.688a10.648 10.648 0 0 0-4.292 8.552c0 3.365 1.583 6.542 4.292 8.552 2.688 2.01 6.042 4.25 9.729 6.688 10 6.656 28.646 19.052 28.646 27.427V384h-4.958l-39.5-59.25c-3.958-5.938-13.792-5.938-17.75 0l-39.5 59.25h-4.958v-53.333c0-8.385 18.667-20.792 28.688-27.458 3.646-2.427 7-4.656 9.688-6.646 2.688-2.021 4.292-5.188 4.292-8.563s-1.604-6.542-4.292-8.563c-2.688-1.99-6.042-4.219-9.688-6.646-10.021-6.667-28.688-19.073-28.688-27.458V192H288v53.333z"
fill="url(#c)"
/>
<path
d="M227.125 263.542c2.083 2.083 4.813 3.125 7.542 3.125s5.458-1.042 7.542-3.125l10.667-10.667a10.693 10.693 0 0 0 2.313-11.625 10.655 10.655 0 0 0-9.854-6.583H224a10.655 10.655 0 0 0-9.854 6.583 10.692 10.692 0 0 0 2.313 11.625l10.666 10.667z"
fill="#fdb913"
/>
<linearGradient
id="d"
x1="-68.689"
x2="-43.384"
y1="619.051"
y2="607.251"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M426.667 0h-384C19.135 0 0 19.135 0 42.667v384c0 23.531 19.135 42.667 42.667 42.667h384c23.531 0 42.667-19.135 42.667-42.667v-384C469.333 19.135 450.198 0 426.667 0z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category