Add icons to this collection by clicking the heart icon.
Progress Bar icon - also known as bars chart, bars, success, progress, development, settings, growth, progress bar, business and finance, evolution, and stadistics. Created in a clean soft fill style with a white, gray, and black 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="512"
height="512"
viewBox="0 0 60 60"
>
<rect width="58" height="16" x="1" y="1" fill="#dce5e4" rx="8" />
<path
fill="#3ed3c0"
d="M55 9a4 4 0 0 1-4 4H26l-1-4 1-4h25a4 4 0 0 1 4 4z"
/>
<path fill="#5b50c9" d="M26 5v8H9a4 4 0 0 1 0-8z" />
<rect width="58" height="16" x="1" y="22" fill="#dce5e4" rx="8" />
<path
fill="#3ed3c0"
d="M55 30a4 4 0 0 1-4 4H41l-1-4 1-4h10a4 4 0 0 1 4 4z"
/>
<path fill="#5b50c9" d="M41 26v8H9a4 4 0 0 1 0-8z" />
<rect width="58" height="16" x="1" y="43" fill="#dce5e4" rx="8" />
<path
fill="#3ed3c0"
d="M55 51a4 4 0 0 1-4 4H36l-1-4 1-4h15a4 4 0 0 1 4 4z"
/>
<path fill="#5b50c9" d="M36 47v8H9a4 4 0 0 1 0-8z" />
<g fill="#373737">
<path
d="M51 0H19a1 1 0 0 0 0 2h32a7 7 0 0 1 0 14H9A7 7 0 0 1 9 2h6a1 1 0 0 0 0-2H9a9 9 0 0 0 0 18h42a9 9 0 0 0 0-18z"
/>
<path
d="M4 9a5.006 5.006 0 0 0 5 5h42a5 5 0 0 0 0-10H9a5.006 5.006 0 0 0-5 5zm2 0a3 3 0 0 1 3-3h16v6H9a3 3 0 0 1-3-3zm48 0a3 3 0 0 1-3 3H27V6h24a3 3 0 0 1 3 3zM51 21H9a9 9 0 0 0 0 18h42a9 9 0 0 0 0-18zm0 16H9a7 7 0 0 1 0-14h42a7 7 0 0 1 0 14z"
/>
<path
d="M51 25H9a5 5 0 0 0 0 10h42a5 5 0 0 0 0-10zM6 30a3 3 0 0 1 3-3h31v6H9a3 3 0 0 1-3-3zm45 3h-9v-6h9a3 3 0 0 1 0 6zM51 42H9a9 9 0 0 0 0 18h42a9 9 0 0 0 0-18zm0 16H9a7 7 0 0 1 0-14h42a7 7 0 0 1 0 14z"
/>
<path
d="M51 46H9a5 5 0 0 0 0 10h42a5 5 0 0 0 0-10zM6 51a3 3 0 0 1 3-3h26v6H9a3 3 0 0 1-3-3zm45 3H37v-6h14a3 3 0 0 1 0 6z"
/>
</g>
</svg>
More icons in the same style and category