Add icons to this collection by clicking the heart icon.
Loading Bar icon - also known as interface, line, process, percentage, 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 48 48"
>
<g id="Loading_bar">
<path
d="m47 29a5.93 5.93 0 0 1 -1.54 4l-.22.24a5.94 5.94 0 0 1 -4.24 1.76h-34a6 6 0 0 1 -6-6 5.94 5.94 0 0 1 1.76-4.24 5.75 5.75 0 0 1 1.24-1 5.86 5.86 0 0 1 3-.76h34a6 6 0 0 1 6 6z"
fill="#dad7e5"
/>
<path
d="m47 28.39a5.91 5.91 0 0 1 -1.54 4.61h-32.27a9.18 9.18 0 0 1 -9.19-9.19 5.86 5.86 0 0 1 3-.81h33.78a6.15 6.15 0 0 1 6.22 5.39z"
fill="#edebf2"
/>
<path d="m26 27v4h-19a2 2 0 0 1 -2-2 2 2 0 0 1 2-2z" fill="#9dcc6b" />
<path d="m26 27v2h-17a2 2 0 0 1 -2-2z" fill="#b5e08c" />
<g fill="#7c7d7d">
<path
d="m5 18h-2v-5a1 1 0 0 0 -2 0v6a1 1 0 0 0 1 1h3a1 1 0 0 0 0-2z"
/>
<path
d="m10 12a3 3 0 0 0 -3 3v2a3 3 0 0 0 6 0v-2a3 3 0 0 0 -3-3zm1 5a1 1 0 0 1 -2 0v-2a1 1 0 0 1 2 0z"
/>
<path
d="m24 12h-2a1 1 0 0 0 -1 1v6a1 1 0 0 0 1 1h2a3 3 0 0 0 3-3v-2a3 3 0 0 0 -3-3zm1 5a1 1 0 0 1 -1 1h-1v-4h1a1 1 0 0 1 1 1z"
/>
<path
d="m30 12a1 1 0 0 0 -1 1v6a1 1 0 0 0 2 0v-6a1 1 0 0 0 -1-1z"
/>
<path
d="m18 12.68a1 1 0 0 0 -1.9 0l-2 6a1 1 0 0 0 1.9.64l.1-.32h1.9l.1.32a1 1 0 0 0 .9.68 1.25 1.25 0 0 0 .32-.05 1 1 0 0 0 .68-1.27zm-1.28 4.32.28-.84.28.84z"
/>
<path
d="m38 12a1 1 0 0 0 -1 1v2.7l-2.17-3.25a1 1 0 0 0 -1.12-.45 1 1 0 0 0 -.71 1v6a1 1 0 0 0 2 0v-2.7l2.17 3.25a1 1 0 0 0 .83.45 1 1 0 0 0 .29 0 1 1 0 0 0 .71-1v-6a1 1 0 0 0 -1-1z"
/>
<path
d="m45 15h-1a1 1 0 0 0 0 2h1a1 1 0 0 1 -2 0v-2a1 1 0 0 1 1-1h2a1 1 0 0 0 0-2h-2a3 3 0 0 0 -3 3v2a3 3 0 0 0 6 0 2 2 0 0 0 -2-2z"
/>
</g>
</g>
</svg>
More icons in the same style and category