SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Bar Chart Bar Graph
Charts And Diagrams 4
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
6.6 KB
3.17 KB
-52%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/223704/bar-chart-bar-graph --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <circle style="fill:#FFC61B;" cx="256" cy="256" r="256"/> <path style="fill:#EAA22F;" d="M512,256c0-10.512-0.648-20.873-1.879-31.053l-92.936-92.936l-59.316,23.343l-23.343-23.343 l-61.062,21.595l-21.595-21.595l-61.388,21.271l-21.271-21.271l-19.153,21.957l-55.241,2.841l28.181,28.181l-1.767,2.026 l-26.414,1.676l13.328,13.328l1.901,9.733l-0.862,4.884l-14.367,3.939l23.295,23.295l-23.295,8.587l23.05,23.05l-23.05,8.833 l21.501,21.501l-21.501,10.381l22.654,22.654l-22.654,9.228l20.978,20.978l-20.978,10.905l130.132,130.132 C235.127,511.352,245.488,512,256,512C397.384,512,512,397.384,512,256z"/> <g> <rect x="94.815" y="132.017" style="fill:#FFFFFF;" width="74.387" height="24.798"/> <rect x="94.815" y="163.892" style="fill:#FFFFFF;" width="74.387" height="24.798"/> <rect x="94.815" y="195.784" style="fill:#FFFFFF;" width="74.387" height="24.798"/> <rect x="94.815" y="227.659" style="fill:#FFFFFF;" width="74.387" height="24.798"/> <rect x="94.815" y="259.551" style="fill:#FFFFFF;" width="74.387" height="24.798"/> </g> <g> <rect x="94.815" y="291.426" style="fill:#386895;" width="74.387" height="24.798"/> <rect x="94.815" y="323.301" style="fill:#386895;" width="74.387" height="24.798"/> <rect x="94.815" y="355.194" style="fill:#386895;" width="74.387" height="24.798"/> </g> <g> <rect x="177.476" y="132.017" style="fill:#FFFFFF;" width="74.387" height="24.798"/> <rect x="177.476" y="163.892" style="fill:#FFFFFF;" width="74.387" height="24.798"/> </g> <g> <rect x="177.476" y="195.784" style="fill:#FF5419;" width="74.387" height="24.798"/> <rect x="177.476" y="227.659" style="fill:#FF5419;" width="74.387" height="24.798"/> <rect x="177.476" y="259.551" style="fill:#FF5419;" width="74.387" height="24.798"/> <rect x="177.476" y="291.426" style="fill:#FF5419;" width="74.387" height="24.798"/> <rect x="177.476" y="323.301" style="fill:#FF5419;" width="74.387" height="24.798"/> <rect x="177.476" y="355.194" style="fill:#FF5419;" width="74.387" height="24.798"/> </g> <g> <rect x="260.137" y="132.017" style="fill:#FFFFFF;" width="74.387" height="24.798"/> <rect x="260.137" y="163.892" style="fill:#FFFFFF;" width="74.387" height="24.798"/> <rect x="260.137" y="195.784" style="fill:#FFFFFF;" width="74.387" height="24.798"/> <rect x="260.137" y="227.659" style="fill:#FFFFFF;" width="74.387" height="24.798"/> </g> <g> <rect x="260.137" y="259.551" style="fill:#273B7A;" width="74.387" height="24.798"/> <rect x="260.137" y="291.426" style="fill:#273B7A;" width="74.387" height="24.798"/> <rect x="260.137" y="323.301" style="fill:#273B7A;" width="74.387" height="24.798"/> <rect x="260.137" y="355.194" style="fill:#273B7A;" width="74.387" height="24.798"/> </g> <g> <rect x="342.799" y="132.017" style="fill:#FFFFFF;" width="74.387" height="24.798"/> <rect x="342.799" y="163.892" style="fill:#FFFFFF;" width="74.387" height="24.798"/> <rect x="342.799" y="195.784" style="fill:#FFFFFF;" width="74.387" height="24.798"/> <rect x="342.799" y="227.659" style="fill:#FFFFFF;" width="74.387" height="24.798"/> <rect x="342.799" y="259.551" style="fill:#FFFFFF;" width="74.387" height="24.798"/> </g> <g> <rect x="342.799" y="291.426" style="fill:#386895;" width="74.387" height="24.798"/> <rect x="342.799" y="323.301" style="fill:#386895;" width="74.387" height="24.798"/> <rect x="342.799" y="355.194" style="fill:#386895;" width="74.387" height="24.798"/> </g> <g> <rect x="131.31" y="132.017" style="fill:#D0D1D3;" width="37.904" height="24.798"/> <rect x="131.31" y="163.892" style="fill:#D0D1D3;" width="37.904" height="24.798"/> <rect x="131.31" y="195.784" style="fill:#D0D1D3;" width="37.904" height="24.798"/> <rect x="131.31" y="227.659" style="fill:#D0D1D3;" width="37.904" height="24.798"/> <rect x="131.31" y="259.551" style="fill:#D0D1D3;" width="37.904" height="24.798"/> </g> <g> <rect x="131.31" y="291.426" style="fill:#273B7A;" width="37.904" height="24.798"/> <rect x="131.31" y="323.301" style="fill:#273B7A;" width="37.904" height="24.798"/> <rect x="131.31" y="355.194" style="fill:#273B7A;" width="37.904" height="24.798"/> </g> <g> <rect x="214.057" y="132.017" style="fill:#D0D1D3;" width="37.816" height="24.798"/> <rect x="214.057" y="163.892" style="fill:#D0D1D3;" width="37.816" height="24.798"/> </g> <g> <rect x="214.057" y="195.784" style="fill:#C92F00;" width="37.816" height="24.798"/> <rect x="214.057" y="227.659" style="fill:#C92F00;" width="37.816" height="24.798"/> <rect x="214.057" y="259.551" style="fill:#C92F00;" width="37.816" height="24.798"/> <rect x="214.057" y="291.426" style="fill:#C92F00;" width="37.816" height="24.798"/> <rect x="214.057" y="323.301" style="fill:#C92F00;" width="37.816" height="24.798"/> <rect x="214.057" y="355.194" style="fill:#C92F00;" width="37.816" height="24.798"/> </g> <g> <rect x="296.374" y="132.017" style="fill:#D0D1D3;" width="38.15" height="24.798"/> <rect x="296.374" y="163.892" style="fill:#D0D1D3;" width="38.15" height="24.798"/> <rect x="296.374" y="195.784" style="fill:#D0D1D3;" width="38.15" height="24.798"/> <rect x="296.374" y="227.659" style="fill:#D0D1D3;" width="38.15" height="24.798"/> </g> <g> <rect x="296.374" y="259.551" style="fill:#121149;" width="38.15" height="24.798"/> <rect x="296.374" y="291.426" style="fill:#121149;" width="38.15" height="24.798"/> <rect x="296.374" y="323.301" style="fill:#121149;" width="38.15" height="24.798"/> <rect x="296.374" y="355.194" style="fill:#121149;" width="38.15" height="24.798"/> </g> <g> <rect x="378.69" y="132.017" style="fill:#D0D1D3;" width="38.5" height="24.798"/> <rect x="378.69" y="163.892" style="fill:#D0D1D3;" width="38.5" height="24.798"/> <rect x="378.69" y="195.784" style="fill:#D0D1D3;" width="38.5" height="24.798"/> <rect x="378.69" y="227.659" style="fill:#D0D1D3;" width="38.5" height="24.798"/> <rect x="378.69" y="259.551" style="fill:#D0D1D3;" width="38.5" height="24.798"/> </g> <g> <rect x="378.69" y="291.426" style="fill:#273B7A;" width="38.5" height="24.798"/> <rect x="378.69" y="323.301" style="fill:#273B7A;" width="38.5" height="24.798"/> <rect x="378.69" y="355.194" style="fill:#273B7A;" width="38.5" height="24.798"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
6.6 KB
3.17 KB
-52%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/223704/bar-chart-bar-graph --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <circle style="fill:#FFC61B;" cx="256" cy="256" r="256"/> <path style="fill:#EAA22F;" d="M512,256c0-10.512-0.648-20.873-1.879-31.053l-92.936-92.936l-59.316,23.343l-23.343-23.343 l-61.062,21.595l-21.595-21.595l-61.388,21.271l-21.271-21.271l-19.153,21.957l-55.241,2.841l28.181,28.181l-1.767,2.026 l-26.414,1.676l13.328,13.328l1.901,9.733l-0.862,4.884l-14.367,3.939l23.295,23.295l-23.295,8.587l23.05,23.05l-23.05,8.833 l21.501,21.501l-21.501,10.381l22.654,22.654l-22.654,9.228l20.978,20.978l-20.978,10.905l130.132,130.132 C235.127,511.352,245.488,512,256,512C397.384,512,512,397.384,512,256z"/> <g> <rect x="94.815" y="132.017" style="fill:#FFFFFF;" width="74.387" height="24.798"/> <rect x="94.815" y="163.892" style="fill:#FFFFFF;" width="74.387" height="24.798"/> <rect x="94.815" y="195.784" style="fill:#FFFFFF;" width="74.387" height="24.798"/> <rect x="94.815" y="227.659" style="fill:#FFFFFF;" width="74.387" height="24.798"/> <rect x="94.815" y="259.551" style="fill:#FFFFFF;" width="74.387" height="24.798"/> </g> <g> <rect x="94.815" y="291.426" style="fill:#386895;" width="74.387" height="24.798"/> <rect x="94.815" y="323.301" style="fill:#386895;" width="74.387" height="24.798"/> <rect x="94.815" y="355.194" style="fill:#386895;" width="74.387" height="24.798"/> </g> <g> <rect x="177.476" y="132.017" style="fill:#FFFFFF;" width="74.387" height="24.798"/> <rect x="177.476" y="163.892" style="fill:#FFFFFF;" width="74.387" height="24.798"/> </g> <g> <rect x="177.476" y="195.784" style="fill:#FF5419;" width="74.387" height="24.798"/> <rect x="177.476" y="227.659" style="fill:#FF5419;" width="74.387" height="24.798"/> <rect x="177.476" y="259.551" style="fill:#FF5419;" width="74.387" height="24.798"/> <rect x="177.476" y="291.426" style="fill:#FF5419;" width="74.387" height="24.798"/> <rect x="177.476" y="323.301" style="fill:#FF5419;" width="74.387" height="24.798"/> <rect x="177.476" y="355.194" style="fill:#FF5419;" width="74.387" height="24.798"/> </g> <g> <rect x="260.137" y="132.017" style="fill:#FFFFFF;" width="74.387" height="24.798"/> <rect x="260.137" y="163.892" style="fill:#FFFFFF;" width="74.387" height="24.798"/> <rect x="260.137" y="195.784" style="fill:#FFFFFF;" width="74.387" height="24.798"/> <rect x="260.137" y="227.659" style="fill:#FFFFFF;" width="74.387" height="24.798"/> </g> <g> <rect x="260.137" y="259.551" style="fill:#273B7A;" width="74.387" height="24.798"/> <rect x="260.137" y="291.426" style="fill:#273B7A;" width="74.387" height="24.798"/> <rect x="260.137" y="323.301" style="fill:#273B7A;" width="74.387" height="24.798"/> <rect x="260.137" y="355.194" style="fill:#273B7A;" width="74.387" height="24.798"/> </g> <g> <rect x="342.799" y="132.017" style="fill:#FFFFFF;" width="74.387" height="24.798"/> <rect x="342.799" y="163.892" style="fill:#FFFFFF;" width="74.387" height="24.798"/> <rect x="342.799" y="195.784" style="fill:#FFFFFF;" width="74.387" height="24.798"/> <rect x="342.799" y="227.659" style="fill:#FFFFFF;" width="74.387" height="24.798"/> <rect x="342.799" y="259.551" style="fill:#FFFFFF;" width="74.387" height="24.798"/> </g> <g> <rect x="342.799" y="291.426" style="fill:#386895;" width="74.387" height="24.798"/> <rect x="342.799" y="323.301" style="fill:#386895;" width="74.387" height="24.798"/> <rect x="342.799" y="355.194" style="fill:#386895;" width="74.387" height="24.798"/> </g> <g> <rect x="131.31" y="132.017" style="fill:#D0D1D3;" width="37.904" height="24.798"/> <rect x="131.31" y="163.892" style="fill:#D0D1D3;" width="37.904" height="24.798"/> <rect x="131.31" y="195.784" style="fill:#D0D1D3;" width="37.904" height="24.798"/> <rect x="131.31" y="227.659" style="fill:#D0D1D3;" width="37.904" height="24.798"/> <rect x="131.31" y="259.551" style="fill:#D0D1D3;" width="37.904" height="24.798"/> </g> <g> <rect x="131.31" y="291.426" style="fill:#273B7A;" width="37.904" height="24.798"/> <rect x="131.31" y="323.301" style="fill:#273B7A;" width="37.904" height="24.798"/> <rect x="131.31" y="355.194" style="fill:#273B7A;" width="37.904" height="24.798"/> </g> <g> <rect x="214.057" y="132.017" style="fill:#D0D1D3;" width="37.816" height="24.798"/> <rect x="214.057" y="163.892" style="fill:#D0D1D3;" width="37.816" height="24.798"/> </g> <g> <rect x="214.057" y="195.784" style="fill:#C92F00;" width="37.816" height="24.798"/> <rect x="214.057" y="227.659" style="fill:#C92F00;" width="37.816" height="24.798"/> <rect x="214.057" y="259.551" style="fill:#C92F00;" width="37.816" height="24.798"/> <rect x="214.057" y="291.426" style="fill:#C92F00;" width="37.816" height="24.798"/> <rect x="214.057" y="323.301" style="fill:#C92F00;" width="37.816" height="24.798"/> <rect x="214.057" y="355.194" style="fill:#C92F00;" width="37.816" height="24.798"/> </g> <g> <rect x="296.374" y="132.017" style="fill:#D0D1D3;" width="38.15" height="24.798"/> <rect x="296.374" y="163.892" style="fill:#D0D1D3;" width="38.15" height="24.798"/> <rect x="296.374" y="195.784" style="fill:#D0D1D3;" width="38.15" height="24.798"/> <rect x="296.374" y="227.659" style="fill:#D0D1D3;" width="38.15" height="24.798"/> </g> <g> <rect x="296.374" y="259.551" style="fill:#121149;" width="38.15" height="24.798"/> <rect x="296.374" y="291.426" style="fill:#121149;" width="38.15" height="24.798"/> <rect x="296.374" y="323.301" style="fill:#121149;" width="38.15" height="24.798"/> <rect x="296.374" y="355.194" style="fill:#121149;" width="38.15" height="24.798"/> </g> <g> <rect x="378.69" y="132.017" style="fill:#D0D1D3;" width="38.5" height="24.798"/> <rect x="378.69" y="163.892" style="fill:#D0D1D3;" width="38.5" height="24.798"/> <rect x="378.69" y="195.784" style="fill:#D0D1D3;" width="38.5" height="24.798"/> <rect x="378.69" y="227.659" style="fill:#D0D1D3;" width="38.5" height="24.798"/> <rect x="378.69" y="259.551" style="fill:#D0D1D3;" width="38.5" height="24.798"/> </g> <g> <rect x="378.69" y="291.426" style="fill:#273B7A;" width="38.5" height="24.798"/> <rect x="378.69" y="323.301" style="fill:#273B7A;" width="38.5" height="24.798"/> <rect x="378.69" y="355.194" style="fill:#273B7A;" width="38.5" height="24.798"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download