Add icons to this collection by clicking the heart icon.
Xylophone icon - also known as percussion, musical instrument, orchestra, xylophone, and music and multimedia. Created in a clean flat style, 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 64 64"
>
    <g>
        <path
            fill="#0096c7"
            d="M60.41 7.579a2 2 0 0 1 0 2.828l-2.829 2.828-2.828-2.828 2.828-2.828a2 2 0 0 1 2.828 0zM56.41 3.58a2 2 0 0 1 0 2.828L53.58 9.236l-2.828-2.828 2.828-2.828a2 2 0 0 1 2.828 0zM56.732 14.728l-35.56 45.5a2 2 0 1 1-3.15-2.46l35.86-45.89zM52.122 10.118l-45.89 35.86a2 2 0 1 1-2.46-3.15l45.5-35.56z"
        />
        <rect
            width="8"
            height="34"
            x="23.887"
            y="19.113"
            fill="#95d5b2"
            rx="2"
            transform="rotate(-45 27.882 36.12)"
        />
        <rect
            width="8"
            height="40"
            x="15.402"
            y="24.598"
            fill="#e53935"
            rx="2"
            transform="rotate(-45 19.396 44.605)"
        />
        <rect
            width="8"
            height="28"
            x="32.373"
            y="13.627"
            fill="#ff7373"
            rx="2"
            transform="rotate(-45 36.37 27.636)"
        />
        <rect
            width="8"
            height="22"
            x="40.858"
            y="8.142"
            fill="#fcea42"
            rx="2"
            transform="rotate(-45 44.858 19.152)"
        />
        <rect
            width="8"
            height="16"
            x="49.343"
            y="2.657"
            fill="#ade8f4"
            rx="2"
            transform="rotate(-45 53.346 10.668)"
        />
        <path
            fill="#52b788"
            d="m41.32 46.72-2.83 2.83a1.992 1.992 0 0 1-2.82 0L14.45 28.33a1.992 1.992 0 0 1 0-2.82l.59-.59 19.63 19.63a1.992 1.992 0 0 0 2.82 0l2.25-2.24 1.58 1.58a2 2 0 0 1 0 2.83z"
        />
        <path
            fill="#c62828"
            d="m34.96 57.33-2.83 2.82a1.986 1.986 0 0 1-2.83 0L3.85 34.7a1.986 1.986 0 0 1 0-2.83l.58-.59L28.3 55.15a1.986 1.986 0 0 0 2.83 0l2.24-2.24 1.59 1.59a2 2 0 0 1 0 2.83z"
        />
        <path
            fill="#ef5350"
            d="m47.69 36.11-2.83 2.83a2 2 0 0 1-2.83 0L25.06 21.97a2 2 0 0 1 0-2.83l.59-.58 15.38 15.38a2 2 0 0 0 2.83 0l2.25-2.24 1.58 1.58a2 2 0 0 1 0 2.83zM30.716 16.314a2 2 0 0 0-2.829 0l-1.6 1.6a3.946 3.946 0 0 0 5.745-.29z"
        />
        <path
            fill="#fdc741"
            d="m54.05 25.51-2.83 2.82a1.986 1.986 0 0 1-2.83 0L35.67 15.61a1.986 1.986 0 0 1 0-2.83l.58-.59 11.14 11.14a1.986 1.986 0 0 0 2.83 0l2.24-2.24 1.59 1.59a2 2 0 0 1 0 2.83z"
        />
        <path
            fill="#48cae4"
            d="m60.41 14.9-2.82 2.83a2 2 0 0 1-2.83 0l-8.49-8.49a2 2 0 0 1 0-2.83l.59-.58 6.9 6.9a2 2 0 0 0 2.83 0l2.24-2.24 1.58 1.58a1.986 1.986 0 0 1 0 2.83z"
        />
        <g fill="#0096c7">
            <circle cx="18.695" cy="26.92" r="1" />
            <circle cx="37.08" cy="45.305" r="1" />
            <circle cx="8.088" cy="33.284" r="1" />
            <circle cx="30.716" cy="55.912" r="1" />
            <circle cx="29.302" cy="20.556" r="1" />
            <circle cx="43.444" cy="34.698" r="1" />
            <circle cx="39.908" cy="14.192" r="1" />
            <circle cx="49.808" cy="24.092" r="1" />
            <circle cx="50.515" cy="7.828" r="1" />
            <circle cx="56.172" cy="13.485" r="1" />
        </g>
        <path
            fill="#fdc741"
            d="m48.384 38.26 3.864-1.036 5.698 21.252a2 2 0 0 1-1.414 2.45 2 2 0 0 1-2.45-1.414L48.384 38.26z"
        />
        <path
            fill="#efad1b"
            d="M58 59a2 2 0 0 1-3.93.52l-5.7-21.25 3.87-1.04.4 1.51a4.008 4.008 0 0 1-2.08 1.97l4.51 16.81a2 2 0 0 0 2.45 1.41 1.859 1.859 0 0 0 .46-.19A1.184 1.184 0 0 1 58 59z"
        />
        <circle cx="49.788" cy="35.817" r="4" fill="#48cae4" />
        <path
            fill="#00b4d8"
            d="M53.45 37.42a4 4 0 1 1-4.7-5.47.5.5 0 0 1 .12-.02 3.994 3.994 0 0 0 4.58 5.49z"
        />
        <path
            fill="#fdc741"
            d="m26.323 12.004.696 3.94-21.67 3.828a2 2 0 0 1-2.318-1.622 2 2 0 0 1 1.622-2.318l21.67-3.828z"
        />
        <path
            fill="#efad1b"
            d="M27.01 15.94 5.35 19.76a2.068 2.068 0 0 1-.35.03 2 2 0 0 1-.35-3.97l.35-.06a2.433 2.433 0 0 0 .03.38 2.007 2.007 0 0 0 2.32 1.62l15.68-2.77a4.02 4.02 0 0 1 .97-2.58l2.32-.41z"
        />
        <circle cx="28.636" cy="13.622" r="4" fill="#ade8f4" />
        <path
            fill="#48cae4"
            d="M32.47 14.75a4 4 0 1 1-5.28-4.86 3.835 3.835 0 0 0-.11 1.82 4.01 4.01 0 0 0 4.64 3.25 4.613 4.613 0 0 0 .75-.21z"
        />
        <path
            fill="#fcea42"
            d="M46 51a1 1 0 0 1-.949-1.316L45.613 48H45a1 1 0 0 1-.949-1.316l1-3a1 1 0 0 1 1.9.632L46.387 46H47a1 1 0 0 1 .949 1.316l-1 3A1 1 0 0 1 46 51zM57 32a1 1 0 0 1-1-1v-.613l-1.684.562a1 1 0 0 1-.632-1.9l3-1A1 1 0 0 1 58 29v.613l1.684-.562a1 1 0 1 1 .632 1.9l-3 1A1.01 1.01 0 0 1 57 32zM58 38a1 1 0 0 1-1-1v-.382l-.553.277a1 1 0 0 1-.894-1.79l2-1A1 1 0 0 1 59 35v.382l.553-.277a1 1 0 1 1 .894 1.79l-2 1A1 1 0 0 1 58 38zM23 11a1 1 0 0 1-.707-.293l-2-2a1 1 0 0 1 .26-1.6l.759-.379-1.019-1.021a1 1 0 0 1 1.414-1.414l2 2a1 1 0 0 1-.26 1.6l-.759.379 1.019 1.019A1 1 0 0 1 23 11zM33 9a1 1 0 0 1-.949-1.316l1-3a1 1 0 0 1 1.656-.391l.856.856.488-1.465a1 1 0 0 1 1.9.632l-1 3a1 1 0 0 1-1.656.391l-.856-.856-.488 1.465A1 1 0 0 1 33 9zM27 8a1 1 0 0 1-.949-.684l-1-3a1 1 0 0 1 1.9-.632l1 3A1 1 0 0 1 27 8z"
        />
        <circle cx="30" cy="6" r="1" fill="#fcea42" />
    </g>
</svg>
More icons in the same style and category