Add icons to this collection by clicking the heart icon.
Bar Graph icon - also known as web, increase, up arrow, marketing, traffic, bar graph, bar chart, traffic light, and increasing bar graph. Created in a clean blue 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 60 60"
>
<g fill="none" fill-rule="evenodd">
<rect width="16" height="36" x="23" y="1" fill="#e8edfc" rx="2" />
<path
fill="#cad9fc"
d="M37 1h-3a2 2 0 0 1 2 2v32a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2z"
/>
<g fill="#a4c2f7">
<circle cx="31" cy="9" r="3" />
<circle cx="31" cy="19" r="3" />
<circle cx="31" cy="29" r="3" />
<path
d="M18 6h5v6h-1a5 5 0 0 1-5-5 1 1 0 0 1 1-1zM18 16h5v6h-1a5 5 0 0 1-5-5 1 1 0 0 1 1-1zM18 26h5v6h-1a5 5 0 0 1-5-5 1 1 0 0 1 1-1zM40 12h-1V6h5a1 1 0 0 1 1 1 5 5 0 0 1-5 5zM40 22h-1v-6h5a1 1 0 0 1 1 1 5 5 0 0 1-5 5zM40 32h-1v-6h5a1 1 0 0 1 1 1 5 5 0 0 1-5 5z"
/>
</g>
<path
fill="#e8edfc"
d="M59 53a2.015 2.015 0 0 1-2 2H9v2a2.006 2.006 0 0 1-2 2 2.015 2.015 0 0 1-2-2v-2H3a2.006 2.006 0 0 1-2-2c-.003-.53.21-1.04.59-1.41.37-.38.88-.593 1.41-.59h2V3a2.006 2.006 0 0 1 2-2c.53-.003 1.04.21 1.41.59.38.37.593.88.59 1.41v48h48a2.006 2.006 0 0 1 2 2z"
/>
<path
fill="#cad9fc"
d="M57 51h-3a2.006 2.006 0 0 1 2 2 2.015 2.015 0 0 1-2 2h3a2.015 2.015 0 0 0 2-2 2.006 2.006 0 0 0-2-2z"
/>
<path
fill="#fff"
d="M3 55h2v2c-.003.53.21 1.04.59 1.41a1.979 1.979 0 0 0 2.91-.11c-.321-.357-.5-.82-.5-1.3v-2H6a2 2 0 1 1 0-4h2V3c-.002-.48.177-.944.5-1.3-.032-.036-.059-.077-.094-.111A2 2 0 0 0 5 3v48H3a2 2 0 1 0 0 4z"
/>
<path fill="#fff" d="M4 3h2v8H4z" />
<path
fill="#428dff"
fill-rule="nonzero"
d="M31 13a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0-6a2 2 0 1 1 0 4 2 2 0 0 1 0-4zM31 23a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0-6a2 2 0 1 1 0 4 2 2 0 0 1 0-4zM31 33a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0-6a2 2 0 1 1 0 4 2 2 0 0 1 0-4z"
/>
<path
fill="#428dff"
fill-rule="nonzero"
d="M4 50H3a2.926 2.926 0 0 0-2.108.874A2.942 2.942 0 0 0 0 53a3 3 0 0 0 3 3h1v1a3.015 3.015 0 0 0 3 3 3 3 0 0 0 3-3v-1h47a3.017 3.017 0 0 0 3-3 3 3 0 0 0-2-2.816V30a1 1 0 0 0-2 0v20h-3V36a1 1 0 0 0-2 0v14h-3V38a1 1 0 0 0-2 0v12h-3V37a1 1 0 0 0-2 0v13h-5V38h1a3 3 0 0 0 3-3v-2c1 .001 1.982-.248 2.86-.726L44.586 34a2 2 0 0 0 2.828 0L58 23.414V25a1 1 0 0 0 2 0v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0 0 2h1.586L46 32.586l-1.562-1.562A5.971 5.971 0 0 0 46 27a2 2 0 0 0-2-2h-4v-2a6.006 6.006 0 0 0 6-6 2 2 0 0 0-2-2h-4v-2a6.006 6.006 0 0 0 6-6 2 2 0 0 0-2-2h-4V3a3 3 0 0 0-3-3H25a3 3 0 0 0-3 3v2h-4a2 2 0 0 0-2 2 6.006 6.006 0 0 0 6 6v2h-4a2 2 0 0 0-2 2 6.006 6.006 0 0 0 6 6v2h-4a2 2 0 0 0-2 2 6.006 6.006 0 0 0 6 6v2c.002.445.104.885.3 1.285L10 48.586V3A2.926 2.926 0 0 0 9.126.892 2.942 2.942 0 0 0 7 0a3 3 0 0 0-3 3 1 1 0 1 0 2 0 1 1 0 0 1 1-1c.27 0 .527.11.712.306.187.182.29.433.288.694v48a1 1 0 0 0 1 1h48a1 1 0 0 1 1 1c0 .27-.11.527-.306.712A.957.957 0 0 1 57 54H9a1 1 0 0 0-1 1v2a1 1 0 0 1-1 1 .974.974 0 0 1-.712-.306A.957.957 0 0 1 6 57v-2a1 1 0 0 0-1-1H3a1 1 0 0 1-1-1c0-.27.11-.527.306-.712A.957.957 0 0 1 3 52h2a1 1 0 0 0 1-1V11a1 1 0 0 0-2 0zm40-23a4 4 0 0 1-4 4v-4zm0-10a4 4 0 0 1-4 4v-4zm0-10a4 4 0 0 1-4 4V7zM24 3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v32a1 1 0 0 1-1 1H25a.993.993 0 0 1-.7-.286V35.7l-.011-.007A.993.993 0 0 1 24 35zm-3 40a1 1 0 0 0-1 1v6h-8.586l12.3-12.3c.4.196.84.298 1.286.3h1v12h-4v-6a1 1 0 0 0-1-1zM18 7h4v4a4 4 0 0 1-4-4zm0 10h4v4a4 4 0 0 1-4-4zm0 10h4v4a4 4 0 0 1-4-4zm10 23V38h6v12z"
/>
<circle cx="5" cy="7" r="1" fill="#428dff" />
</g>
</svg>
More icons in the same style and category