Add icons to this collection by clicking the heart icon.
Xylophone icon - also known as musical instrument, percussion instrument, orchestra, xylophone, and music and multimedia. Created in a clean flat gradient style with a maroon, green, teal, and orange 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="512"
height="512"
viewBox="0 0 52 52"
>
<linearGradient id="a">
<stop offset="0" stop-color="#dae7ed" />
<stop offset=".713" stop-color="#a2b9bd" />
<stop offset="1" stop-color="#8ca6aa" />
</linearGradient>
<linearGradient
id="f"
x1="184.063"
x2="217.339"
y1="1996.211"
y2="1996.211"
gradientTransform="rotate(33.28 3400.077 726.441)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="182.062"
x2="217.339"
y1="1994.658"
y2="1994.658"
gradientTransform="rotate(33.28 3400.077 726.441)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="182.056"
x2="184.069"
y1="2005.518"
y2="2005.518"
gradientTransform="rotate(33.28 3400.077 726.441)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="172.317"
x2="206.418"
y1="1989.767"
y2="1989.767"
gradientTransform="rotate(33.28 3400.077 726.441)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="170.317"
x2="206.418"
y1="1988.214"
y2="1988.214"
gradientTransform="rotate(33.28 3400.077 726.441)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="170.311"
x2="172.324"
y1="1998.674"
y2="1998.674"
gradientTransform="rotate(33.28 3400.077 726.441)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset=".569" stop-color="#55b4fb" />
<stop offset="1" stop-color="#0d81f3" />
</linearGradient>
<linearGradient
id="l"
x1="201.84"
x2="217.997"
y1="1981.473"
y2="1981.473"
gradientTransform="rotate(33.28 3400.077 726.441)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset=".404" stop-color="#ff4e61" />
<stop offset="1" stop-color="#c70a30" />
</linearGradient>
<linearGradient
id="m"
x1="197.389"
x2="214.078"
y1="1983.905"
y2="1983.905"
gradientTransform="rotate(33.28 3400.077 726.441)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="192.613"
x2="209.881"
y1="1986.512"
y2="1986.512"
gradientTransform="rotate(33.28 3400.077 726.441)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#82ea73" />
<stop offset=".832" stop-color="#2fa52f" />
</linearGradient>
<linearGradient id="d">
<stop offset="0" stop-color="#fef328" />
<stop offset=".886" stop-color="#ff7f02" />
</linearGradient>
<linearGradient
id="o"
x1="187.475"
x2="205.374"
y1="1989.314"
y2="1989.314"
gradientTransform="rotate(33.28 3400.077 726.441)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="181.934"
x2="200.524"
y1="1992.334"
y2="1992.334"
gradientTransform="rotate(33.28 3400.077 726.441)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="175.938"
x2="195.287"
y1="1995.598"
y2="1995.598"
gradientTransform="rotate(33.28 3400.077 726.441)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="r"
x1="169.431"
x2="189.616"
y1="1999.136"
y2="1999.136"
gradientTransform="rotate(33.28 3400.077 726.441)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#afd0db" />
</linearGradient>
<linearGradient
id="s"
x1="185.71"
x2="185.71"
y1="2000.125"
y2="2003.762"
gradientTransform="rotate(33.28 3400.077 726.441)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="t"
x1="173.736"
x2="173.736"
y1="1993.114"
y2="1996.751"
gradientTransform="rotate(33.28 3400.077 726.441)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="u"
x1="191.846"
x2="191.846"
y1="1996.475"
y2="1999.894"
gradientTransform="rotate(33.28 3400.077 726.441)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="v"
x1="180.021"
x2="180.021"
y1="1989.464"
y2="1992.883"
gradientTransform="rotate(33.28 3400.077 726.441)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="w"
x1="197.049"
x2="197.049"
y1="1993.39"
y2="1996.603"
gradientTransform="rotate(33.28 3400.077 726.441)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="x"
x1="185.613"
x2="185.613"
y1="1986.639"
y2="1989.852"
gradientTransform="rotate(33.28 3400.077 726.441)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="y"
x1="202.262"
x2="202.262"
y1="1990.301"
y2="1993.321"
gradientTransform="rotate(33.28 3400.077 726.441)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="z"
x1="190.979"
x2="190.979"
y1="1983.74"
y2="1986.76"
gradientTransform="rotate(33.28 3400.077 726.441)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="A"
x1="206.777"
x2="206.777"
y1="1987.469"
y2="1990.307"
gradientTransform="rotate(33.28 3400.077 726.441)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="B"
x1="196.107"
x2="196.107"
y1="1981.299"
y2="1984.138"
gradientTransform="rotate(33.28 3400.077 726.441)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="C"
x1="211.209"
x2="211.209"
y1="1985.166"
y2="1987.834"
gradientTransform="rotate(33.28 3400.077 726.441)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="D"
x1="200.524"
x2="200.524"
y1="1978.998"
y2="1981.667"
gradientTransform="rotate(33.28 3400.077 726.441)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="E"
x1="215.211"
x2="215.211"
y1="1982.51"
y2="1985.018"
gradientTransform="rotate(33.28 3400.077 726.441)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="F"
x1="205.143"
x2="205.143"
y1="1976.697"
y2="1979.205"
gradientTransform="rotate(33.28 3400.077 726.441)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="G"
x1="864.82"
x2="864.82"
y1="2810.728"
y2="2814.067"
gradientTransform="rotate(49.6 3462.82 531.62) skewX(.04)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="H"
x1="858.307"
x2="858.307"
y1="2805.107"
y2="2816.321"
gradientTransform="rotate(49.6 3462.82 531.62) skewX(.04)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="I"
x1="2044.673"
x2="2044.673"
y1="3803.171"
y2="3806.51"
gradientTransform="rotate(75.75 3460.23 618.954)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="J"
x1="846.15"
x2="846.15"
y1="2818.525"
y2="2829.739"
gradientTransform="rotate(49.6 3462.82 531.62) skewX(.04)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<path
fill="url(#f)"
d="m10.378 29.762 38.664 1.722-1.052 1.59-38.883-1.387z"
/>
<path
fill="url(#g)"
d="m9.336 27.692 38.767 2.22.939 1.572-38.664-1.722z"
/>
<path fill="url(#h)" d="m10.378 29.762-1.27 1.925-1.043-2.07 1.27-1.925z" />
<path
fill="url(#i)"
d="m4.313 17.596 38.914 2.842-1.052 1.591-39.133-2.508z"
/>
<path fill="url(#j)" d="m3.27 15.526 39.018 3.34.939 1.572-38.914-2.842z" />
<path fill="url(#k)" d="m4.313 17.596-1.27 1.925L2 17.451l1.27-1.925z" />
<path
fill="url(#l)"
d="M49.949 30.95c.128.256.006.458-.273.453l-2.366-.042a.959.959 0 0 1-.765-.48l-6.7-13.304c-.13-.26.008-.45.31-.423l2.457.222c.29.026.629.253.756.507z"
/>
<path
fill="url(#m)"
d="M45.323 30.855c.132.263-.002.472-.301.467l-2.534-.045c-.311-.005-.673-.228-.809-.498L34.811 17.14c-.136-.27.016-.465.34-.435l2.63.236c.31.028.668.263.8.527z"
/>
<path
fill="url(#n)"
d="M40.368 30.752c.137.272-.011.489-.33.483l-2.72-.048c-.335-.005-.72-.236-.86-.516l-7.05-14c-.14-.278.027-.48.374-.449l2.824.253c.331.031.711.275.849.549z"
/>
<path
fill="url(#o)"
d="M35.048 30.64c.143.284-.02.507-.364.501l-2.928-.05c-.358-.006-.77-.247-.916-.537l-7.244-14.386c-.146-.29.038-.498.412-.465l3.04.273c.356.033.76.287.902.57z"
/>
<path
fill="url(#p)"
d="M29.322 30.522c.148.293-.033.526-.403.519l-3.16-.055c-.387-.007-.825-.256-.977-.558l-7.455-14.803c-.151-.302.053-.518.455-.482l3.28.295c.385.036.816.3.963.594z"
/>
<path
fill="url(#q)"
d="M23.14 30.394c.154.304-.045.546-.447.538l-3.418-.058c-.42-.008-.891-.268-1.05-.583l-7.682-15.255c-.158-.314.07-.536.506-.497l3.55.319c.417.037.877.315 1.03.619z"
/>
<path
fill="#f85a03"
d="m35.055 30.99-.546.826c-.064.096-.192.155-.371.151l-2.929-.049c-.357-.006-.768-.247-.914-.537L23.05 16.996c-.067-.131-.066-.244-.011-.327l.544-.823c-.053.082-.053.196.013.321l7.243 14.387c.146.29.558.53.917.537l2.928.05c.177.003.307-.055.37-.151z"
/>
<path
fill="#b9133b"
d="m45.333 31.192-.547.826c-.054.083-.162.133-.31.13l-2.533-.043c-.311-.005-.674-.229-.809-.499l-6.87-13.638c-.063-.129-.063-.238-.011-.318l.544-.823c-.05.078-.05.188.014.312l6.868 13.64c.135.27.498.494.81.5l2.533.044c.149.002.255-.049.311-.13z"
/>
<path
fill="#0850ac"
d="m29.327 30.877-.545.827c-.07.104-.212.168-.408.164l-3.16-.055c-.387-.008-.827-.257-.978-.558l-7.454-14.804c-.067-.131-.066-.247-.009-.33l.545-.827c-.055.084-.058.199.009.33l7.454 14.804c.153.302.59.55.979.558l3.16.055c.196.003.338-.059.407-.164z"
/>
<path
fill="#b9133b"
d="m23.144 30.755-.546.826c-.075.113-.232.182-.452.178L18.73 31.7c-.42-.006-.893-.268-1.05-.582L9.996 15.863c-.065-.133-.064-.249-.005-.336l.545-.827c-.056.087-.06.203.007.337l7.682 15.254c.16.315.63.576 1.05.582l3.418.06c.218.003.377-.065.451-.178z"
/>
<path
fill="#0850ac"
d="m49.96 31.282-.545.827c-.052.078-.149.123-.286.12l-2.366-.04a.964.964 0 0 1-.764-.483l-6.7-13.303c-.063-.124-.062-.233-.011-.31l.545-.828c-.051.078-.05.186.013.312l6.7 13.304c.131.26.473.475.764.482l2.366.04c.135.002.234-.045.284-.12z"
/>
<path
fill="#209120"
d="m40.377 31.095-.547.826c-.059.09-.176.143-.337.141l-2.721-.048c-.335-.006-.72-.237-.86-.516l-7.05-14c-.064-.127-.065-.24-.01-.32l.545-.827c-.053.081-.053.193.01.32l7.05 14c.14.28.527.51.86.516l2.72.048c.162.002.28-.052.34-.14z"
/>
<path
fill="#f85a03"
d="m16.449 30.62-.545.827c-.081.124-.257.2-.5.196l-3.711-.066c-.458-.007-.964-.281-1.128-.607L2.636 15.224c-.067-.133-.065-.25-.006-.34l.545-.828c-.06.09-.061.208.006.341l7.929 15.746c.166.327.672.6 1.13.608l3.71.063c.242.006.418-.07.499-.194z"
/>
<path
fill="url(#r)"
d="M16.447 30.254c.16.318-.061.57-.497.561l-3.711-.064c-.457-.008-.964-.28-1.129-.608L3.181 14.397c-.164-.327.09-.557.564-.514l3.853.345c.452.042.945.33 1.105.648z"
/>
<path
fill="url(#s)"
d="M14.27 29.815c-.185.282-.95.107-1.707-.39-.758-.498-1.223-1.13-1.038-1.41.185-.282 1.349-.717 2.106-.22.758.498.823 1.738.638 2.02z"
/>
<path
fill="url(#t)"
d="M8.104 17.384c-.184.282-.948.107-1.706-.39s-1.223-1.129-1.038-1.41 1.349-.716 2.106-.219.823 1.738.638 2.02z"
/>
<path
fill="url(#u)"
d="M21.409 29.938c-.174.265-.892.1-1.605-.367-.712-.467-1.149-1.06-.975-1.325s1.268-.673 1.98-.206c.712.468.773 1.634.6 1.898z"
/>
<path
fill="url(#v)"
d="M15.369 17.59c-.174.265-.892.1-1.605-.367-.712-.468-1.149-1.061-.975-1.326.174-.264 1.268-.673 1.98-.205s.773 1.633.6 1.898z"
/>
<path
fill="url(#w)"
d="M27.46 30.034c-.164.249-.84.094-1.509-.345-.67-.44-1.08-.997-.917-1.246.164-.249 1.192-.633 1.861-.193s.727 1.535.564 1.784z"
/>
<path
fill="url(#x)"
d="M21.6 18.115c-.163.25-.838.095-1.507-.345s-1.08-.997-.917-1.246c.163-.248 1.191-.632 1.861-.193.67.44.727 1.536.564 1.784z"
/>
<path
fill="url(#y)"
d="M33.519 30.143c-.154.234-.788.088-1.418-.325-.63-.413-1.015-.937-.862-1.17s1.12-.595 1.75-.182c.629.413.683 1.443.53 1.677z"
/>
<path
fill="url(#z)"
d="M27.685 18.467c-.153.234-.788.089-1.417-.324-.63-.413-1.016-.938-.862-1.171.153-.234 1.12-.595 1.75-.182.628.413.682 1.443.529 1.677z"
/>
<path
fill="url(#A)"
d="M38.854 30.093c-.144.22-.74.083-1.332-.305s-.955-.881-.81-1.1 1.052-.56 1.644-.171.642 1.356.498 1.576z"
/>
<path
fill="url(#B)"
d="M33.318 19.08c-.145.22-.741.084-1.333-.304-.591-.388-.954-.881-.81-1.1.145-.22 1.053-.56 1.645-.171.591.388.642 1.356.498 1.576z"
/>
<path
fill="url(#C)"
d="M43.828 30.45c-.136.206-.696.078-1.252-.287s-.897-.828-.762-1.035.99-.525 1.546-.16.603 1.275.468 1.481z"
/>
<path
fill="url(#D)"
d="M38.278 19.43c-.136.207-.696.08-1.252-.286s-.897-.828-.762-1.034.99-.525 1.546-.16c.556.364.604 1.274.468 1.48z"
/>
<path
fill="url(#E)"
d="M48.636 30.284c-.127.195-.654.074-1.177-.269s-.843-.778-.715-.973.93-.493 1.452-.15c.523.343.568 1.198.44 1.392z"
/>
<path
fill="url(#F)"
d="M43.408 19.901c-.128.194-.655.074-1.177-.27-.523-.342-.843-.778-.716-.972.128-.194.93-.493 1.453-.15.522.342.567 1.198.44 1.392z"
/>
<path
fill="url(#G)"
d="M48.232 35.721c-.428.365-1.013.38-1.305.037l-8.913-9.466c-.481-.565-.302-1.507.4-2.105.703-.598 1.661-.625 2.142-.06l7.92 10.312c.292.344.183.918-.244 1.282z"
/>
<circle cx="39.102" cy="24.994" r="3.003" fill="url(#H)" />
<path
fill="#f85a03"
d="M42.097 25.169c-1.186 3.204-6.009 2.216-5.81-1.22a3.001 3.001 0 1 0 5.81 1.22z"
/>
<path
fill="url(#I)"
d="M24.47 38.084c-.545.138-1.077-.106-1.187-.543L19.46 25.113c-.183-.72.394-1.486 1.288-1.712.894-.227 1.766.172 1.948.891l2.558 12.75c.111.436-.24.904-.785 1.042z"
/>
<circle cx="21.006" cy="24.433" r="3.003" fill="url(#J)" />
<path
fill="#f85a03"
d="M24.001 24.608c-1.186 3.204-6.01 2.216-5.81-1.22a3.001 3.001 0 1 0 5.81 1.22z"
/>
</svg>
More icons in the same style and category