Add icons to this collection by clicking the heart icon.
Bar Graph icon - also known as diagram, graphic, bar graph, bar chart, line graph, growth, business report, files and folders, and benefit. Created in a clean flat style with a white, silver, gray, red, yellow, teal, and orange 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 96 96"
>
<g>
<path
fill="#deeeff"
d="M82 24v60a8 8 0 0 1-8 8H22a8 8 0 0 1-8-8V12a8 8 0 0 1 8-8h40v12a8 8 0 0 0 8 8z"
/>
<path fill="#3c58a0" d="M82 24H70a8 8 0 0 1-8-8V4z" />
<path
fill="#2a428c"
d="M78 20H66a7.87 7.87 0 0 1-3.29-.71A8 8 0 0 0 70 24h12z"
/>
<path
fill="#becaf5"
d="M58 12V4h4v12a7.87 7.87 0 0 0 .71 3.29A8 8 0 0 1 58 12zM82 24v60a8 8 0 0 1-8 8H22a8 8 0 0 1-7.29-4.71A7.87 7.87 0 0 0 18 88h52a8 8 0 0 0 8-8V24z"
/>
<rect width="10" height="20" x="43" y="32" fill="#ffdd40" rx="2" />
<rect width="10" height="16" x="61" y="36" fill="#88ce65" rx="2" />
<rect width="10" height="14" x="25" y="38" fill="#ff4155" rx="2" />
<path
fill="#ffc839"
d="M51 32h-2v14a2 2 0 0 1-2 2h-4v2a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V34a2 2 0 0 0-2-2z"
/>
<path
fill="#6faf46"
d="M69 36h-2v10a2 2 0 0 1-2 2h-4v2a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V38a2 2 0 0 0-2-2z"
/>
<path
fill="#e80054"
d="M33 38h-2v8a2 2 0 0 1-2 2h-4v2a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V40a2 2 0 0 0-2-2z"
/>
<path
fill="#49b1f7"
d="M46.91 13.4a2 2 0 0 0-2.51-1.31l-6 1.9a2 2 0 0 0-1.4 2.23l1 6.1A2 2 0 0 0 40 24h.32A2 2 0 0 0 42 21.68l-.34-2.13L56 27.74a2 2 0 0 0 1 .26 2 2 0 0 0 1-3.74l-13.87-7.89 1.47-.46a2 2 0 0 0 1.31-2.51z"
/>
<g fill="#becaf5">
<path
d="M35 62a2 2 0 0 0 2 2h20a2 2 0 0 0 0-4H37a2 2 0 0 0-2 2zM71 68H37a2 2 0 0 0 0 4h34a2 2 0 0 0 0-4zM37 80h20a2 2 0 0 0 0-4H37a2 2 0 0 0 0 4zM29 60h-4a2 2 0 0 0 0 4h4a2 2 0 0 0 0-4zM29 68h-4a2 2 0 0 0 0 4h4a2 2 0 0 0 0-4zM29 76h-4a2 2 0 0 0 0 4h4a2 2 0 0 0 0-4z"
/>
</g>
</g>
</svg>
More icons in the same style and category