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 lineal color 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="#607d8b" rx="2" />
<path
fill="#37474f"
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"
/>
<circle cx="31" cy="9" r="3" fill="#f44335" />
<circle cx="31" cy="19" r="3" fill="#ffdc00" />
<circle cx="31" cy="29" r="3" fill="#a4c400" />
<g fill="#37474f">
<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="#f44335"
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="#c81e1e"
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="#000"
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="#000"
fill-rule="nonzero"
d="M9.126.892A2.942 2.942 0 0 0 7 0a3 3 0 0 0-3 3v47H3a2.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.892zM25 38h1v12h-4v-6a1 1 0 0 0-2 0v6h-8.586l12.3-12.3c.4.196.84.298 1.286.3zm32.694 15.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-1V3a1 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.712zM34 50h-6V38h6zm10-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-6 4h4v4a4 4 0 0 1-4-4zm0 10h4v4a4 4 0 0 1-4-4zm0 10h4v4a4 4 0 0 1-4-4z"
/>
</g>
</svg>
More icons in the same style and category