SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Accordion
Musical Instruments 3
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
3.98 KB
2.38 KB
-40%
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/188499/accordion --> <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"> <g> <path style="fill:#9E0018;" d="M114.643,421.287H42.633C19.088,421.287,0,402.199,0,378.654V133.346 c0-23.545,19.088-42.633,42.633-42.633h72.011V421.287z"/> <path style="fill:#9E0018;" d="M415.165,421.287h54.202c23.545,0,42.633-19.088,42.633-42.633V133.346 c0-23.545-19.088-42.633-42.633-42.633h-54.202V421.287z"/> </g> <path style="fill:#A56200;" d="M163.061,66.226L142.47,90.713c0,16.859,0,313.925,0,330.574l20.591,24.487l20.591-24.487 c0-16.649,0-313.726,0-330.574L163.061,66.226z"/> <path style="fill:#844D00;" d="M163.061,66.226v379.548l20.591-24.487c0-16.649,0-313.726,0-330.574L163.061,66.226z"/> <g> <path style="fill:#A56200;" d="M204.021,66.226L183.43,90.713c0,16.859,0,313.925,0,330.574l20.591,24.487l20.591-24.487 c0-16.649,0-313.726,0-330.574L204.021,66.226z"/> <path style="fill:#A56200;" d="M244.981,66.226L224.39,90.713c0,16.859,0,313.925,0,330.574l20.591,24.487l20.591-24.487 c0-16.649,0-313.726,0-330.574L244.981,66.226z"/> <path style="fill:#A56200;" d="M285.941,66.226L265.35,90.713c0,16.859,0,313.925,0,330.574l20.591,24.487l20.591-24.487 c0-16.649,0-313.726,0-330.574L285.941,66.226z"/> <path style="fill:#A56200;" d="M326.901,66.226L306.31,90.713c0,16.859,0,313.925,0,330.574l20.591,24.487l20.591-24.487 c0-16.649,0-313.726,0-330.574L326.901,66.226z"/> <path style="fill:#A56200;" d="M367.861,66.226L347.27,90.713c0,16.859,0,313.925,0,330.574l20.591,24.487l20.591-24.487 c0-16.649,0-313.726,0-330.574L367.861,66.226z"/> </g> <g> <path style="fill:#844D00;" d="M204.021,66.226v379.548l20.591-24.487c0-16.649,0-313.726,0-330.574L204.021,66.226z"/> <path style="fill:#844D00;" d="M244.981,66.226v379.548l20.591-24.487c0-16.649,0-313.726,0-330.574L244.981,66.226z"/> <path style="fill:#844D00;" d="M285.941,66.226v379.548l20.591-24.487c0-16.649,0-313.726,0-330.574L285.941,66.226z"/> <path style="fill:#844D00;" d="M326.901,66.226v379.548l20.591-24.487c0-16.649,0-313.726,0-330.574L326.901,66.226z"/> <path style="fill:#844D00;" d="M367.861,66.226v379.548l20.591-24.487c0-16.649,0-313.726,0-330.574L367.861,66.226z"/> </g> <circle style="fill:#FACE17;" cx="57.322" cy="256" r="16.696"/> <g> <circle style="fill:#FFFFFF;" cx="57.322" cy="194.783" r="16.696"/> <circle style="fill:#FFFFFF;" cx="57.322" cy="134.678" r="16.696"/> </g> <g> <circle style="fill:#FACE17;" cx="57.322" cy="194.783" r="16.696"/> <circle style="fill:#FACE17;" cx="57.322" cy="134.678" r="16.696"/> <circle style="fill:#FACE17;" cx="57.322" cy="376.209" r="16.696"/> <circle style="fill:#FACE17;" cx="57.322" cy="316.104" r="16.696"/> </g> <g> <path style="fill:#522F00;" d="M452.452,256c0,9.22,7.475,16.696,16.696,16.696H512v-33.391h-42.852 C459.927,239.304,452.452,246.78,452.452,256z"/> <path style="fill:#522F00;" d="M512,378.654v-19.141h-42.852c-9.22,0-16.696,7.475-16.696,16.696s7.475,16.696,16.696,16.696 h40.403C511.132,388.448,512,383.653,512,378.654z"/> <path style="fill:#522F00;" d="M452.452,135.791c0,9.22,7.475,16.696,16.696,16.696H512v-19.141c0-4.999-0.868-9.794-2.449-14.25 h-40.403C459.927,119.096,452.452,126.571,452.452,135.791z"/> <path style="fill:#522F00;" d="M452.452,316.104c0,9.22,7.475,16.696,16.696,16.696H512v-33.391h-42.852 C459.927,299.409,452.452,306.884,452.452,316.104z"/> <path style="fill:#522F00;" d="M469.148,179.2c-9.22,0-16.696,7.475-16.696,16.696s7.475,16.696,16.696,16.696H512V179.2H469.148z" /> </g> <g> <rect x="76.166" y="90.713" style="fill:#7E0014;" width="38.478" height="330.574"/> <rect x="415.165" y="90.713" style="fill:#7E0014;" width="37.287" height="330.574"/> </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
3.98 KB
2.38 KB
-40%
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/188499/accordion --> <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"> <g> <path style="fill:#9E0018;" d="M114.643,421.287H42.633C19.088,421.287,0,402.199,0,378.654V133.346 c0-23.545,19.088-42.633,42.633-42.633h72.011V421.287z"/> <path style="fill:#9E0018;" d="M415.165,421.287h54.202c23.545,0,42.633-19.088,42.633-42.633V133.346 c0-23.545-19.088-42.633-42.633-42.633h-54.202V421.287z"/> </g> <path style="fill:#A56200;" d="M163.061,66.226L142.47,90.713c0,16.859,0,313.925,0,330.574l20.591,24.487l20.591-24.487 c0-16.649,0-313.726,0-330.574L163.061,66.226z"/> <path style="fill:#844D00;" d="M163.061,66.226v379.548l20.591-24.487c0-16.649,0-313.726,0-330.574L163.061,66.226z"/> <g> <path style="fill:#A56200;" d="M204.021,66.226L183.43,90.713c0,16.859,0,313.925,0,330.574l20.591,24.487l20.591-24.487 c0-16.649,0-313.726,0-330.574L204.021,66.226z"/> <path style="fill:#A56200;" d="M244.981,66.226L224.39,90.713c0,16.859,0,313.925,0,330.574l20.591,24.487l20.591-24.487 c0-16.649,0-313.726,0-330.574L244.981,66.226z"/> <path style="fill:#A56200;" d="M285.941,66.226L265.35,90.713c0,16.859,0,313.925,0,330.574l20.591,24.487l20.591-24.487 c0-16.649,0-313.726,0-330.574L285.941,66.226z"/> <path style="fill:#A56200;" d="M326.901,66.226L306.31,90.713c0,16.859,0,313.925,0,330.574l20.591,24.487l20.591-24.487 c0-16.649,0-313.726,0-330.574L326.901,66.226z"/> <path style="fill:#A56200;" d="M367.861,66.226L347.27,90.713c0,16.859,0,313.925,0,330.574l20.591,24.487l20.591-24.487 c0-16.649,0-313.726,0-330.574L367.861,66.226z"/> </g> <g> <path style="fill:#844D00;" d="M204.021,66.226v379.548l20.591-24.487c0-16.649,0-313.726,0-330.574L204.021,66.226z"/> <path style="fill:#844D00;" d="M244.981,66.226v379.548l20.591-24.487c0-16.649,0-313.726,0-330.574L244.981,66.226z"/> <path style="fill:#844D00;" d="M285.941,66.226v379.548l20.591-24.487c0-16.649,0-313.726,0-330.574L285.941,66.226z"/> <path style="fill:#844D00;" d="M326.901,66.226v379.548l20.591-24.487c0-16.649,0-313.726,0-330.574L326.901,66.226z"/> <path style="fill:#844D00;" d="M367.861,66.226v379.548l20.591-24.487c0-16.649,0-313.726,0-330.574L367.861,66.226z"/> </g> <circle style="fill:#FACE17;" cx="57.322" cy="256" r="16.696"/> <g> <circle style="fill:#FFFFFF;" cx="57.322" cy="194.783" r="16.696"/> <circle style="fill:#FFFFFF;" cx="57.322" cy="134.678" r="16.696"/> </g> <g> <circle style="fill:#FACE17;" cx="57.322" cy="194.783" r="16.696"/> <circle style="fill:#FACE17;" cx="57.322" cy="134.678" r="16.696"/> <circle style="fill:#FACE17;" cx="57.322" cy="376.209" r="16.696"/> <circle style="fill:#FACE17;" cx="57.322" cy="316.104" r="16.696"/> </g> <g> <path style="fill:#522F00;" d="M452.452,256c0,9.22,7.475,16.696,16.696,16.696H512v-33.391h-42.852 C459.927,239.304,452.452,246.78,452.452,256z"/> <path style="fill:#522F00;" d="M512,378.654v-19.141h-42.852c-9.22,0-16.696,7.475-16.696,16.696s7.475,16.696,16.696,16.696 h40.403C511.132,388.448,512,383.653,512,378.654z"/> <path style="fill:#522F00;" d="M452.452,135.791c0,9.22,7.475,16.696,16.696,16.696H512v-19.141c0-4.999-0.868-9.794-2.449-14.25 h-40.403C459.927,119.096,452.452,126.571,452.452,135.791z"/> <path style="fill:#522F00;" d="M452.452,316.104c0,9.22,7.475,16.696,16.696,16.696H512v-33.391h-42.852 C459.927,299.409,452.452,306.884,452.452,316.104z"/> <path style="fill:#522F00;" d="M469.148,179.2c-9.22,0-16.696,7.475-16.696,16.696s7.475,16.696,16.696,16.696H512V179.2H469.148z" /> </g> <g> <rect x="76.166" y="90.713" style="fill:#7E0014;" width="38.478" height="330.574"/> <rect x="415.165" y="90.713" style="fill:#7E0014;" width="37.287" height="330.574"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download