Add icons to this collection by clicking the heart icon.
Xylophone icon - also known as music, childhood, toy, musical instrument, percussion instrument, orchestra, xylophone, music and multimedia, and kid and baby. Created in a clean lineal color style with a white, silver, gray, black, red, teal, orange, and pink 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c-2.988 0-6.004.89-8.632 2.743-6.77 4.775-8.388 14.133-3.613 20.903l129.099 183.058c4.775 6.77 14.133 8.389 20.904 3.613 6.77-4.774 8.388-14.132 3.613-20.902L12.271 6.356A14.983 14.983 0 0 0 0 0"
transform="translate(57.187 8.82)"
fill="#44596a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c2.988 0 6.004.89 8.632 2.743 6.77 4.775 8.388 14.133 3.613 20.903l-129.099 183.058c-4.775 6.77-14.133 8.389-20.904 3.613-6.77-4.774-8.388-14.132-3.613-20.902l129.1-183.059A14.983 14.983 0 0 1 0 0"
transform="translate(454.813 8.82)"
fill="#44596a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-49.7 85.582v17.122c0 12.114-9.821 21.935-21.935 21.935h-55.53c-12.114 0-21.935-9.821-21.935-21.935L-198.8 0l49.7-102.704c0-12.114 9.821-21.935 21.935-21.935h55.53c12.114 0 21.935 9.821 21.935 21.935v17.122z"
transform="translate(454.8 326.705)"
fill="#ff6868"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v17.122c0 12.114-9.821 21.935-21.935 21.935h-55.53c-12.114 0-21.935-9.821-21.935-21.935l-49.7-136.476 49.7-137.419c0-12.114 9.821-21.935 21.935-21.935h55.53C-9.821-278.708 0-268.887 0-256.773v17.122l49.7 119.826z"
transform="translate(206.3 446.53)"
fill="#ff89c5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-55.53c-12.114 0-21.935-9.821-21.935-21.935v-308.138c0-12.114 9.821-21.935 21.935-21.935H0c12.114 0 21.935 9.821 21.935 21.935v308.138C21.935-9.821 12.114 0 0 0"
transform="translate(84.965 503.18)"
fill="#4697ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-41.19 0-74.7-33.51-74.7-74.7a74.229 74.229 0 0 1 10.404-37.967 21.917 21.917 0 0 1 6.831-1.09h55.53c12.114 0 21.935 9.821 21.935 21.935V-74.7l24.778 59.74C32.295-5.573 16.789 0 0 0"
transform="translate(186.3 281.58)"
fill="#f95ac9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-15.431 0-29.773-4.716-41.685-12.766L-20-57.578c0-12.115 9.821-21.935 21.935-21.935h55.53c6.943 0 13.128 3.229 17.148 8.264C72.802-31.656 40.033 0 0 0"
transform="translate(325.7 281.58)"
fill="#f44"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-55.53c-12.114 0-21.935-9.821-21.935-21.935v-239.651c0-12.114 9.821-21.935 21.935-21.935H0c12.114 0 21.935 9.821 21.935 21.935v239.651C21.935-9.821 12.114 0 0 0"
transform="translate(283.765 468.465)"
fill="#ffe675"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-55.53c-12.114 0-21.935-9.821-21.935-21.935v-171.164c0-12.114 9.821-21.935 21.935-21.935H0c12.114 0 21.935 9.821 21.935 21.935v171.164C21.935-9.821 12.114 0 0 0"
transform="translate(482.565 434.222)"
fill="#2db48a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.445 21.869-26.888 38.806-49.7 45.157v-71.979c0-12.114 9.821-21.935 21.935-21.935h55.53c12.114 0 21.935 9.821 21.935 21.935v71.979C26.888 38.806 8.445 21.869 0 0"
transform="translate(256 233.701)"
fill="#ffb258"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-27.449-22.251-49.7-49.7-49.7S-99.4-27.449-99.4 0s22.251 49.7 49.7 49.7S0 27.449 0 0"
transform="translate(236 206.88)"
fill="#ececee"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-27.448 0-49.7 22.251-49.7 49.7 0 8.581 2.175 16.654 6.003 23.697C-59.186 64.98-69.7 48.568-69.7 29.7-69.7 2.251-47.448-20-20-20-1.132-20 15.28-9.486 23.697 6.003A49.477 49.477 0 0 0 0 0"
transform="translate(206.3 177.18)"
fill="#dadadc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-27.449 22.251-49.7 49.7-49.7S99.4-27.449 99.4 0 77.149 49.7 49.7 49.7 0 27.449 0 0"
transform="translate(276 206.88)"
fill="#ececee"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-27.449 0-49.7 22.251-49.7 49.7 0 8.581 2.175 16.654 6.003 23.697C-59.186 64.98-69.7 48.568-69.7 29.7-69.7 2.251-47.449-20-20-20-1.132-20 15.28-9.486 23.697 6.003A49.477 49.477 0 0 0 0 0"
transform="translate(345.7 177.18)"
fill="#dadadc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v73.839c0 12.115-9.82 21.935-21.935 21.935h-55.53c-12.114 0-21.935-9.82-21.935-21.935v-308.138c0-12.114 9.821-21.935 21.935-21.935h55.53C-9.82-256.234 0-246.413 0-234.299V-30"
transform="translate(106.9 407.406)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-31.283c0-12.114 9.821-21.935 21.935-21.935h55.53c12.114 0 21.935 9.821 21.935 21.935v171.164c0 12.115-9.821 21.935-21.935 21.935h-55.53C9.821 161.816 0 151.996 0 139.881V30"
transform="translate(405.1 272.406)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-5.911-4.792-10.703-10.703-10.703-5.91 0-10.702 4.792-10.702 10.703s4.792 10.703 10.702 10.703C-4.792 10.703 0 5.911 0 0"
transform="translate(67.903 454.993)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-5.911-4.792-10.703-10.703-10.703-5.91 0-10.702 4.792-10.702 10.703s4.792 10.703 10.702 10.703C-4.792 10.703 0 5.911 0 0"
transform="translate(167.303 440.62)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-5.911-4.792-10.703-10.703-10.703-5.91 0-10.702 4.792-10.702 10.703s4.792 10.703 10.702 10.703C-4.792 10.703 0 5.911 0 0"
transform="translate(266.703 426.248)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 5.911-4.792 10.703-10.703 10.703-5.91 0-10.702-4.792-10.702-10.703s4.792-10.703 10.702-10.703C-4.792-10.703 0-5.911 0 0"
transform="translate(266.703 227.162)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-5.911-4.792-10.703-10.703-10.703-5.91 0-10.702 4.792-10.702 10.703s4.792 10.703 10.702 10.703C-4.792 10.703 0 5.911 0 0"
transform="translate(366.103 411.875)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-5.911-4.792-10.703-10.703-10.703-5.91 0-10.702 4.792-10.702 10.703s4.792 10.703 10.702 10.703C-4.792 10.703 0 5.911 0 0"
transform="translate(465.503 397.503)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 5.911-4.792 10.703-10.703 10.703-5.91 0-10.702-4.792-10.702-10.703s4.792-10.703 10.702-10.703C-4.792-10.703 0-5.911 0 0"
transform="translate(67.903 198.417)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 5.911-4.792 10.703-10.703 10.703-5.91 0-10.702-4.792-10.702-10.703s4.792-10.703 10.702-10.703C-4.792-10.703 0-5.911 0 0"
transform="translate(465.503 255.907)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-101.795-144.342c-4.775-6.769-3.157-16.128 3.613-20.902a14.922 14.922 0 0 1 8.632-2.743c4.711 0 9.35 2.213 12.271 6.356L24.508-17.301C14.649-14.17 6.127-8.048 0 0Z"
transform="translate(146.737 176.808)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-187.648c0-12.114 9.82-21.935 21.935-21.935h26.749c-11.556 9.1-18.984 23.207-18.984 39.057 0 27.448 22.251 49.7 49.7 49.7a49.504 49.504 0 0 0 20-4.202V86.247c0 12.114-9.821 21.935-21.935 21.935h-55.53C9.82 108.182 0 98.361 0 86.247V30"
transform="translate(106.9 377.406)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-27.449-22.251-49.7-49.7-49.7S-99.4-27.449-99.4 0s22.251 49.7 49.7 49.7S0 27.449 0 0Z"
transform="translate(236 206.88)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v127.003c0 12.114-9.821 21.935-21.935 21.935h-55.53c-12.114 0-21.935-9.821-21.935-21.935V-50.028a49.504 49.504 0 0 0 20 4.202c27.449 0 49.7-22.252 49.7-49.7 0-1.625-.084-3.229-.236-4.813h8.001C-9.821-100.339 0-90.519 0-78.404V-30"
transform="translate(405.1 302.406)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a49.492 49.492 0 0 0-5.1 21.935c0 20.331 12.215 37.801 29.701 45.499v194.152c0 12.114-9.821 21.935-21.935 21.935h-55.53c-12.115 0-21.935-9.821-21.935-21.935V67.433C-57.314 59.736-45.1 42.266-45.1 21.935A49.478 49.478 0 0 0-50.199 0Z"
transform="translate(281.1 184.944)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-101.795 144.342c-6.127-8.048-14.649-14.17-24.509-17.301l101.787-144.33a14.984 14.984 0 0 1 12.272-6.357c2.988 0 6.004.89 8.632 2.744C3.157-16.128 4.774-6.77 0 0Z"
transform="translate(467.058 32.466)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-27.449 22.251-49.7 49.7-49.7S99.4-27.449 99.4 0 77.149 49.7 49.7 49.7 0 27.449 0 0Z"
transform="translate(276 206.88)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category