Add icons to this collection by clicking the heart icon.
Loading Bar icon - also known as bar, waiting, loading, progress, hourglass, process, uploading, downloading, ui, and loading bar. Created in a clean flat 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"
>
<path fill="#e0f4ff" d="M18.14 339.1h474.3v118.03H18.14z" />
<path fill="#bbdcff" d="M256 339.1h236.44v118.03H256z" />
<path
fill="#979fef"
d="M484.13 321.5H27.87C12.5 321.5 0 334 0 349.37v94.26C0 459 12.5 471.5 27.87 471.5h456.26c15.37 0 27.87-12.5 27.87-27.87v-94.26c0-15.37-12.5-27.87-27.87-27.87zm-2.13 120H30v-90h452z"
/>
<path
fill="#47568c"
d="M351 396.5c0 8.28-6.72 15-15 15H75c-8.28 0-15-6.72-15-15s6.72-15 15-15h261c8.28 0 15 6.72 15 15z"
/>
<path
fill="#ff637b"
d="M271 55.5v39.03c0 8.28-6.71 15-15 15-8.28 0-15-6.72-15-15V55.5c0-8.28 6.72-15 15-15 8.29 0 15 6.72 15 15zM271 242.84v39.03c0 8.29-6.71 15-15 15-8.28 0-15-6.71-15-15v-39.03c0-8.28 6.72-15 15-15 8.29 0 15 6.72 15 15z"
/>
<path
fill="#e63950"
d="M369.187 183.687h-39.03c-8.284 0-15-6.716-15-15s6.716-15 15-15h39.03c8.284 0 15 6.716 15 15s-6.715 15-15 15z"
/>
<path
fill="#ff637b"
d="M181.844 183.687h-39.031c-8.284 0-15-6.716-15-15s6.716-15 15-15h39.031c8.284 0 15 6.716 15 15s-6.716 15-15 15zM203.564 131.251a14.95 14.95 0 0 1-10.607-4.394l-27.599-27.6c-5.857-5.858-5.857-15.355 0-21.213 5.858-5.858 15.356-5.858 21.213 0l27.599 27.6c5.857 5.858 5.857 15.355 0 21.213a14.952 14.952 0 0 1-10.606 4.394z"
/>
<path
fill="#e63950"
d="M336.036 263.723a14.946 14.946 0 0 1-10.606-4.394l-27.599-27.6c-5.858-5.858-5.858-15.355 0-21.213 5.857-5.857 15.355-5.859 21.213 0l27.599 27.6c5.858 5.858 5.858 15.355 0 21.213a14.954 14.954 0 0 1-10.607 4.394zM308.438 131.251a14.946 14.946 0 0 1-10.606-4.394c-5.858-5.857-5.858-15.354 0-21.213l27.599-27.6c5.857-5.857 15.355-5.859 21.213 0 5.858 5.857 5.858 15.354 0 21.213l-27.599 27.6a14.958 14.958 0 0 1-10.607 4.394z"
/>
<path
fill="#ff637b"
d="M175.965 263.723a14.948 14.948 0 0 1-10.606-4.394c-5.858-5.857-5.858-15.354 0-21.213l27.599-27.6c5.858-5.857 15.355-5.859 21.213 0 5.858 5.857 5.858 15.354 0 21.213l-27.599 27.6a14.954 14.954 0 0 1-10.607 4.394z"
/>
<path
fill="#e63950"
d="M271 55.5v39.03c0 8.28-6.71 15-15 15V40.5c8.29 0 15 6.72 15 15zM271 242.84v39.03c0 8.29-6.71 15-15 15v-69.03c8.29 0 15 6.72 15 15z"
/>
<path
fill="#737ee6"
d="M512 349.37v94.26c0 15.37-12.5 27.87-27.87 27.87H256v-30h226v-90H256v-30h228.13c15.37 0 27.87 12.5 27.87 27.87z"
/>
<path
fill="#2c3b73"
d="M351 396.5c0 8.28-6.72 15-15 15h-80v-30h80c8.28 0 15 6.72 15 15z"
/>
</svg>
More icons in the same style and category