Add icons to this collection by clicking the heart icon.
Bar Chart icon - also known as business, graphic, statistics, stats, bars chart, bar graph, bar chart, and business and finance. Created in a clean color style with a white finish, 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient
id="d"
x1="168.255"
x2="513.949"
y1="168.255"
y2="513.949"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3b395f" />
<stop offset=".063" stop-color="#37355a" />
<stop offset=".403" stop-color="#232543" />
<stop offset=".723" stop-color="#171b35" />
<stop offset="1" stop-color="#131830" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#131830" stop-opacity="0" />
<stop offset="1" stop-color="#131830" />
</linearGradient>
<linearGradient
id="e"
x1="256"
x2="256"
y1="458.311"
y2="529.357"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="250.609"
x2="184.667"
y1="121.534"
y2="55.591"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="314.47"
x2="209.928"
y1="173.042"
y2="68.499"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="363.648"
x2="260.39"
y1="211.787"
y2="108.529"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="182.422"
x2="72.733"
y1="377.197"
y2="285.4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="458.014"
x2="362.327"
y1="331.689"
y2="294.931"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="369.556"
x2="260.84"
y1="378.653"
y2="287.671"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="270.438"
x2="178.292"
y1="403.443"
y2="326.328"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="115.412"
x2="115.412"
y1="267.729"
y2="384.696"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00e7b2" />
<stop offset=".246" stop-color="#05e5b1" />
<stop offset=".53" stop-color="#13ddac" />
<stop offset=".832" stop-color="#2ad1a5" />
<stop offset="1" stop-color="#3ac9a0" />
</linearGradient>
<linearGradient
id="n"
x1="209.137"
x2="209.137"
y1="317.497"
y2="389.055"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc738" />
<stop offset=".429" stop-color="#ffbb23" />
<stop offset="1" stop-color="#ffa700" />
</linearGradient>
<linearGradient
id="o"
x1="302.863"
x2="302.863"
y1="270.491"
y2="384.938"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4974" />
<stop offset=".326" stop-color="#fe4672" />
<stop offset=".532" stop-color="#fb3e6c" />
<stop offset=".705" stop-color="#f52f60" />
<stop offset=".859" stop-color="#ee1a51" />
<stop offset="1" stop-color="#e4003d" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#fffcf8" />
<stop offset=".188" stop-color="#faf8f6" />
<stop offset=".404" stop-color="#eceef2" />
<stop offset=".635" stop-color="#d5dcea" />
<stop offset=".875" stop-color="#b5c4df" />
<stop offset="1" stop-color="#a1b5d8" />
</linearGradient>
<linearGradient
id="p"
x1="396.588"
x2="396.588"
y1="224.094"
y2="380.875"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="256"
x2="256"
y1="430.265"
y2="439.601"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="105.63"
x2="42.637"
y1="476.526"
y2="413.534"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="482.553"
x2="449.632"
y1="469.52"
y2="436.598"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#fffcf8" />
<stop offset=".224" stop-color="#fbf9f7" />
<stop offset=".425" stop-color="#f0f1f3" />
<stop offset=".618" stop-color="#dee3ed" />
<stop offset=".806" stop-color="#c4d0e4" />
<stop offset=".988" stop-color="#a3b7d9" />
<stop offset="1" stop-color="#a1b5d8" />
</linearGradient>
<radialGradient
id="t"
cx="48.039"
cy="411.265"
r="38.434"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="u"
cx="431.967"
cy="411.265"
r="38.434"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#d)"
d="M450.105 512H61.895C27.71 512 0 484.29 0 450.105V61.895C0 27.71 27.71 0 61.895 0h388.21C484.29 0 512 27.71 512 61.895v388.21C512 484.29 484.29 512 450.105 512zm0 0"
/>
<path
fill="url(#e)"
d="M0 421.262v28.843C0 484.29 27.71 512 61.895 512h388.21C484.29 512 512 484.29 512 450.105v-28.843zm0 0"
/>
<path
fill="url(#f)"
d="M378.543 191.21 228.961 41.66c-5.387-4.308-12.52-6.465-21.402-6.465-19.508 0-29.262 8.985-29.262 26.961v32.438c0 9.734 2.883 16.804 8.601 21.27l108.36 108.085c30.27-5.312 58.453-16.652 83.285-32.738zm0 0"
/>
<path
fill="url(#g)"
d="M424.488 151.805 302.012 29.059c-1.918-1.606-4.051-2.414-6.407-2.414-3.203 0-5.39 1.316-6.554 3.945l-80.176 161.058a6.537 6.537 0 0 0-.875 3.286c0 2.046.809 3.91 2.43 5.59l25.976 25.98c6.461.555 12.992.855 19.594.855 66.992 0 127.156-29.199 168.488-75.554zm0 0"
/>
<path
fill="url(#h)"
d="M325.625 115.527c-5.387-4.308-12.523-6.465-21.402-6.465-19.508 0-29.262 8.989-29.262 26.961v32.442c0 9.73 2.883 16.805 8.602 21.265l30.156 30.157c28.707-7.578 55.176-20.664 78.203-38.07zm0 0"
/>
<g fill="#fffcf8">
<path
d="M178.297 94.594V62.156c0-17.976 9.754-26.96 29.262-26.96 8.882 0 16.015 2.156 21.402 6.464 5.383 4.313 8.078 11.145 8.078 20.496v32.438c0 9.355-2.695 16.187-8.078 20.496-5.387 4.312-12.52 6.465-21.402 6.465-19.508 0-29.262-8.985-29.262-26.961zm15.562-.364c0 8.426 4.567 12.641 13.7 12.641 9.277 0 13.918-4.215 13.918-12.64V62.52c0-8.422-4.641-12.641-13.918-12.641-9.133 0-13.7 4.219-13.7 12.64zM208 194.934c0-1.168.293-2.262.871-3.286l80.18-161.058c1.164-2.63 3.347-3.945 6.554-3.945 2.356 0 4.489.804 6.403 2.41 1.914 1.613 2.875 3.582 2.875 5.922a9.929 9.929 0 0 1-.656 3.503l-80.18 160.399c-1.313 2.777-3.79 4.168-7.43 4.168-2.504 0-4.566-.844-6.187-2.524-1.621-1.68-2.43-3.543-2.43-5.59zM325.625 115.582c-5.387-4.344-12.52-6.52-21.402-6.52-19.508 0-29.262 9.055-29.262 27.168v32.688c0 18.11 9.754 27.164 29.262 27.164 8.882 0 16.015-2.172 21.402-6.512 5.383-4.343 8.078-11.23 8.078-20.652V136.23c0-9.425-2.695-16.308-8.078-20.648zm-7.484 53.027c0 8.528-4.641 12.786-13.918 12.786-9.137 0-13.7-4.258-13.7-12.786v-32.074c0-8.523 4.567-12.785 13.7-12.785 9.277 0 13.918 4.262 13.918 12.785zm0 0"
/>
</g>
<path
fill="url(#i)"
d="M153.348 236.098H77.477v159.824l62.625 62.625h75.87V298.723zm0 0"
/>
<path
fill="url(#j)"
d="M434.523 181.695h-75.87v214.227l62.624 62.625h75.871V244.32zm0 0"
/>
<path
fill="url(#k)"
d="M340.8 239.54h-75.874v156.382l62.625 62.625h75.87V302.164zm0 0"
/>
<path
fill="url(#l)"
d="M247.074 298.145H171.2v97.777l62.625 62.625H309.7V360.77zm0 0"
/>
<path fill="url(#m)" d="M77.477 236.098h75.87v159.824h-75.87zm0 0" />
<path fill="url(#n)" d="M171.2 298.145h75.874v97.777H171.2zm0 0" />
<path fill="url(#o)" d="M264.926 239.54h75.87v156.382h-75.87zm0 0" />
<path fill="url(#p)" d="M358.652 181.695h75.871v214.227h-75.87zm0 0" />
<path fill="url(#q)" d="M64.035 430.266h383.93v9.336H64.035zm0 0" />
<path
fill="url(#r)"
d="M76.582 423.293c-3.129-3.371-7.586-5.492-12.547-5.492-9.46 0-17.133 7.668-17.133 17.133 0 4.96 2.125 9.414 5.493 12.543l45.207 45.203c3.125 3.37 7.582 5.492 12.543 5.492 9.46 0 17.132-7.668 17.132-17.129 0-4.965-2.12-9.418-5.492-12.547zm0 0"
/>
<path
fill="url(#s)"
d="M508.234 471.43a61.993 61.993 0 0 1-18.48 26.195 17.2 17.2 0 0 1-8.223-4.941l-45.207-45.207c-3.37-3.13-5.492-7.579-5.492-12.547 0-5.582 2.672-10.532 6.809-13.664a17 17 0 0 1 10.32-3.465c3.875 0 7.437 1.285 10.3 3.465a16.483 16.483 0 0 1 2.247 2.027l45.207 45.207a16.395 16.395 0 0 1 2.52 2.93zm0 0"
/>
<path
fill="url(#t)"
d="M81.168 434.934c0 9.46-7.672 17.132-17.133 17.132-9.46 0-17.133-7.671-17.133-17.132 0-9.461 7.672-17.133 17.133-17.133 9.461 0 17.133 7.672 17.133 17.133zm0 0"
/>
<path
fill="url(#u)"
d="M465.098 434.934c0 9.46-7.672 17.132-17.133 17.132-9.461 0-17.133-7.671-17.133-17.132 0-9.461 7.672-17.133 17.133-17.133 9.46 0 17.133 7.672 17.133 17.133zm0 0"
/>
</svg>
More icons in the same style and category