Add icons to this collection by clicking the heart icon.
Bar Chart icon - also known as graph, statistics, stats, bar chart, analytics, infography, profits, 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="a">
<stop offset="0" stop-color="#fbe2dd" />
<stop offset=".514" stop-color="#eab1b7" />
<stop offset="1" stop-color="#e4989d" />
</linearGradient>
<radialGradient
id="e"
cx="107.848"
cy="310.418"
r="50.086"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fffbe4" />
<stop offset=".554" stop-color="#f9efaf" />
<stop offset=".628" stop-color="#f8eea7" />
<stop offset="1" stop-color="#f6e781" />
</linearGradient>
<radialGradient
id="f"
cx="319.645"
cy="287.912"
r="146.466"
gradientTransform="matrix(0 1 -.717 0 525.973 -31.734)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="g"
cx="381.145"
cy="208.415"
r="29.102"
gradientTransform="matrix(-1 0 0 -1.882 762.291 600.541)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#f4fbff" />
<stop offset=".514" stop-color="#cbe2ff" />
<stop offset="1" stop-color="#bed8fb" />
</linearGradient>
<radialGradient
id="h"
cx="282.003"
cy="1.799"
r="46.928"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#e7f6ec" />
<stop offset=".514" stop-color="#daefc8" />
<stop offset="1" stop-color="#cbe7af" />
</linearGradient>
<radialGradient
id="i"
cx="193.253"
cy="102.145"
r="42.456"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="j"
cx="440.339"
cy="314.741"
r="172.317"
gradientTransform="matrix(-1 0 0 -1.882 880.678 906.916)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4dd45" />
<stop offset=".236" stop-color="#f2d740" />
<stop offset=".552" stop-color="#edc631" />
<stop offset=".597" stop-color="#ecc32e" />
<stop offset="1" stop-color="#e49824" />
</radialGradient>
<radialGradient
id="k"
cx="232.986"
cy="121.496"
r="264.116"
gradientTransform="matrix(0 1 -.717 0 320.054 -111.49)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="l"
cx="353.68"
cy="184.106"
r="304.568"
gradientTransform="matrix(-1 0 0 -1.882 707.359 530.497)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#80b4fb" />
<stop offset=".146" stop-color="#7aaffb" />
<stop offset=".342" stop-color="#69a1fa" />
<stop offset=".516" stop-color="#5490f9" />
<stop offset="1" stop-color="#407093" />
</radialGradient>
<radialGradient
id="m"
cx="146.326"
cy="204.704"
r="204.983"
gradientTransform="matrix(0 1 -.717 0 293.024 58.378)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="n"
cx="267.02"
cy="249.423"
r="238.439"
gradientTransform="matrix(-1 0 0 -1.882 534.04 718.707)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aad880" />
<stop offset=".165" stop-color="#a6d67a" />
<stop offset=".385" stop-color="#9bd069" />
<stop offset=".597" stop-color="#8bc852" />
<stop offset="1" stop-color="#528e61" />
</radialGradient>
<radialGradient
id="o"
cx="59.666"
cy="371.12"
r="89.778"
gradientTransform="matrix(0 1 -.717 0 325.624 311.453)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="p"
cx="180.36"
cy="380.058"
r="106.215"
gradientTransform="matrix(-1 0 0 -1.882 360.721 1095.126)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".099" stop-color="#dd636e" />
<stop offset=".617" stop-color="#d82e3d" />
<stop offset=".726" stop-color="#d32e3b" />
<stop offset=".859" stop-color="#c42f37" />
<stop offset="1" stop-color="#ac3030" />
</radialGradient>
<radialGradient
id="q"
cx="274.117"
cy="1493.557"
r="228.341"
gradientTransform="matrix(.931 0 0 .112 -2.094 318.238)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c6c1c8" />
<stop offset=".243" stop-color="#dddbdf" />
<stop offset=".496" stop-color="#f1f1f4" />
<stop offset=".888" stop-color="#fff" />
</radialGradient>
<path fill="url(#e)" d="m67.18 340.92 43.33-25.016h31.002L98.182 356.8z" />
<path
fill="url(#f)"
d="M327.159 235.619v249.239h31.002l12.692-71.969-12.692-177.27z"
/>
<path
fill="url(#g)"
d="m327.159 235.619 43.329-25.017h31.002l-43.329 45.918z"
/>
<path fill="url(#h)" d="M240.499 25.016 283.829 0h31.002l-43.33 45.961z" />
<path
fill="url(#i)"
d="m153.839 130.318 43.33-25.017h31.002l-43.33 48.132z"
/>
<path
fill="url(#j)"
d="M444.82 484.858h-86.659V235.619l43.329-25.017 43.33 25.017z"
/>
<path
fill="url(#k)"
d="M240.499 25.016v459.842h31.002l12.693-71.969-12.693-387.873z"
/>
<path
fill="url(#l)"
d="M358.161 484.858h-86.66V25.016L314.831 0l43.33 25.016z"
/>
<path
fill="url(#m)"
d="M153.839 130.318v354.54h31.002l12.693-71.969-12.693-282.571z"
/>
<path
fill="url(#n)"
d="M271.501 484.858h-86.66v-354.54l43.33-25.017 43.33 25.017z"
/>
<path
fill="url(#o)"
d="M67.18 340.92v143.938h31.002l12.692-71.969-12.692-71.969z"
/>
<path
fill="url(#p)"
d="M184.841 484.858H98.182V340.92l43.33-25.016 43.329 25.016z"
/>
<path
fill="url(#q)"
d="M256 512c122.354 0 221.541-12.152 221.541-27.142H34.459C34.459 499.848 133.646 512 256 512z"
/>
</svg>
More icons in the same style and category