Add icons to this collection by clicking the heart icon.
Bar Graph icon - also known as business, graphic, graph, statistics, stats, finance, bars, finances, bar graph, growing, metric, statistic, and business and finance. Created in a clean 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 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#cdec7a" />
<stop offset=".34" stop-color="#c1ea76" />
<stop offset=".956" stop-color="#a1e66b" />
<stop offset="1" stop-color="#9ee66a" />
</linearGradient>
<linearGradient
id="f"
x1="102.047"
x2="189.116"
y1="360.941"
y2="360.941"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="207.572"
x2="294.392"
y1="327.116"
y2="327.116"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd945" />
<stop offset=".304" stop-color="#ffcd3e" />
<stop offset=".856" stop-color="#ffad2b" />
<stop offset="1" stop-color="#ffa325" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#ff7044" />
<stop offset=".235" stop-color="#fe653c" />
<stop offset=".651" stop-color="#fb4628" />
<stop offset="1" stop-color="#f82814" />
</linearGradient>
<linearGradient
id="h"
x1="285.865"
x2="394.181"
y1="292.527"
y2="292.527"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="394.794"
x2="478.47"
y1="379.737"
y2="379.737"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="293.538"
x2="79.922"
y1="429.971"
y2="315.936"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e87264" stop-opacity="0" />
<stop offset=".652" stop-color="#f67150" stop-opacity=".652" />
<stop offset="1" stop-color="#ff7044" />
</linearGradient>
<linearGradient
id="k"
x1="394.335"
x2="205.614"
y1="394.675"
y2="299.913"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f82814" stop-opacity="0" />
<stop offset=".125" stop-color="#ed2819" stop-opacity=".125" />
<stop offset=".452" stop-color="#d42724" stop-opacity=".452" />
<stop offset=".753" stop-color="#c5272b" stop-opacity=".753" />
<stop offset="1" stop-color="#c0272d" />
</linearGradient>
<linearGradient
id="l"
x1="379.558"
x2="379.992"
y1="292.215"
y2="292.215"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="466.786"
x2="295.733"
y1="431.046"
y2="349.936"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9ee66a" stop-opacity="0" />
<stop offset=".152" stop-color="#93e267" stop-opacity=".152" />
<stop offset=".417" stop-color="#77d660" stop-opacity=".417" />
<stop offset=".76" stop-color="#49c254" stop-opacity=".76" />
<stop offset="1" stop-color="#25b34b" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#f0ddfc" />
<stop offset=".447" stop-color="#c1aec7" />
<stop offset="1" stop-color="#8a7889" />
</linearGradient>
<linearGradient
id="n"
x1="7.227"
x2="98.717"
y1="255"
y2="255"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="272.374"
x2="363.863"
y1="102.819"
y2="102.819"
gradientTransform="rotate(90 83.355 274.464)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="p"
x1="416.298"
x2="173.973"
y1="200.783"
y2="85.878"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#18cffc" />
<stop offset="1" stop-color="#4a98f7" />
</linearGradient>
<linearGradient
id="q"
x1="115.077"
x2="140.35"
y1="168.706"
y2="193.979"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#0469bc" stop-opacity="0" />
<stop offset="1" stop-color="#0469bc" />
</linearGradient>
<linearGradient
id="r"
x1="132.867"
x2="189.152"
y1="205.511"
y2="162.026"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="s"
x1="214.157"
x2="239.429"
y1="86.834"
y2="112.106"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="t"
x1="231.947"
x2="288.232"
y1="123.639"
y2="80.154"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="u"
x1="404.112"
x2="429.385"
y1="122.52"
y2="147.793"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="v"
x1="421.902"
x2="478.187"
y1="159.325"
y2="115.84"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="w"
x1="307.237"
x2="332.51"
y1="10.731"
y2="36.004"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="x"
x1="325.027"
x2="381.312"
y1="47.536"
y2="4.051"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<path
fill="url(#f)"
d="M185.017 483.128H88.142V260.95c0-12.258 9.937-22.196 22.196-22.196h52.484c12.258 0 22.196 9.937 22.196 22.196v222.178z"
/>
<path
fill="url(#g)"
d="M281.892 483.128h-96.875V193.3c0-12.258 9.937-22.196 22.196-22.196h52.484c12.258 0 22.196 9.937 22.196 22.196v289.828z"
/>
<path
fill="url(#h)"
d="M378.767 483.128h-96.875V124.121c0-12.258 9.937-22.196 22.196-22.196h52.484c12.258 0 22.196 9.937 22.196 22.196v359.007z"
/>
<path
fill="url(#i)"
d="M475.642 483.128h-96.875V298.541c0-12.258 9.937-22.196 22.196-22.196h52.484c12.258 0 22.196 9.937 22.196 22.196v184.587z"
/>
<path fill="url(#j)" d="M281.892 483.128V357.825l-96.875-96.875v222.178z" />
<path fill="url(#k)" d="M378.767 483.128V290.175L281.892 193.3v289.828z" />
<path
fill="url(#l)"
d="m379.475 293.068.502-1.707a22.191 22.191 0 0 0-.502 1.707z"
/>
<path
fill="url(#m)"
d="M378.985 295.593a22.22 22.22 0 0 0-.218 2.948v184.587h96.875V392.25z"
/>
<path
fill="url(#n)"
d="M26.872 510C12.031 510 0 497.969 0 483.128V26.872C0 12.031 12.031 0 26.872 0s26.872 12.031 26.872 26.872v456.256c0 14.841-12.031 26.872-26.872 26.872z"
/>
<path
fill="url(#o)"
d="M0 483.128c0-14.841 12.031-26.872 26.872-26.872h456.256c14.841 0 26.872 12.031 26.872 26.872S497.969 510 483.128 510H26.872C12.031 510 0 497.969 0 483.128z"
/>
<path
fill="url(#p)"
d="M134.111 203.3a9.979 9.979 0 0 1-7.757-3.683c-3.489-4.28-2.848-10.58 1.434-14.069L323.762 25.821a10 10 0 0 1 13.805 1.123l100.575 113.588c3.661 4.135 3.276 10.455-.858 14.116-4.134 3.66-10.455 3.277-14.116-.858l-94.211-106.4-188.534 153.662a9.967 9.967 0 0 1-6.312 2.248z"
/>
<circle cx="138.17" cy="191.799" r="25.491" fill="url(#q)" />
<path
fill="url(#r)"
d="M150.353 169.403a25.379 25.379 0 0 1 3.095 12.183c0 14.078-11.413 25.491-25.491 25.491a25.379 25.379 0 0 1-12.183-3.095c4.322 7.928 12.73 13.308 22.396 13.308 14.078 0 25.491-11.413 25.491-25.491 0-9.666-5.38-18.074-13.308-22.396z"
/>
<circle cx="237.25" cy="109.926" r="25.491" fill="url(#s)" />
<path
fill="url(#t)"
d="M249.432 87.53a25.379 25.379 0 0 1 3.095 12.183c0 14.078-11.413 25.491-25.491 25.491a25.379 25.379 0 0 1-12.183-3.095c4.322 7.928 12.73 13.308 22.396 13.308 14.078 0 25.491-11.413 25.491-25.491.001-9.665-5.379-18.074-13.308-22.396z"
/>
<circle cx="427.205" cy="145.613" r="25.491" fill="url(#u)" />
<path
fill="url(#v)"
d="M439.388 123.217a25.379 25.379 0 0 1 3.095 12.183c0 14.078-11.413 25.491-25.491 25.491a25.379 25.379 0 0 1-12.183-3.095c4.322 7.928 12.73 13.308 22.396 13.308 14.078 0 25.491-11.413 25.491-25.491 0-9.665-5.38-18.074-13.308-22.396z"
/>
<circle cx="330.33" cy="33.824" r="25.491" fill="url(#w)" />
<path
fill="url(#x)"
d="M342.513 11.428a25.379 25.379 0 0 1 3.095 12.183c0 14.078-11.413 25.491-25.491 25.491a25.379 25.379 0 0 1-12.183-3.095c4.322 7.928 12.73 13.308 22.396 13.308 14.078 0 25.491-11.413 25.491-25.491 0-9.665-5.38-18.074-13.308-22.396z"
/>
</svg>
More icons in the same style and category