Add icons to this collection by clicking the heart icon.
Drums icon - also known as percussion, sticks, music instrument, orchestra, drums, and music and multimedia. Created in a clean flat style with a white, red, yellow, teal, navy, purple, 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="M500 59.83H12v225.34h488z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ff405c"
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 0v44.83c0 8.284-6.716 15-15 15h-458c-8.284 0-15-6.716-15-15V0Z"
transform="translate(500 285.17)"
fill="#f9f9f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M256.002 59.83H500v225.34H256.002Z"
fill="#c1126b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.545 0-5.124.648-7.486 2.013l-186.49 107.67c-7.174 4.141-9.632 13.315-5.49 20.49 4.141 7.174 13.316 9.634 20.49 5.49L7.514 27.993c7.174-4.141 9.632-13.315 5.49-20.49C10.226 2.691 5.184 0 0 0"
transform="translate(201.476 374.327)"
fill="#00429d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.184 0-10.226 2.69-13.004 7.503-4.142 7.175-1.684 16.349 5.49 20.49l186.491 107.67c7.173 4.144 16.347 1.686 20.49-5.49 4.142-7.175 1.684-16.349-5.49-20.49L7.486 2.013A14.919 14.919 0 0 0 0 0"
transform="translate(310.514 374.327)"
fill="#00347b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-481.995c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(497 315)"
fill="#ffd845"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 41.077-112.67 41.077-112.67H-82.154l41.077 112.67z"
transform="translate(255.992 285.17)"
fill="#00dd7b"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0 41.077-112.67 41.077-112.67H-82.153l41.077 112.67z"
transform="translate(417.846 285.17)"
fill="#00ab94"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0 41.077-112.67 41.077-112.67H-82.154l41.077 112.67z"
transform="translate(94.154 285.17)"
fill="#00dd7b"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-228.998v-59.83H15V-15C15-6.716 8.284 0 0 0"
transform="translate(485 345)"
fill="#e2dff4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-41.066 112.641V-112.67h82.143z"
transform="translate(297.068 172.5)"
fill="#00ab94"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-240.998v-30H0c8.284 0 15 6.716 15 15C15-6.716 8.284 0 0 0"
transform="translate(497 345)"
fill="#ffb454"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-44.83c0-8.284 6.716-15 15-15h458c8.284 0 15 6.716 15 15V0Z"
transform="translate(12 59.83)"
fill="#f9f9f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-481.995c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15H0c8.284 0 15-6.716 15-15C15 6.716 8.284 0 0 0"
transform="translate(497)"
fill="#ffd845"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-59.83h228.998c8.284 0 15 6.716 15 15V0Z"
transform="translate(256.002 59.83)"
fill="#e2dff4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-240.998v-30H0c8.284 0 15 6.716 15 15C15-6.716 8.284 0 0 0"
transform="translate(497 30)"
fill="#ffb454"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category