Add icons to this collection by clicking the heart icon.
Bar Chart icon - also known as graphic, graph, statistics, stats, bar chart, growth, and business and finance. Created in a clean flat gradient 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 32 32"
>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -1.639 7.288) scale(22.314)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#368f43" />
<stop offset="1" stop-color="#9bba90" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 5.484 10.503) scale(24.079)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcf378" />
<stop offset="1" stop-color="#fec110" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 12.229 13.97) scale(39.586)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d94527" />
<stop offset="1" stop-color="#eb9e7c" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(92.36 -5.892 19.312) scale(7.368)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8caedb" />
<stop offset="1" stop-color="#c2d2ec" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#a)"
d="M10.856 13a3 3 0 0 0-3-3H4a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h3.856a3 3 0 0 0 3-3z"
/>
<path
fill="url(#b)"
d="M20.894 9c0-.796-.316-1.559-.879-2.121A2.996 2.996 0 0 0 17.894 6h-3.856c-.796 0-1.559.316-2.121.879A2.996 2.996 0 0 0 11.038 9v16c0 .796.316 1.559.879 2.121a2.996 2.996 0 0 0 2.121.879h3.856c.796 0 1.559-.316 2.121-.879A2.996 2.996 0 0 0 20.894 25z"
/>
<path
fill="url(#c)"
d="M30.932 5c0-.796-.316-1.559-.879-2.121A2.996 2.996 0 0 0 27.932 2h-3.856c-.796 0-1.559.316-2.121.879A2.996 2.996 0 0 0 21.076 5v20c0 .796.316 1.559.879 2.121a2.996 2.996 0 0 0 2.121.879h3.856c.796 0 1.559-.316 2.121-.879A2.996 2.996 0 0 0 30.932 25z"
/>
<path fill="url(#d)" d="M2 30.5h28a1 1 0 0 0 0-2H2a1 1 0 0 0 0 2z" />
</g>
</svg>
More icons in the same style and category