Add icons to this collection by clicking the heart icon.
Drum icon - also known as music, drumstick, drum, percussion instrument, orchestra, and music and multimedia. Created in a clean lineal color style with a white, silver, black, 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 0h-30v-30H0c8.284 0 15 6.715 15 15C15-6.716 8.284 0 0 0"
transform="translate(489.5 489.5)"
fill="#ff8b2a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-377l-34.345 13.045A29.914 29.914 0 0 1-422 15c-16.568 0-30-13.432-30-30 0-16.569 13.432-30 30-30 3.754 0 7.344.695 10.655 1.955L-377-30H0c8.284 0 15 6.715 15 15C15-6.716 8.284 0 0 0"
transform="translate(459.5 489.5)"
fill="#ffa725"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.754 0-7.344-.696-10.655-1.955l-4.783-1.816v-52.458l4.783-1.816A29.892 29.892 0 0 1 0-60c16.568 0 30 13.432 30 30C30-13.432 16.568 0 0 0"
transform="translate(474.5 429.5)"
fill="#ffa725"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.283-6.232 21.106-15.438 26.229L-45 15h-407c-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15h407l29.562-11.229C-6.231-21.106 0-11.283 0 0"
transform="translate(474.5 399.5)"
fill="#ffbe46"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M384.5 40h60v259.5h-60z"
fill="#186c95"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M67.5 40h347v259.5h-347z"
fill="#1c81b9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30-22.5L0-45h45V0Z"
transform="translate(444.5 52.5)"
fill="#71d1fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30-22.5L0-45h45V0Z"
transform="translate(211 52.5)"
fill="#71d1fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M256 7.5h188.5v45H256ZM22.5 7.5H211v45H22.5Z"
fill="#97e4fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30v-70h60v40C30-13.432 16.568 0 0 0"
transform="translate(414.5 354.5)"
fill="#ffe7ad"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-287c-16.568 0-30-13.432-30-30v-40H30v40C30-13.432 16.568 0 0 0"
transform="translate(384.5 354.5)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30-22.5L0-45h45V0Z"
transform="translate(444.5 324.5)"
fill="#71d1fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30-22.5L0-45h45V0Z"
transform="translate(211 324.5)"
fill="#71d1fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M256 279.5h188.5v45H256ZM22.5 279.5H211v45H22.5Z"
fill="#97e4fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.284 0-15-6.716-15-15v-287c0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15v287C15-6.716 8.284 0 0 0"
transform="translate(22.5 324.5)"
fill="#bcf7fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.284 0-15-6.716-15-15v-287c0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15v287C15-6.716 8.284 0 0 0"
transform="translate(489.5 324.5)"
fill="#97e4fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.284 0-15-6.716-15-15v-287c0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15v287C15-6.716 8.284 0 0 0"
transform="translate(256 324.5)"
fill="#bcf7fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.284 0-15-6.716-15-15v-287c0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15v287C15-6.716 8.284 0 0 0Z"
transform="translate(256 324.5)"
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 0h-407l-34.345 13.045A29.914 29.914 0 0 1-452 15c-16.568 0-30-13.432-30-30 0-16.569 13.432-30 30-30 3.754 0 7.344.695 10.655 1.955L-407-30H0c8.284 0 15 6.715 15 15C15-6.716 8.284 0 0 0Z"
transform="translate(489.5 489.5)"
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 0h407l34.345-13.045A29.892 29.892 0 0 1 452-15c16.568 0 30 13.432 30 30 0 16.568-13.432 30-30 30-3.754 0-7.344-.696-10.655-1.955L407 30H0c-8.284 0-15-6.716-15-15C-15 6.716-8.284 0 0 0Z"
transform="translate(22.5 384.5)"
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 0c-8.284 0-15-6.716-15-15v-287c0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15v287C15-6.716 8.284 0 0 0Z"
transform="translate(22.5 324.5)"
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 0c-8.284 0-15-6.716-15-15v-287c0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15v287C15-6.716 8.284 0 0 0Z"
transform="translate(489.5 324.5)"
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-227"
transform="translate(444.5 279.5)"
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 0v227"
transform="translate(67.5 52.5)"
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 16.568 13.432 30 30 30h317c16.568 0 30-13.432 30-30"
transform="translate(67.5 324.5)"
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 0h467"
transform="translate(22.5 324.5)"
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 0h-203.5"
transform="translate(474.5 279.5)"
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 0h-467"
transform="translate(489.5 7.5)"
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 0h203.5"
transform="translate(271 52.5)"
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 0h173.5"
transform="translate(37.5 52.5)"
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 0h-203.5"
transform="translate(241 279.5)"
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