Add icons to this collection by clicking the heart icon.
Xylophone icon - also known as music, musical, toy, musical instrument, toys, musical instruments, xylophone, xylophones, music and multimedia, and kid and baby. Created in a clean lineal color style with a black, 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 0v152.386c0 4.195-.618 8.252-1.77 12.085-5.231 17.468-21.494 30.291-40.606 30.291-23.307 0-42.376-19.069-42.376-42.376V-17.118c0-23.306 19.069-42.375 42.376-42.375 19.112 0 35.375 12.823 40.606 30.291A41.918 41.918 0 0 1 0-17.118z"
transform="translate(94.751 188.367)"
fill="#53c9d8"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0 60.739 8.846v30.722l-62.506-9.103A42.037 42.037 0 0 0 0 18.38Z"
transform="translate(94.751 322.373)"
fill="#ffe7c3"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-60.739 8.846V-8.272c0-4.195-.618-8.252-1.77-12.084L0-29.46Z"
transform="translate(155.49 179.521)"
fill="#ffe7c3"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0V-181.158c0-23.307 19.069-42.376 42.376-42.376 19.112 0 35.374 12.823 40.606 30.291a41.924 41.924 0 0 1 1.769 12.085v211.88c0 4.195-.617 8.252-1.769 12.084-5.231 17.468-21.494 30.292-40.607 30.292C19.069 73.098 0 54.028 0 30.722Z"
transform="translate(155.49 331.219)"
fill="#ffd777"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0 60.74 8.846v30.722l-62.506-9.103A42.06 42.06 0 0 0 0 18.38Z"
transform="translate(240.242 343.56)"
fill="#ffe7c3"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-60.74 8.846V-8.273c0-4.194-.617-8.252-1.769-12.084L0-29.461Z"
transform="translate(300.981 158.333)"
fill="#ffe7c3"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-223.534c0-23.306 19.069-42.375 42.376-42.375s42.376 19.069 42.376 42.375V30.723c0 23.306-19.069 42.375-42.377 42.375C19.069 73.098 0 54.029 0 30.722Z"
transform="translate(300.981 352.406)"
fill="#ff836c"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c0-11.785 6.403-22.075 15.92-27.579a31.682 31.682 0 0 1 15.919-4.26c5.8 0 11.237 1.551 15.92 4.26C57.276-22.075 63.679-11.785 63.679 0c0 17.584-14.255 31.839-31.84 31.839C14.255 31.839 0 17.584 0 0"
transform="translate(438.322 393.665)"
fill="#ffba4a"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-263.67c0-8.753 7.166-15.919 15.92-15.919s15.919 7.164 15.919 15.919L31.84 0a31.686 31.686 0 0 0-15.921-4.26A31.682 31.682 0 0 0 0 0"
transform="translate(454.242 366.086)"
fill="#ffe7c3"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-263.67c0-8.755-7.166-15.919-15.919-15.919h-.001c-8.754 0-15.919 7.166-15.919 15.919V0"
transform="translate(486.081 366.086)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-17.584-14.255-31.839-31.84-31.839-17.584 0-31.839 14.255-31.839 31.839 0 17.584 14.255 31.839 31.839 31.839C-14.255 31.839 0 17.584 0 0Z"
transform="translate(502.001 393.665)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v.269m0 39.966C0 63.542 19.069 82.61 42.376 82.61s42.376-19.068 42.376-42.375v-169.504c0-23.307-19.069-42.376-42.376-42.376S0-152.576 0-129.269V-28.73"
transform="translate(9.999 300.518)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0c23.307 0 42.376-19.069 42.376-42.375v-211.881c0-23.307-19.069-42.375-42.376-42.375v0c-23.306 0-42.375 19.068-42.375 42.375v211.881C-42.375-19.069-23.306 0 0 0Z"
transform="translate(197.866 404.316)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 62.509 9.103m-208-30.291 62.509 9.104"
transform="translate(238.472 374.025)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 62.509-9.104m-208 30.292 62.509-9.103"
transform="translate(238.472 137.976)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 60.739 8.846m-206.23-30.034 60.739 8.846"
transform="translate(240.242 343.56)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 60.739-8.846m-206.23 30.034 60.739-8.846"
transform="translate(240.242 167.179)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v.222"
transform="translate(52.375 340.531)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v.222"
transform="translate(52.375 171.027)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v.222"
transform="translate(197.866 361.718)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v.222"
transform="translate(197.866 149.84)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v.222"
transform="translate(343.357 382.907)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v.222"
transform="translate(343.357 128.651)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-.27m0-39.965c0-23.307-19.069-42.376-42.376-42.376s-42.376 19.069-42.376 42.376v254.256c0 23.307 19.069 42.375 42.376 42.375S0 237.328 0 214.021V28.73"
transform="translate(385.733 169.108)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category