SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Xylophone
Kindergarden
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
5.76 KB
4.92 KB
-15%
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/49571/xylophone --> <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:#E15050;" d="M26.483,335.448h35.31c9.751,0,17.655-7.904,17.655-17.655V17.655C79.448,7.904,71.544,0,61.793,0 h-35.31C16.732,0,8.828,7.904,8.828,17.655v300.138C8.828,327.544,16.732,335.448,26.483,335.448z"/> <path style="fill:#D24146;" d="M26.483,317.793V17.655C26.483,7.904,34.388,0,44.138,0H26.483C16.733,0,8.828,7.904,8.828,17.655 v300.138c0,9.75,7.905,17.655,17.655,17.655h17.655C34.388,335.448,26.483,327.543,26.483,317.793z"/> <g> <circle style="fill:#FFD796;" cx="44.138" cy="44.138" r="13.241"/> <circle style="fill:#FFD796;" cx="44.138" cy="291.31" r="13.241"/> </g> <path style="fill:#FFAF4B;" d="M97.103,308.966h35.31c9.751,0,17.655-7.904,17.655-17.655V17.655C150.069,7.904,142.165,0,132.414,0 h-35.31c-9.751,0-17.655,7.904-17.655,17.655V291.31C79.448,301.062,87.352,308.966,97.103,308.966z"/> <path style="fill:#FF9B3C;" d="M97.103,291.31V17.655C97.103,7.904,105.009,0,114.759,0H97.103c-9.75,0-17.655,7.904-17.655,17.655 V291.31c0,9.75,7.905,17.655,17.655,17.655h17.655C105.009,308.966,97.103,301.06,97.103,291.31z"/> <g> <circle style="fill:#FFD796;" cx="114.759" cy="44.138" r="13.241"/> <circle style="fill:#FFD796;" cx="114.759" cy="264.828" r="13.241"/> </g> <path style="fill:#FFD558;" d="M167.724,282.483h35.31c9.751,0,17.655-7.904,17.655-17.655V17.655C220.69,7.904,212.786,0,203.034,0 h-35.31c-9.751,0-17.655,7.904-17.655,17.655v247.172C150.069,274.579,157.973,282.483,167.724,282.483z"/> <path style="fill:#FFC34B;" d="M167.724,264.828V17.655C167.724,7.904,175.629,0,185.379,0h-17.655 c-9.75,0-17.655,7.904-17.655,17.655v247.172c0,9.75,7.905,17.655,17.655,17.655h17.655 C175.629,282.483,167.724,274.578,167.724,264.828z"/> <g> <circle style="fill:#FFD796;" cx="185.379" cy="44.138" r="13.241"/> <circle style="fill:#FFD796;" cx="185.379" cy="238.345" r="13.241"/> </g> <path style="fill:#A0EB64;" d="M238.345,256h35.31c9.751,0,17.655-7.904,17.655-17.655V17.655C291.31,7.904,283.406,0,273.655,0 h-35.31c-9.751,0-17.655,7.904-17.655,17.655v220.69C220.69,248.096,228.594,256,238.345,256z"/> <path style="fill:#87D25A;" d="M238.345,238.345V17.655C238.345,7.904,246.25,0,256,0h-17.655c-9.75,0-17.655,7.904-17.655,17.655 v220.69c0,9.75,7.905,17.655,17.655,17.655H256C246.25,256,238.345,248.095,238.345,238.345z"/> <g> <circle style="fill:#FFD796;" cx="256" cy="44.138" r="13.241"/> <circle style="fill:#FFD796;" cx="256" cy="211.862" r="13.241"/> </g> <path style="fill:#00D2B9;" d="M308.966,229.517h35.31c9.751,0,17.655-7.904,17.655-17.655V17.655 C361.931,7.904,354.027,0,344.276,0h-35.31c-9.751,0-17.655,7.904-17.655,17.655v194.207 C291.31,221.613,299.214,229.517,308.966,229.517z"/> <path style="fill:#00BEA9;" d="M308.966,211.862V17.655C308.966,7.904,316.871,0,326.621,0h-17.655 c-9.75,0-17.655,7.904-17.655,17.655v194.207c0,9.75,7.905,17.655,17.655,17.655h17.655 C316.871,229.517,308.966,221.612,308.966,211.862z"/> <g> <circle style="fill:#FFD796;" cx="326.621" cy="44.138" r="13.241"/> <circle style="fill:#FFD796;" cx="326.621" cy="185.379" r="13.241"/> </g> <path style="fill:#8CD2FF;" d="M379.586,203.034h35.31c9.751,0,17.655-7.904,17.655-17.655V17.655 C432.552,7.904,424.648,0,414.897,0h-35.31c-9.751,0-17.655,7.904-17.655,17.655v167.724 C361.931,195.13,369.835,203.034,379.586,203.034z"/> <path style="fill:#69BEFF;" d="M379.586,185.379V17.655C379.586,7.904,387.491,0,397.241,0h-17.655 c-9.75,0-17.655,7.904-17.655,17.655v167.724c0,9.75,7.905,17.655,17.655,17.655h17.655 C387.491,203.034,379.586,195.129,379.586,185.379z"/> <g> <circle style="fill:#FFD796;" cx="397.241" cy="44.138" r="13.241"/> <circle style="fill:#FFD796;" cx="397.241" cy="158.897" r="13.241"/> </g> <path style="fill:#D28CE6;" d="M450.207,176.552h35.31c9.751,0,17.655-7.904,17.655-17.655V17.655 C503.172,7.904,495.268,0,485.517,0h-35.31c-9.751,0-17.655,7.904-17.655,17.655v141.241 C432.552,168.648,440.456,176.552,450.207,176.552z"/> <path style="fill:#BE73D2;" d="M450.207,158.897V17.655C450.207,7.904,458.112,0,467.862,0h-17.655 c-9.75,0-17.655,7.904-17.655,17.655v141.241c0,9.75,7.905,17.655,17.655,17.655h17.655 C458.112,176.552,450.207,168.647,450.207,158.897z"/> <g> <circle style="fill:#FFD796;" cx="467.862" cy="44.138" r="13.241"/> <circle style="fill:#FFD796;" cx="467.862" cy="132.414" r="13.241"/> </g> <path style="fill:#FFC855;" d="M132.423,512c-0.712,0-1.431-0.086-2.151-0.267c-4.728-1.181-7.604-5.974-6.422-10.698l86.069-344.28 c1.185-4.728,6.001-7.604,10.707-6.422c4.728,1.181,7.604,5.974,6.422,10.702l-86.069,344.276 C139.975,509.327,136.375,512,132.423,512z"/> <circle style="fill:#734B46;" cx="220.69" cy="150.069" r="26.483"/> <path style="fill:#8C5F56;" d="M229.517,125.208c-10.262,3.648-17.655,13.347-17.655,24.861c0,11.513,7.393,21.213,17.655,24.861 c10.262-3.648,17.655-13.347,17.655-24.861C247.172,138.556,239.779,128.856,229.517,125.208z"/> <path style="fill:#FFC855;" d="M414.888,512c0.712,0,1.431-0.086,2.151-0.267c4.728-1.181,7.604-5.974,6.422-10.698l-86.069-344.28 c-1.185-4.728-6.001-7.604-10.707-6.422c-4.728,1.181-7.604,5.974-6.422,10.702l86.069,344.276 C407.336,509.327,410.935,512,414.888,512z"/> <circle style="fill:#734B46;" cx="326.621" cy="150.069" r="26.483"/> <path style="fill:#8C5F56;" d="M335.448,174.93c-10.262-3.648-17.655-13.347-17.655-24.861c0-11.513,7.393-21.213,17.655-24.861 c10.262,3.648,17.655,13.347,17.655,24.861C353.103,161.582,345.71,171.282,335.448,174.93z"/> </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
5.76 KB
4.92 KB
-15%
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/49571/xylophone --> <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:#E15050;" d="M26.483,335.448h35.31c9.751,0,17.655-7.904,17.655-17.655V17.655C79.448,7.904,71.544,0,61.793,0 h-35.31C16.732,0,8.828,7.904,8.828,17.655v300.138C8.828,327.544,16.732,335.448,26.483,335.448z"/> <path style="fill:#D24146;" d="M26.483,317.793V17.655C26.483,7.904,34.388,0,44.138,0H26.483C16.733,0,8.828,7.904,8.828,17.655 v300.138c0,9.75,7.905,17.655,17.655,17.655h17.655C34.388,335.448,26.483,327.543,26.483,317.793z"/> <g> <circle style="fill:#FFD796;" cx="44.138" cy="44.138" r="13.241"/> <circle style="fill:#FFD796;" cx="44.138" cy="291.31" r="13.241"/> </g> <path style="fill:#FFAF4B;" d="M97.103,308.966h35.31c9.751,0,17.655-7.904,17.655-17.655V17.655C150.069,7.904,142.165,0,132.414,0 h-35.31c-9.751,0-17.655,7.904-17.655,17.655V291.31C79.448,301.062,87.352,308.966,97.103,308.966z"/> <path style="fill:#FF9B3C;" d="M97.103,291.31V17.655C97.103,7.904,105.009,0,114.759,0H97.103c-9.75,0-17.655,7.904-17.655,17.655 V291.31c0,9.75,7.905,17.655,17.655,17.655h17.655C105.009,308.966,97.103,301.06,97.103,291.31z"/> <g> <circle style="fill:#FFD796;" cx="114.759" cy="44.138" r="13.241"/> <circle style="fill:#FFD796;" cx="114.759" cy="264.828" r="13.241"/> </g> <path style="fill:#FFD558;" d="M167.724,282.483h35.31c9.751,0,17.655-7.904,17.655-17.655V17.655C220.69,7.904,212.786,0,203.034,0 h-35.31c-9.751,0-17.655,7.904-17.655,17.655v247.172C150.069,274.579,157.973,282.483,167.724,282.483z"/> <path style="fill:#FFC34B;" d="M167.724,264.828V17.655C167.724,7.904,175.629,0,185.379,0h-17.655 c-9.75,0-17.655,7.904-17.655,17.655v247.172c0,9.75,7.905,17.655,17.655,17.655h17.655 C175.629,282.483,167.724,274.578,167.724,264.828z"/> <g> <circle style="fill:#FFD796;" cx="185.379" cy="44.138" r="13.241"/> <circle style="fill:#FFD796;" cx="185.379" cy="238.345" r="13.241"/> </g> <path style="fill:#A0EB64;" d="M238.345,256h35.31c9.751,0,17.655-7.904,17.655-17.655V17.655C291.31,7.904,283.406,0,273.655,0 h-35.31c-9.751,0-17.655,7.904-17.655,17.655v220.69C220.69,248.096,228.594,256,238.345,256z"/> <path style="fill:#87D25A;" d="M238.345,238.345V17.655C238.345,7.904,246.25,0,256,0h-17.655c-9.75,0-17.655,7.904-17.655,17.655 v220.69c0,9.75,7.905,17.655,17.655,17.655H256C246.25,256,238.345,248.095,238.345,238.345z"/> <g> <circle style="fill:#FFD796;" cx="256" cy="44.138" r="13.241"/> <circle style="fill:#FFD796;" cx="256" cy="211.862" r="13.241"/> </g> <path style="fill:#00D2B9;" d="M308.966,229.517h35.31c9.751,0,17.655-7.904,17.655-17.655V17.655 C361.931,7.904,354.027,0,344.276,0h-35.31c-9.751,0-17.655,7.904-17.655,17.655v194.207 C291.31,221.613,299.214,229.517,308.966,229.517z"/> <path style="fill:#00BEA9;" d="M308.966,211.862V17.655C308.966,7.904,316.871,0,326.621,0h-17.655 c-9.75,0-17.655,7.904-17.655,17.655v194.207c0,9.75,7.905,17.655,17.655,17.655h17.655 C316.871,229.517,308.966,221.612,308.966,211.862z"/> <g> <circle style="fill:#FFD796;" cx="326.621" cy="44.138" r="13.241"/> <circle style="fill:#FFD796;" cx="326.621" cy="185.379" r="13.241"/> </g> <path style="fill:#8CD2FF;" d="M379.586,203.034h35.31c9.751,0,17.655-7.904,17.655-17.655V17.655 C432.552,7.904,424.648,0,414.897,0h-35.31c-9.751,0-17.655,7.904-17.655,17.655v167.724 C361.931,195.13,369.835,203.034,379.586,203.034z"/> <path style="fill:#69BEFF;" d="M379.586,185.379V17.655C379.586,7.904,387.491,0,397.241,0h-17.655 c-9.75,0-17.655,7.904-17.655,17.655v167.724c0,9.75,7.905,17.655,17.655,17.655h17.655 C387.491,203.034,379.586,195.129,379.586,185.379z"/> <g> <circle style="fill:#FFD796;" cx="397.241" cy="44.138" r="13.241"/> <circle style="fill:#FFD796;" cx="397.241" cy="158.897" r="13.241"/> </g> <path style="fill:#D28CE6;" d="M450.207,176.552h35.31c9.751,0,17.655-7.904,17.655-17.655V17.655 C503.172,7.904,495.268,0,485.517,0h-35.31c-9.751,0-17.655,7.904-17.655,17.655v141.241 C432.552,168.648,440.456,176.552,450.207,176.552z"/> <path style="fill:#BE73D2;" d="M450.207,158.897V17.655C450.207,7.904,458.112,0,467.862,0h-17.655 c-9.75,0-17.655,7.904-17.655,17.655v141.241c0,9.75,7.905,17.655,17.655,17.655h17.655 C458.112,176.552,450.207,168.647,450.207,158.897z"/> <g> <circle style="fill:#FFD796;" cx="467.862" cy="44.138" r="13.241"/> <circle style="fill:#FFD796;" cx="467.862" cy="132.414" r="13.241"/> </g> <path style="fill:#FFC855;" d="M132.423,512c-0.712,0-1.431-0.086-2.151-0.267c-4.728-1.181-7.604-5.974-6.422-10.698l86.069-344.28 c1.185-4.728,6.001-7.604,10.707-6.422c4.728,1.181,7.604,5.974,6.422,10.702l-86.069,344.276 C139.975,509.327,136.375,512,132.423,512z"/> <circle style="fill:#734B46;" cx="220.69" cy="150.069" r="26.483"/> <path style="fill:#8C5F56;" d="M229.517,125.208c-10.262,3.648-17.655,13.347-17.655,24.861c0,11.513,7.393,21.213,17.655,24.861 c10.262-3.648,17.655-13.347,17.655-24.861C247.172,138.556,239.779,128.856,229.517,125.208z"/> <path style="fill:#FFC855;" d="M414.888,512c0.712,0,1.431-0.086,2.151-0.267c4.728-1.181,7.604-5.974,6.422-10.698l-86.069-344.28 c-1.185-4.728-6.001-7.604-10.707-6.422c-4.728,1.181-7.604,5.974-6.422,10.702l86.069,344.276 C407.336,509.327,410.935,512,414.888,512z"/> <circle style="fill:#734B46;" cx="326.621" cy="150.069" r="26.483"/> <path style="fill:#8C5F56;" d="M335.448,174.93c-10.262-3.648-17.655-13.347-17.655-24.861c0-11.513,7.393-21.213,17.655-24.861 c10.262,3.648,17.655,13.347,17.655,24.861C353.103,161.582,345.71,171.282,335.448,174.93z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download