Add icons to this collection by clicking the heart icon.
Bar Chart icon - also known as graphic, graph, statistics, stats, bar chart, analytics, infography, and business and finance. Created in a clean 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 512 512"
>
<linearGradient id="lg1">
<stop offset=".0353" stop-color="#dfdde2" />
<stop offset=".2285" stop-color="#d5d2d8" />
<stop offset=".5685" stop-color="#b9b4bd" />
<stop offset=".6715" stop-color="#afaab4" />
<stop offset="1" stop-color="#a298a5" />
</linearGradient>
<radialGradient
id="SVGID_1_"
cx="22.946"
cy="216.063"
gradientTransform="matrix(-1 0 0 -.574 45.891 340.03)"
gradientUnits="userSpaceOnUse"
r="98.502"
href="#lg1"
/>
<linearGradient id="lg2">
<stop offset="0" stop-color="#fff" />
<stop offset=".0652" stop-color="#fdfdfd" />
<stop offset=".5145" stop-color="#f1f1f4" />
<stop offset=".9782" stop-color="#dfdde2" />
</linearGradient>
<radialGradient
id="SVGID_2_"
cx="14.127"
cy="-1143.255"
gradientTransform="matrix(0 1.425 -.522 0 -582.51 115.093)"
gradientUnits="userSpaceOnUse"
r="116.894"
href="#lg2"
/>
<linearGradient id="lg3">
<stop offset="0" stop-color="#dfdde2" />
<stop offset=".5158" stop-color="#c6c1c8" />
<stop offset="1" stop-color="#a298a5" />
</linearGradient>
<radialGradient
id="SVGID_3_"
cx="435.377"
cy="174.806"
gradientTransform="matrix(-1 0 0 -.434 870.753 250.583)"
gradientUnits="userSpaceOnUse"
r="387.036"
href="#lg3"
/>
<linearGradient id="lg4">
<stop offset=".0353" stop-color="#c6c1c8" />
<stop offset=".2645" stop-color="#bcb6bf" />
<stop offset=".6678" stop-color="#a298a5" />
<stop offset=".6715" stop-color="#a298a5" />
<stop offset="1" stop-color="#a298a5" />
</linearGradient>
<radialGradient
id="SVGID_4_"
cx="423.507"
cy="220.576"
gradientTransform="matrix(-1 0 0 -.262 847.014 278.292)"
gradientUnits="userSpaceOnUse"
r="411.65"
href="#lg4"
/>
<radialGradient
id="SVGID_5_"
cx="22.946"
cy="99.559"
gradientTransform="matrix(-1 0 0 -.574 45.891 156.681)"
gradientUnits="userSpaceOnUse"
r="98.502"
href="#lg1"
/>
<radialGradient
id="SVGID_6_"
cx="14.127"
cy="-1224.991"
gradientTransform="matrix(0 1.425 -.522 0 -625.166 -1.411)"
gradientUnits="userSpaceOnUse"
r="116.894"
href="#lg2"
/>
<radialGradient
id="SVGID_7_"
cx="435.377"
cy="58.302"
gradientTransform="matrix(-1 0 0 -.434 870.753 83.576)"
gradientUnits="userSpaceOnUse"
r="387.036"
href="#lg3"
/>
<radialGradient
id="SVGID_8_"
cx="427.67"
cy="104.072"
gradientTransform="matrix(-1 0 0 -.262 855.339 131.303)"
gradientUnits="userSpaceOnUse"
r="384.147"
>
<stop offset="0" stop-color="#aad880" />
<stop offset=".1646" stop-color="#a6d67a" />
<stop offset=".3846" stop-color="#9bd069" />
<stop offset=".5974" stop-color="#8bc852" />
<stop offset="1" stop-color="#528e61" />
</radialGradient>
<radialGradient
id="SVGID_9_"
cx="22.946"
cy="332.567"
gradientTransform="matrix(-1 0 0 -.574 45.891 523.378)"
gradientUnits="userSpaceOnUse"
r="98.502"
href="#lg1"
/>
<radialGradient
id="SVGID_10_"
cx="14.127"
cy="-1061.519"
gradientTransform="matrix(0 1.425 -.522 0 -539.854 231.597)"
gradientUnits="userSpaceOnUse"
r="116.894"
href="#lg2"
/>
<radialGradient
id="SVGID_11_"
cx="435.377"
cy="291.31"
gradientTransform="matrix(-1 0 0 -.434 870.753 417.59)"
gradientUnits="userSpaceOnUse"
r="387.036"
href="#lg3"
/>
<radialGradient
id="SVGID_12_"
cx="22.946"
cy="449.071"
gradientTransform="matrix(-1 0 0 -.574 45.891 706.726)"
gradientUnits="userSpaceOnUse"
r="98.502"
href="#lg1"
/>
<radialGradient
id="SVGID_13_"
cx="14.127"
cy="-979.783"
gradientTransform="matrix(0 1.425 -.522 0 -497.198 348.101)"
gradientUnits="userSpaceOnUse"
r="116.894"
href="#lg2"
/>
<radialGradient
id="SVGID_14_"
cx="435.377"
cy="407.814"
gradientTransform="matrix(-1 0 0 -.434 870.753 584.598)"
gradientUnits="userSpaceOnUse"
r="387.036"
href="#lg3"
/>
<radialGradient
id="SVGID_15_"
cx="351.778"
cy="3113.675"
gradientTransform="matrix(.931 0 0 .112 -75.044 121.338)"
gradientUnits="userSpaceOnUse"
r="253.727"
>
<stop offset="0" stop-color="#c6c1c8" />
<stop offset=".2432" stop-color="#dddbdf" />
<stop offset=".4962" stop-color="#f1f1f4" />
<stop offset=".888" stop-color="#fff" />
</radialGradient>
<radialGradient
id="SVGID_16_"
cx="425.291"
cy="453.583"
gradientTransform="matrix(-1 0 0 -.262 850.583 572.27)"
gradientUnits="userSpaceOnUse"
r="399.844"
href="#lg4"
/>
<radialGradient
id="SVGID_17_"
cx="421.087"
cy="339.171"
gradientTransform="matrix(-1 0 0 -.262 842.175 427.92)"
gradientUnits="userSpaceOnUse"
r="424.998"
href="#lg4"
/>
<radialGradient
id="SVGID_18_"
cx="427.67"
cy="337.08"
gradientTransform="matrix(-1 0 0 -.262 855.339 425.281)"
gradientUnits="userSpaceOnUse"
r="389.326"
>
<stop offset="0" stop-color="#f4dd45" />
<stop offset=".2362" stop-color="#f2d740" />
<stop offset=".5521" stop-color="#edc631" />
<stop offset=".5974" stop-color="#ecc32e" />
<stop offset="1" stop-color="#e49824" />
</radialGradient>
<radialGradient
id="SVGID_19_"
cx="427.67"
cy="453.583"
gradientTransform="matrix(-1 0 0 -.262 855.339 572.27)"
gradientUnits="userSpaceOnUse"
r="389.958"
>
<stop offset=".0988" stop-color="#dd636e" />
<stop offset=".6173" stop-color="#d82e3d" />
<stop offset=".726" stop-color="#d32e3b" />
<stop offset=".8594" stop-color="#c42f37" />
<stop offset="1" stop-color="#ac3030" />
</radialGradient>
<radialGradient
id="SVGID_20_"
cx="427.67"
cy="220.576"
gradientTransform="matrix(-1 0 0 -.262 855.339 278.292)"
gradientUnits="userSpaceOnUse"
r="384.147"
>
<stop offset="0" stop-color="#80b4fb" />
<stop offset=".1461" stop-color="#7aaffb" />
<stop offset=".3416" stop-color="#69a1fa" />
<stop offset=".5158" stop-color="#5490f9" />
<stop offset="1" stop-color="#407093" />
</radialGradient>
<g>
<path
d="m0 216.134v2.783c0 9.39 7.612 17.003 17.003 17.003h59.442v-31.222z"
fill="url(#SVGID_1_)"
/>
<path
d="m67.639 187.668 8.806-58.252h-59.442c-9.391 0-17.003 7.613-17.003 17.003v69.715h73.454z"
fill="url(#SVGID_2_)"
/>
<path
d="m494.997 235.92h-418.552c-9.39 0-17.003-7.612-17.003-17.003v-72.498c0-9.39 7.612-17.003 17.003-17.003h418.552c9.39 0 17.003 7.612 17.003 17.003v72.498c0 9.391-7.612 17.003-17.003 17.003z"
fill="url(#SVGID_3_)"
/>
<path
d="m482 159.416h-98.139l-7.52 23.252 7.52 23.252h98.139z"
fill="url(#SVGID_4_)"
/>
<path
d="m0 99.63v2.783c0 9.39 7.612 17.003 17.003 17.003h59.442v-31.221z"
fill="url(#SVGID_5_)"
/>
<path
d="m67.639 61.164 8.806-48.252h-59.442c-9.391 0-17.003 7.613-17.003 17.003v69.715h73.454z"
fill="url(#SVGID_6_)"
/>
<path
d="m494.997 119.416h-418.552c-9.39 0-17.003-7.612-17.003-17.003v-72.498c0-9.39 7.612-17.003 17.003-17.003h418.552c9.39 0 17.003 7.612 17.003 17.003v72.498c0 9.391-7.612 17.003-17.003 17.003z"
fill="url(#SVGID_7_)"
/>
<path
d="m89.442 89.416v-46.504h392.558v46.504z"
fill="url(#SVGID_8_)"
/>
<path
d="m0 332.638v2.783c0 9.39 7.612 17.003 17.003 17.003h59.442v-31.222z"
fill="url(#SVGID_9_)"
/>
<path
d="m67.639 304.172 8.806-58.252h-59.442c-9.391 0-17.003 7.613-17.003 17.003v69.715h73.454z"
fill="url(#SVGID_10_)"
/>
<path
d="m494.997 352.424h-418.552c-9.39 0-17.003-7.612-17.003-17.003v-72.498c0-9.39 7.612-17.003 17.003-17.003h418.552c9.39 0 17.003 7.612 17.003 17.003v72.498c0 9.391-7.612 17.003-17.003 17.003z"
fill="url(#SVGID_11_)"
/>
<path
d="m0 449.142v2.783c0 9.39 7.612 17.003 17.003 17.003h59.442v-31.222z"
fill="url(#SVGID_12_)"
/>
<path
d="m67.639 410.676 8.806-48.252h-59.442c-9.391 0-17.003 7.613-17.003 17.003v69.715h73.454z"
fill="url(#SVGID_13_)"
/>
<path
d="m494.997 468.928h-418.552c-9.39 0-17.003-7.612-17.003-17.003v-72.498c0-9.39 7.612-17.003 17.003-17.003h418.552c9.39 0 17.003 7.612 17.003 17.003v72.498c0 9.391-7.612 17.003-17.003 17.003z"
fill="url(#SVGID_14_)"
/>
<path
d="m255.695 499.088c135.956 0 246.171-13.503 246.171-30.16h-492.342c0 16.657 110.214 30.16 246.171 30.16z"
fill="url(#SVGID_15_)"
/>
<path
d="m482 392.424h-294.418l-12.888 18.067 12.888 28.437h294.418z"
fill="url(#SVGID_16_)"
/>
<path
d="m482 275.92h-196.279l-23.78 31.591 23.78 14.913h196.279z"
fill="url(#SVGID_17_)"
/>
<path
d="m89.442 275.92h196.279v46.504h-196.279z"
fill="url(#SVGID_18_)"
/>
<path
d="m89.442 392.424h98.139v46.504h-98.139z"
fill="url(#SVGID_19_)"
/>
<path
d="m89.442 159.416h294.418v46.504h-294.418z"
fill="url(#SVGID_20_)"
/>
</g>
</svg>
More icons in the same style and category