Add icons to this collection by clicking the heart icon.
Drum icon - also known as drum, drumsticks, musical instrument, and music and multimedia. Created in a clean lineal color style with a white, silver, black, red, 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>
<path
d="M489.5 67.5h-62v227h62z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#fa4635"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M459.5 67.5h-437v227h437z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ff6f61"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 45-15v-30H15Z"
transform="matrix(1.33333 0 0 -1.33333 612.667 270)"
fill="#11bdf0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-452l-15-15v-30H0Z"
transform="matrix(1.33333 0 0 -1.33333 632.667 270)"
fill="#52d7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l-30 22.5L-30 45H0Z"
transform="matrix(1.33333 0 0 -1.33333 672.667 290)"
fill="#cfe863"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M474.5 294.5H7.5v45h467z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#e5ff76"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 45 15v30H15Z"
transform="matrix(1.33333 0 0 -1.33333 612.667 612.667)"
fill="#11bdf0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-452l-15 15v30H0Z"
transform="matrix(1.33333 0 0 -1.33333 632.667 612.667)"
fill="#52d7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l-30-22.5L-30-45H0Z"
transform="matrix(1.33333 0 0 -1.33333 672.667 592.667)"
fill="#cfe863"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M474.5 67.5H7.5v-45h467z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#e5ff76"
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 0h-30v-30H0c8.284 0 15 6.716 15 15C15-6.716 8.284 0 0 0"
transform="translate(489.5 489.555)"
fill="#ff958b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 8.284-6.716 15-15 15h-380.017l-30.181 12.502a29.858 29.858 0 0 1-11.857 2.443C-453.593 29.945-467 16.538-467 0s13.407-29.945 29.945-29.945c4.213 0 8.22.874 11.857 2.443L-395.018-15H-15C-6.716-15 0-8.284 0 0"
transform="translate(474.5 474.555)"
fill="#ffbcb5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a29.85 29.85 0 0 1-11.856-2.443l-3.433-1.422v-52.16l3.433-1.422A29.832 29.832 0 0 1 0-59.891c16.538 0 29.945 13.408 29.945 29.946C29.945-13.407 16.538 0 0 0"
transform="translate(474.555 429.5)"
fill="#ff958b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.189-6.142 20.939-15.234 26.08L-41.982 15H-452c-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15h410.017l26.749-11.08C-6.142-20.939 0-11.189 0 0"
transform="translate(474.5 399.555)"
fill="#ffbcb5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M369.5 67.5h30v227h-30zM112.5 67.5h30v227h-30z"
fill="#d8f2fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l15-90h30v75C15-6.716 8.284 0 0 0"
transform="translate(142.5 354.5)"
fill="#1c9ecc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.284 0-15-6.716-15-15v-75h30v75C15-6.716 8.284 0 0 0"
transform="translate(112.5 354.5)"
fill="#11bdf0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l15-90h30v75C15-6.716 8.284 0 0 0"
transform="translate(399.5 354.5)"
fill="#1c9ecc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.284 0-15-6.716-15-15v-75h30v75C15-6.716 8.284 0 0 0"
transform="translate(369.5 354.5)"
fill="#11bdf0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l15 90h30V15C15 6.716 8.284 0 0 0"
transform="translate(142.5 7.5)"
fill="#1c9ecc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.284 0-15 6.716-15 15v75h30V15C15 6.716 8.284 0 0 0"
transform="translate(112.5 7.5)"
fill="#11bdf0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l15 90h30V15C15 6.716 8.284 0 0 0"
transform="translate(399.5 7.5)"
fill="#1c9ecc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.284 0-15 6.716-15 15v75h30V15C15 6.716 8.284 0 0 0"
transform="translate(369.5 7.5)"
fill="#11bdf0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-75c0-8.284-6.716-15-15-15h-30c-8.284 0-15 6.716-15 15V0"
transform="translate(414.5 97.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-90v-75h497V0h-90"
transform="translate(97.5 339.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-197"
transform="translate(354.5 339.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 0h90"
transform="translate(414.5 294.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 0h167"
transform="translate(187.5 294.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 0h90"
transform="translate(7.5 294.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-410.017l-30.181 12.502a29.858 29.858 0 0 1-11.857 2.443C-468.593 14.945-482 1.538-482-15s13.407-29.945 29.945-29.945c4.213 0 8.22.874 11.857 2.443L-410.018-30H0c8.284 0 15 6.716 15 15C15-6.716 8.284 0 0 0Z"
transform="translate(489.5 489.555)"
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 0h410.017l30.181-12.502a29.858 29.858 0 0 1 11.857-2.443C468.593-14.945 482-1.538 482 15s-13.407 29.945-29.945 29.945c-4.213 0-8.22-.874-11.857-2.443L410.018 30H0c-8.284 0-15-6.716-15-15C-15 6.716-8.284 0 0 0Z"
transform="translate(22.5 384.555)"
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-167"
transform="translate(22.5 264.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-167"
transform="translate(112.5 264.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-167"
transform="translate(142.5 264.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-167"
transform="translate(489.5 264.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-167"
transform="translate(399.5 264.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-167"
transform="translate(369.5 264.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 0v75c0 8.284 6.716 15 15 15h30c8.284 0 15-6.716 15-15V0"
transform="translate(97.5 264.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 0v75c0 8.284 6.716 15 15 15h30c8.284 0 15-6.716 15-15V0"
transform="translate(354.5 264.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 0h90v75h-497V0h90"
transform="translate(414.5 22.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 0h197"
transform="translate(157.5 22.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-90"
transform="translate(97.5 67.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-197"
transform="translate(354.5 67.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-90"
transform="translate(504.5 67.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-75c0-8.284-6.716-15-15-15h-30c-8.284 0-15 6.716-15 15V0"
transform="translate(157.5 97.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