Add icons to this collection by clicking the heart icon.
Drum icon - also known as instrument, drum, percussion, and music and multimedia. Created in a clean lineal color style with a white, silver, black, purple, 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c33.733-28.616 98.01-47.949 171.757-47.949 73.746 0 138.023 19.333 171.757 47.949v196.761H0Z"
transform="translate(84.243 55.45)"
fill="#50e1cd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c6.077-3.754 12.612-7.317 19.62-10.658 41.138-19.616 95.168-30.42 152.137-30.42 56.968 0 110.998 10.804 152.137 30.42 7.007 3.341 13.543 6.904 19.62 10.658v66.582H0Z"
transform="translate(84.243 185.629)"
fill="#00d1b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 93.475-178.288L186.949 0Z"
transform="translate(162.525 185.788)"
fill="#bc9bdd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-167.051c0-16.686 9.129-32.356 25.137-45.936l.007.008L94.721-80.271z"
transform="translate(59.106 268.437)"
fill="#bc9bdd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-167.051c0-16.686-9.129-32.356-25.137-45.936l-.007.008-69.577 132.708z"
transform="translate(452.894 268.437)"
fill="#bc9bdd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c12.727 3.961 24.722 8.59 35.779 13.862 18.037 8.601 33.04 18.63 44.757 29.769v63.697l-94.722-80.27z"
transform="translate(372.358 161.108)"
fill="#a47cd1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c23.857-4.323 49.272-6.586 75.307-6.586 26.035 0 51.45 2.263 75.307 6.586l18.168 34.651H-18.167Z"
transform="translate(180.693 151.137)"
fill="#a47cd1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c11.717-11.138 26.72-21.167 44.756-29.768 11.057-5.272 23.053-9.902 35.78-13.862l14.185 27.058L0 63.698Z"
transform="translate(59.106 204.738)"
fill="#a47cd1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-51.852-88.152-93.886-196.894-93.886-108.741 0-196.893 42.034-196.893 93.886s88.152 93.886 196.893 93.886C-88.152 93.886 0 51.852 0 0"
transform="translate(452.894 268.437)"
fill="#fccb88"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-46.617 0-91.674 8.736-123.618 23.968-25.57 12.192-37.015 25.689-37.015 33.657 0 7.968 11.445 21.465 37.015 33.657C-91.674 106.515-46.617 115.25 0 115.25c46.617 0 91.674-8.735 123.618-23.968 25.569-12.192 37.015-25.689 37.015-33.657 0-7.968-11.446-21.465-37.015-33.657C91.674 8.736 46.617 0 0 0"
transform="translate(256 210.811)"
fill="#e4e4e4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.381-13.622-24.228-30.424-24.228-16.803 0-30.425 10.847-30.425 24.228 0 13.381 13.622 24.229 30.425 24.229C-13.622 24.229 0 13.381 0 0"
transform="translate(203.97 262.36)"
fill="#ff97c0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.381 13.622-24.228 30.424-24.228 16.803 0 30.425 10.847 30.425 24.228 0 13.381-13.622 24.229-30.425 24.229C13.622 24.229 0 13.381 0 0"
transform="translate(308.03 262.36)"
fill="#ff97c0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 9.98-7.23 18.071-16.15 18.071C-25.069 18.071-32.3 9.98-32.3 0c0-9.981 7.231-18.072 16.15-18.072C-7.23-18.072 0-9.981 0 0"
transform="translate(272.15 271.143)"
fill="#423e4f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 113.131 113.132c7.08 7.081 18.559 7.081 25.639 0 7.081-7.08 7.081-18.56 0-25.64L25.639-25.64Z"
transform="translate(355.417 386.058)"
fill="#f9ed80"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-113.131 113.132c-7.08 7.081-18.559 7.081-25.639 0-7.081-7.08-7.081-18.56 0-25.64L-25.639-25.64Z"
transform="translate(156.583 386.058)"
fill="#f9ed80"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 44.299 44.3A65.7 65.7 0 0 1 18.66 69.939l-44.299-44.298Z"
transform="translate(381.056 360.418)"
fill="#fccb88"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-19.463-15.778-35.24-35.24-35.24-19.463 0-35.24 15.777-35.24 35.24 0 19.462 15.777 35.24 35.24 35.24C-15.778 35.24 0 19.462 0 0"
transform="translate(403.477 373.238)"
fill="#bc9bdd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 25.639 25.641-44.299 44.298A65.702 65.702 0 0 1-44.3 44.3Z"
transform="translate(130.944 360.418)"
fill="#fccb88"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-19.463 15.778-35.24 35.24-35.24 19.463 0 35.24 15.777 35.24 35.24 0 19.462-15.777 35.24-35.24 35.24C15.778 35.24 0 19.462 0 0"
transform="translate(108.523 373.238)"
fill="#bc9bdd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-46.617 0-91.674 8.736-123.618 23.968-25.57 12.192-37.015 25.69-37.015 33.657 0 7.968 11.445 21.465 37.015 33.657C-91.674 106.515-46.617 115.25 0 115.25c46.617 0 91.674-8.735 123.618-23.968 25.569-12.192 37.015-25.689 37.015-33.657 0-7.967-11.446-21.465-37.015-33.657C91.674 8.736 46.617 0 0 0Z"
transform="translate(256 210.811)"
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-11.801"
transform="translate(178.631 293.565)"
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 9.98-7.23 18.072-16.15 18.072C-25.069 18.072-32.3 9.98-32.3 0c0-9.98 7.231-18.072 16.15-18.072C-7.23-18.072 0-9.98 0 0Z"
transform="translate(272.15 271.143)"
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-11.801"
transform="translate(333.369 293.565)"
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 0v22.34"
transform="translate(256 422.294)"
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-15.796 15.797"
transform="translate(223.676 416.078)"
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 16.723 14.813"
transform="translate(286.538 414.176)"
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-91.761 91.762c-7.08 7.08-18.559 7.08-25.639 0-7.081-7.08-7.081-18.559 0-25.64l91.76-91.762C-22.5-13.048-12.592-3.139 0 0Z"
transform="translate(135.213 407.428)"
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-7.08 7.08-18.559 7.08-25.639 0L-117.4-91.762c12.591-3.138 22.5-13.048 25.639-25.639L0-25.64C7.081-18.559 7.081-7.08 0 0Z"
transform="translate(494.187 499.19)"
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-19.463-15.778-35.24-35.24-35.24-19.463 0-35.24 15.777-35.24 35.24 0 19.462 15.777 35.24 35.24 35.24C-15.778 35.24 0 19.462 0 0Z"
transform="translate(403.477 373.238)"
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-19.463 15.778-35.24 35.24-35.24 19.463 0 35.24 15.777 35.24 35.24 0 19.462-15.777 35.24-35.24 35.24C15.778 35.24 0 19.462 0 0Z"
transform="translate(108.523 373.238)"
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-33.83 0-65.665 4.07-93.475 11.236L0-167.051 93.475 11.236C65.665 4.07 33.83 0 0 0Z"
transform="translate(256 174.55)"
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 0a35.11 35.11 0 0 0-13.503-2.686c-12.19 0-22.933 6.19-29.26 15.598-25.218 5.596-53.328 8.727-82.976 8.727-29.648 0-57.759-3.131-82.976-8.727-6.328-9.408-17.071-15.598-29.261-15.598-4.784 0-9.343.958-13.503 2.686-43.47-17.223-71.154-43.192-71.154-72.247 0-51.852 88.153-93.886 196.894-93.886S71.154-124.099 71.154-72.247C71.154-43.191 43.471-17.223 0 0Z"
transform="translate(381.74 340.684)"
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 19.304 36.819C-37.487 53.29-75.417 83.077-75.417 117.09V-49.961c0-16.686 9.129-32.356 25.136-45.936l.007.007 36.426 69.478"
transform="translate(134.524 151.347)"
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.388 75.127-.398-.103c-29.699-8.572-64.522-13.512-101.774-13.512-37.173 0-71.927 4.92-101.585 13.458l-.587.157-19.304-36.819"
transform="translate(397.56 113.04)"
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-36.426-69.478-.007-.007c33.733-28.617 98.01-47.95 171.757-47.95 73.746 0 138.023 19.333 171.757 47.95l-.007.007-16.543 31.553"
transform="translate(120.676 124.935)"
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 16.542-31.553.007-.008C32.557-17.98 41.686-2.311 41.686 14.376v167.051c0-34.013-37.931-63.8-94.721-80.271l39.388-75.127"
transform="translate(411.207 87.01)"
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