SVG
Viewer
Dark mode
Light mode
Hide sidebar
Bars Bar Graph
Web Design 29
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
2.29 KB
1.13 KB
-51%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
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/294219/bars-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"> <path style="fill:#415E72;" d="M0,355.2v-324c0.104-5.704,4.696-10.296,10.4-10.4h491.2c5.704,0.104,10.296,4.696,10.4,10.4v324H0z" /> <g> <path style="fill:#CFDCE5;" d="M512,355.2v41.6c-0.104,5.704-4.696,10.296-10.4,10.4H10.4c-5.704-0.104-10.296-4.696-10.4-10.4 v-41.6H512z"/> <rect x="146.4" y="480.8" style="fill:#CFDCE5;" width="219.2" height="10.4"/> </g> <polygon style="fill:#AAC1CE;" points="328.8,480.8 183.2,480.8 193.6,407.2 318.4,407.2 "/> <rect x="20.8" y="41.6" style="fill:#FFFFFF;" width="470.4" height="292.8"/> <polygon style="fill:#8BA0AE;" points="318.4,407.2 193.6,407.2 187.792,448.28 320.272,420.424 "/> <g> <rect x="83.888" y="162.56" style="fill:#25B6D2;" width="19.216" height="53.104"/> <rect x="108.888" y="145.912" style="fill:#25B6D2;" width="19.216" height="69.752"/> <rect x="133.888" y="96.64" style="fill:#25B6D2;" width="19.216" height="119.056"/> <rect x="158.888" y="162.56" style="fill:#25B6D2;" width="19.216" height="53.104"/> </g> <g> <rect x="183.888" y="215.664" style="fill:#E04F5F;" width="19.216" height="36.288"/> <rect x="208.88" y="215.664" style="fill:#E04F5F;" width="19.216" height="76.952"/> <rect x="233.92" y="215.664" style="fill:#E04F5F;" width="19.216" height="36.288"/> </g> <g> <rect x="258.896" y="180.792" style="fill:#25B6D2;" width="19.216" height="34.872"/> <rect x="283.896" y="124.176" style="fill:#25B6D2;" width="19.216" height="91.488"/> <rect x="308.896" y="162.56" style="fill:#25B6D2;" width="19.216" height="53.104"/> <rect x="333.896" y="80.944" style="fill:#25B6D2;" width="19.216" height="134.72"/> <rect x="358.896" y="162.56" style="fill:#25B6D2;" width="19.216" height="53.104"/> </g> <g> <rect x="383.896" y="215.664" style="fill:#E04F5F;" width="19.216" height="36.288"/> <rect x="408.88" y="215.664" style="fill:#E04F5F;" width="19.216" height="76.952"/> </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
2.29 KB
1.13 KB
-51%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
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/294219/bars-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"> <path style="fill:#415E72;" d="M0,355.2v-324c0.104-5.704,4.696-10.296,10.4-10.4h491.2c5.704,0.104,10.296,4.696,10.4,10.4v324H0z" /> <g> <path style="fill:#CFDCE5;" d="M512,355.2v41.6c-0.104,5.704-4.696,10.296-10.4,10.4H10.4c-5.704-0.104-10.296-4.696-10.4-10.4 v-41.6H512z"/> <rect x="146.4" y="480.8" style="fill:#CFDCE5;" width="219.2" height="10.4"/> </g> <polygon style="fill:#AAC1CE;" points="328.8,480.8 183.2,480.8 193.6,407.2 318.4,407.2 "/> <rect x="20.8" y="41.6" style="fill:#FFFFFF;" width="470.4" height="292.8"/> <polygon style="fill:#8BA0AE;" points="318.4,407.2 193.6,407.2 187.792,448.28 320.272,420.424 "/> <g> <rect x="83.888" y="162.56" style="fill:#25B6D2;" width="19.216" height="53.104"/> <rect x="108.888" y="145.912" style="fill:#25B6D2;" width="19.216" height="69.752"/> <rect x="133.888" y="96.64" style="fill:#25B6D2;" width="19.216" height="119.056"/> <rect x="158.888" y="162.56" style="fill:#25B6D2;" width="19.216" height="53.104"/> </g> <g> <rect x="183.888" y="215.664" style="fill:#E04F5F;" width="19.216" height="36.288"/> <rect x="208.88" y="215.664" style="fill:#E04F5F;" width="19.216" height="76.952"/> <rect x="233.92" y="215.664" style="fill:#E04F5F;" width="19.216" height="36.288"/> </g> <g> <rect x="258.896" y="180.792" style="fill:#25B6D2;" width="19.216" height="34.872"/> <rect x="283.896" y="124.176" style="fill:#25B6D2;" width="19.216" height="91.488"/> <rect x="308.896" y="162.56" style="fill:#25B6D2;" width="19.216" height="53.104"/> <rect x="333.896" y="80.944" style="fill:#25B6D2;" width="19.216" height="134.72"/> <rect x="358.896" y="162.56" style="fill:#25B6D2;" width="19.216" height="53.104"/> </g> <g> <rect x="383.896" y="215.664" style="fill:#E04F5F;" width="19.216" height="36.288"/> <rect x="408.88" y="215.664" style="fill:#E04F5F;" width="19.216" height="76.952"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download