Add icons to this collection by clicking the heart icon.
Drum icon - also known as music, drum, drumsticks, musical instrument, percussion instrument, orchestra, drums, cymbals, cymbal, drum set, and music and multimedia. Created in a clean flat style with a white, silver, gray, red, 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="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="M0 0h-30v103.696l-64.746 98.438 25.078 16.494L0 112.69Z"
transform="matrix(1.33333 0 0 -1.33333 641.333 302.667)"
fill="#465a61"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-135h-30v-30h150v30H95.807l23.417 70.254-28.447 9.492L64.195-135H30V0Z"
transform="matrix(1.33333 0 0 -1.33333 121.333 462.667)"
fill="#697c86"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-135h-65.088L-93.15-69.125l-27.598-11.749L-97.69-135h-22.311v-30h180v30H30V0Z"
transform="matrix(1.33333 0 0 -1.33333 561.334 462.667)"
fill="#465a61"
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 0h198.101C160.9-20.4 136-59.7 136-105c0-15.901 2.999-31.199 9-45H0v60l14.399 12.299L0-60Z"
transform="translate(0 300)"
fill="#f03800"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-150h-144.999c6 13.801 8.999 29.099 8.999 45 0 45.3-24.9 84.6-62.1 105z"
transform="translate(512 300)"
fill="#cd0000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M139.9 210H0v30h139.9z"
fill="#ff641a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-74.399 0-135-60.601-135-135S-74.399-270 0-270s135 60.601 135 135S74.399 0 0 0"
transform="translate(256 330)"
fill="#dce1eb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-74.399-60.601-135-135-135v270C-60.601 135 0 74.399 0 0"
transform="translate(391 195)"
fill="#bec3d2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-57.9-47.1-105-105-105-57.899 0-105 47.1-105 105s47.101 105 105 105C-47.1 105 0 57.9 0 0"
transform="translate(361 195)"
fill="#465a61"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-24.9-20.1-45-45-45v90C-20.1 45 0 24.9 0 0"
transform="translate(301 165)"
fill="#dce1eb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-16.494 25.078 125.318 82.427 16.494-25.078z"
transform="translate(368.232 404.483)"
fill="#ff9100"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M181 375h-30v62h30z"
fill="#697c86"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-42.759 0-75-19.351-75-45v-60H75v60C75-19.351 42.759 0 0 0"
transform="translate(166 390)"
fill="#ff641a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-210v15c0 41.353 33.647 75 75 75h60c41.353 0 75-33.647 75-75Z"
transform="translate(271 422)"
fill="#ffb64c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-42.759 0-75 19.351-75 45s32.241 45 75 45 75-19.351 75-45S42.759 0 0 0"
transform="translate(166 240)"
fill="#f2f6fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-57.9-47.1-105-105-105v210C-47.1 105 0 57.9 0 0"
transform="translate(361 195)"
fill="#3b4a51"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-24.9 0-45-20.1-45-45s20.1-45 45-45 45 20.1 45 45S24.9 0 0 0"
transform="translate(256 210)"
fill="#ffb64c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-24.9-20.1-45-45-45v90C-20.1 45 0 24.9 0 0"
transform="translate(301 165)"
fill="#ff9100"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-42.759 0-75-19.351-75-45v-60H75v60C75-19.351 42.759 0 0 0"
transform="translate(346 390)"
fill="#f03800"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-42.759 0-75 19.351-75 45s32.241 45 75 45 75-19.351 75-45S42.759 0 0 0"
transform="translate(346 240)"
fill="#dce1eb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category