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 red 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>
<rect width="4" height="12" x="30" y="2" fill="#f4b2b0" rx="2" />
<rect width="4" height="12" x="30" y="28" fill="#f4b2b0" rx="2" />
<rect
width="4"
height="12"
x="43"
y="15"
fill="#f4b2b0"
rx="2"
transform="rotate(90 45 21)"
/>
<rect
width="4"
height="12"
x="17"
y="15"
fill="#f4b2b0"
rx="2"
transform="rotate(90 19 21)"
/>
<rect
width="4"
height="12"
x="39.192"
y="24.192"
fill="#f4b2b0"
rx="2"
transform="rotate(135 41.196 30.193)"
/>
<rect
width="4"
height="12"
x="20.808"
y="5.808"
fill="#f4b2b0"
rx="2"
transform="rotate(135 22.81 11.808)"
/>
<rect
width="4"
height="12"
x="39.192"
y="5.808"
fill="#f4b2b0"
rx="2"
transform="rotate(45 41.197 11.8)"
/>
<rect
width="4"
height="12"
x="20.808"
y="24.192"
fill="#f4b2b0"
rx="2"
transform="rotate(45 22.814 30.19)"
/>
<g fill="#b3404a">
<path
d="M62 43H2a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h60a1 1 0 0 0 1-1V44a1 1 0 0 0-1-1zm-1 18H3V45h58zM35 4a3 3 0 0 0-6 0v8a3 3 0 0 0 6 0zm-2 8a1 1 0 0 1-2 0V4a1 1 0 0 1 2 0zM32 27a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0v-8a3 3 0 0 0-3-3zm1 11a1 1 0 0 1-2 0v-8a1 1 0 0 1 2 0zM52 21a3 3 0 0 0-3-3h-8a3 3 0 0 0 0 6h8a3 3 0 0 0 3-3zm-12 0a1 1 0 0 1 1-1h8a1 1 0 0 1 0 2h-8a1 1 0 0 1-1-1zM12 21a3 3 0 0 0 3 3h8a3 3 0 0 0 0-6h-8a3 3 0 0 0-3 3zm12 0a1 1 0 0 1-1 1h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 1 1zM41.9 35.142a3 3 0 1 0 4.242-4.242l-5.657-5.656a3.071 3.071 0 0 0-4.243 0 3 3 0 0 0 0 4.242zm-4.242-8.485a1 1 0 0 1 1.413 0l5.657 5.656a1 1 0 0 1 0 1.415 1.025 1.025 0 0 1-1.414 0l-5.656-5.657a1 1 0 0 1-.001-1.414zM25.636 17.636a3 3 0 0 0 2.121-5.121L22.1 6.858a3.073 3.073 0 0 0-4.244 0 3 3 0 0 0 0 4.243l5.657 5.656a2.978 2.978 0 0 0 2.123.879zm-6.364-9.364a1 1 0 0 1 1.414 0l5.656 5.657a1 1 0 0 1 0 1.415 1.023 1.023 0 0 1-1.413 0l-5.657-5.657a1 1 0 0 1 0-1.415zM41.9 6.858l-5.656 5.657a3 3 0 1 0 4.242 4.242l5.656-5.657a3 3 0 0 0 0-4.243 3.073 3.073 0 0 0-4.242.001zm2.829 2.829-5.657 5.656a1.022 1.022 0 0 1-1.413 0 1 1 0 0 1 0-1.414l5.656-5.657a1 1 0 0 1 1.415 1.415zM19.979 36.021a2.986 2.986 0 0 0 2.122-.879l5.656-5.657a3 3 0 0 0 0-4.242 3.071 3.071 0 0 0-4.243 0L17.858 30.9a3 3 0 0 0 0 4.243 2.983 2.983 0 0 0 2.121.878zm-.707-3.708 5.657-5.656a1 1 0 0 1 1.414 1.414l-5.656 5.657a1.023 1.023 0 0 1-1.414 0 1 1 0 0 1 0-1.414z"
/>
<path
d="M6 58h4v-2H7v-8H5v9a1 1 0 0 0 1 1zM12 58h4a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1zm1-8h2v6h-2zM20 55h2v3h2v-4a1 1 0 0 0-.02-.2l-1-5A1 1 0 0 0 22 48h-2a1 1 0 0 0-.98.8l-1 5a1 1 0 0 0-.02.2v4h2zm1.181-5 .6 3H20.22l.6-3zM26 58h3a3 3 0 0 0 3-3v-4a3 3 0 0 0-3-3h-3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1zm1-8h2a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-2zM33 48h2v10h-2zM38 52.486l3.152 5.044A1 1 0 0 0 43 57v-9h-2v5.514l-3.152-5.044A1 1 0 0 0 36 49v9h2zM45 58h5a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-3v2h2v2h-3v-6h3v1h2v-2a1 1 0 0 0-1-1h-5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1zM53 56h2v2h-2zM57 56h2v2h-2z"
/>
</g>
</g>
</svg>
More icons in the same style and category