Add icons to this collection by clicking the heart icon.
Drum icon - also known as music, instrument, drum, drumsticks, sticks, musical instrument, percussion instrument, orchestra, and music and multimedia. Created in a clean lineal color style with a silver, gray, black, red, yellow, 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>
<path
d="M502 263H10v40h492z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#87a3af"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-12c0-5.523-4.477-10-10-10h-464v-18H18V0Z"
transform="translate(484 303)"
fill="#678793"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-442l20 40h402z"
transform="translate(477 303)"
fill="#ffc885"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-17.167l6.931-13.861c3.324-6.649-1.511-14.472-8.944-14.472h-396.987L-422-40H20Z"
transform="translate(457 343)"
fill="#edaf6b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M482 57H30v206h452z"
fill="#ff2e2e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-26h416c5.523 0 10-4.477 10-10v-170h26V0Z"
transform="translate(30 263)"
fill="#ed1414"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M502 17H10v40h492z"
fill="#87a3af"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-12c0-5.523-4.477-10-10-10h-464v-18H18V0Z"
transform="translate(484 57)"
fill="#678793"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-16.569-13.431-30-30-30-16.569 0-30 13.431-30 30 0 16.569 13.431 30 30 30C-13.431 30 0 16.569 0 0"
transform="translate(132 160)"
fill="#ffd815"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.65 0-5.219-.347-7.667-.993C5.187-4.381 14.667-16.082 14.667-30c0-13.918-9.48-25.619-22.334-29.007A30.009 30.009 0 0 1 0-60c16.569 0 30 13.431 30 30C30-13.431 16.569 0 0 0"
transform="translate(102 190)"
fill="#f4ba00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-16.569-13.431-30-30-30-16.569 0-30 13.431-30 30 0 16.569 13.431 30 30 30C-13.431 30 0 16.569 0 0"
transform="translate(286 160)"
fill="#ffd815"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.65 0-5.219-.347-7.667-.993C5.187-4.381 14.667-16.082 14.667-30c0-13.918-9.48-25.619-22.334-29.007A30.009 30.009 0 0 1 0-60c16.569 0 30 13.431 30 30C30-13.431 16.569 0 0 0"
transform="translate(256 190)"
fill="#f4ba00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-16.569-13.431-30-30-30-16.569 0-30 13.431-30 30 0 16.569 13.431 30 30 30C-13.431 30 0 16.569 0 0"
transform="translate(440 160)"
fill="#ffd815"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.65 0-5.219-.347-7.667-.993C5.187-4.381 14.667-16.082 14.667-30c0-13.918-9.48-25.619-22.334-29.007A30.009 30.009 0 0 1 0-60c16.569 0 30 13.431 30 30C30-13.431 16.569 0 0 0"
transform="translate(410 190)"
fill="#f4ba00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.807-11.193-25-25-25S-50-13.807-50 0s11.193 25 25 25S0 13.807 0 0"
transform="translate(122 407)"
fill="#87a3af"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 13.807 11.193 25 25 25S50 13.807 50 0 38.807-25 25-25 0-13.807 0 0"
transform="translate(390 470)"
fill="#87a3af"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h58.125v-40h-492V0H-35.5"
transform="translate(443.875 303)"
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 20 40h52.75"
transform="translate(35 303)"
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 0h312.5l20-40"
transform="translate(144.5 343)"
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 0v55.333h452v-206H0V-36"
transform="translate(30 207.667)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M502 17H10v40h492z"
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.569-13.431-30-30-30-16.569 0-30 13.431-30 30 0 16.569 13.431 30 30 30C-13.431 30 0 16.569 0 0Z"
transform="translate(132 160)"
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.569-13.431-30-30-30-16.569 0-30 13.431-30 30 0 16.569 13.431 30 30 30C-13.431 30 0 16.569 0 0Z"
transform="translate(286 160)"
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.569-13.431-30-30-30-16.569 0-30 13.431-30 30 0 16.569 13.431 30 30 30C-13.431 30 0 16.569 0 0Z"
transform="translate(440 160)"
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-42-73-42 73"
transform="translate(144 263)"
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-42-73-42 73"
transform="translate(298 263)"
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-42-73-42 73"
transform="translate(452 263)"
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 42 73L84 0"
transform="translate(368 57)"
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 42 73L84 0"
transform="translate(214 57)"
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 42 73L84 0"
transform="translate(60 57)"
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-13.807-11.193-25-25-25S-50-13.807-50 0s11.193 25 25 25S0 13.807 0 0ZM0 0h318"
transform="translate(122 407)"
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 13.807 11.193 25 25 25S50 13.807 50 0 38.807-25 25-25 0-13.807 0 0ZM0 0h-318"
transform="translate(390 470)"
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