Add icons to this collection by clicking the heart icon.
Loading Bar icon - also known as interface, waiting, loading, line, process, percentage, 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 64 64"
>
<g>
<path fill="#5e87ca" d="M2 44h60v18H2z" />
<path fill="#78a0d4" d="M2 44h57v14H2z" />
<rect width="4" height="12" x="30" y="2" fill="#c0dafc" rx="2" />
<rect width="4" height="12" x="30" y="28" fill="#3b5892" rx="2" />
<rect
width="4"
height="12"
x="43"
y="15"
fill="#f2f2f2"
rx="2"
transform="rotate(90 45 21)"
/>
<rect
width="4"
height="12"
x="17"
y="15"
fill="#5e87ca"
rx="2"
transform="rotate(90 19 21)"
/>
<rect
width="4"
height="12"
x="39.192"
y="24.192"
fill="#213d68"
rx="2"
transform="rotate(135 41.196 30.193)"
/>
<rect
width="4"
height="12"
x="20.808"
y="5.808"
fill="#78a0d4"
rx="2"
transform="rotate(135 22.81 11.808)"
/>
<rect
width="4"
height="12"
x="39.192"
y="5.808"
fill="#e2e7f6"
rx="2"
transform="rotate(45 41.197 11.8)"
/>
<rect
width="4"
height="12"
x="20.808"
y="24.192"
fill="#4c6cb5"
rx="2"
transform="rotate(45 22.814 30.19)"
/>
<g fill="#e2e7f6">
<path
d="M7 48H5v9a1 1 0 0 0 1 1h4v-2H7zM16 48h-4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1zm-1 8h-2v-6h2zM22.98 48.8A1 1 0 0 0 22 48h-2a1 1 0 0 0-.98.8l-1 5a1 1 0 0 0-.02.2v4h2v-3h2v3h2v-4a1 1 0 0 0-.02-.2zm-1.8 1.2.6 3h-1.56l.6-3zM29 48h-3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h3a3 3 0 0 0 3-3v-4a3 3 0 0 0-3-3zm1 7a1 1 0 0 1-1 1h-2v-6h2a1 1 0 0 1 1 1zM33 48h2v10h-2zM41 53.514l-3.152-5.044A1 1 0 0 0 36 49v9h2v-5.514l3.152 5.044A1 1 0 0 0 43 57v-9h-2zM50 48h-5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-3v2h2v2h-3v-6h3v1h2v-2a1 1 0 0 0-1-1zM53 56h2v2h-2zM57 56h2v2h-2z"
/>
</g>
</g>
</svg>
More icons in the same style and category