Add icons to this collection by clicking the heart icon.
Drum icon - also known as drum, musical instrument, percussion instrument, music and multimedia, and cultures. Created in a clean lineal color style with a white, gray, black, olive, 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="M0 0h-278l-69.164 407H69.164Z"
transform="matrix(1.33333 0 0 -1.33333 526.667 646)"
fill="#e7886e"
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 0-24.429 143.754h-50l69.164-407h278l30.589 180H98.587C49.823-83.246 8.17-48.074 0 0"
transform="translate(122.265 290.747)"
fill="#dc6646"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-113.177l-28.158 407H28.158Z"
transform="translate(312.589 27.5)"
fill="#dc6646"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a99.798 99.798 0 0 0-34.313 6.068L-21.44-180H91.737L104.19 0Z"
transform="translate(220.851 207.5)"
fill="#c95035"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.19 0-9.576 3.85-10.241 8.998C-14.654 43.131-43.83 69.5-79.164 69.5c-35.22 0-64.321-26.198-68.879-60.17-.716-5.334-5.239-9.33-10.621-9.33-5.383 0-9.906 3.996-10.621 9.33-4.559 33.972-33.66 60.17-68.879 60.17-35.22 0-64.321-26.198-68.879-60.17-.716-5.334-5.239-9.33-10.621-9.33-5.383 0-9.906 3.996-10.621 9.33-4.559 33.972-33.66 60.17-68.879 60.17-35.335 0-64.511-26.369-68.923-60.502A10.325 10.325 0 0 0-476.329 0c-5.708 0-10.335 4.627-10.335 10.336V69.5c0 44.183 35.817 80 80 80h337c44.182 0 80-35.817 80-80V10.336C10.336 4.627 5.708 0 0 0Z"
transform="translate(494.164 355)"
fill="#fff2cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v59.164c0 44.183 35.817 80 80 80H-78.25c-44.183 0-80-35.817-80-80V0c0-5.708 4.627-10.336 10.336-10.336 5.19 0 9.576 3.851 10.241 8.998 4.412 34.133 33.588 60.502 68.923 60.502 34.966 0 63.888-25.825 68.764-59.439C.011-.183 0-.093 0 0"
transform="translate(165.75 365.336)"
fill="#ffe1bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-300c-11.046 0-20 8.954-20 20s8.954 20 20 20H0c11.046 0 20-8.954 20-20S11.046 0 0 0"
transform="translate(406 7.5)"
fill="#fff2cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.046 8.954 20 20 20h-92.167c-11.045 0-20-8.954-20-20s8.955-20 20-20H20C8.954-20 0-11.046 0 0"
transform="translate(178.167 27.5)"
fill="#ffe1bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-340c-11.046 0-20 8.954-20 20s8.954 20 20 20H0c11.046 0 20-8.954 20-20S11.046 0 0 0"
transform="translate(426 127.5)"
fill="#fff2cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.046 8.954 20 20 20H-83.75c-11.046 0-20-8.954-20-20s8.954-20 20-20H20C8.954-20 0-11.046 0 0"
transform="translate(169.75 147.5)"
fill="#ffe1bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 67.321 184.18"
transform="translate(423.13 169.744)"
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 67.321-184.18"
transform="translate(339.548 353.925)"
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 67.297 184.115"
transform="translate(264.13 169.742)"
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 67.321-184.18"
transform="translate(180.548 353.925)"
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 67.433 184.485"
transform="translate(105.13 169.742)"
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 67.499-184.667"
transform="translate(21.371 354.408)"
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-40.182 236.449"
transform="translate(92.828 169.741)"
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-3.974 23.385"
transform="translate(104.283 102.334)"
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-3.974 23.386"
transform="translate(113.355 48.947)"
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-12.504-73.581"
transform="translate(411.342 123.666)"
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-39.755-233.938"
transform="translate(458.927 403.682)"
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-28.205-6.205-49.987-29.543-53.878-58.547-.716-5.334-5.239-9.33-10.621-9.33v0c-5.382 0-9.905 3.996-10.621 9.33-4.558 33.972-33.659 60.17-68.879 60.17-35.335 0-64.511-26.369-68.923-60.502a10.324 10.324 0 0 0-10.242-8.998v0c-5.708 0-10.335 4.627-10.335 10.336V1.623c0 44.183 35.817 80 80 80h337c44.182 0 80-35.817 80-80v-59.164c0-5.709-4.628-10.336-10.336-10.336v0c-5.19 0-9.576 3.85-10.241 8.998-4.413 34.133-33.589 60.502-68.923 60.502-35.22 0-64.321-26.198-68.879-60.17-.716-5.334-5.239-9.33-10.621-9.33-5.382 0-9.905 3.996-10.621 9.33C79.988-29.543 58.207-6.205 30.001 0"
transform="translate(241 422.877)"
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-300c-11.046 0-20 8.954-20 20v0c0 11.046 8.954 20 20 20H0c11.046 0 20-8.954 20-20v0C20 8.954 11.046 0 0 0Z"
transform="translate(406 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 0h-340c-11.046 0-20 8.954-20 20v0c0 11.046 8.954 20 20 20H0c11.046 0 20-8.954 20-20v0C20 8.954 11.046 0 0 0Z"
transform="translate(426 127.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 0 5.476-78.219"
transform="translate(192.552 125.719)"
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 12.971-185.275"
transform="translate(176.5 355)"
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-5.412-78.219"
transform="translate(319.385 125.719)"
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-12.82-185.275"
transform="translate(335.25 355)"
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