Add icons to this collection by clicking the heart icon.
Drum icon - also known as drum, drumsticks, musical instrument, percussion instrument, orchestra, drums, music and multimedia, and cultures. Created in a clean lineal color style with a white, gray, black, olive, 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c-10.574.531-119.933.806-131.543.806-90.811 0-179.213-82.485-179.213-182.196s88.402-178.889 179.213-178.889c11.622 0 120.985.241 131.543.714z"
transform="translate(341.336 451.943)"
fill="#4693d3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.574.531-21.648.806-33.258.806-90.81 0-164.426-80.832-164.426-180.543 0-99.711 73.616-180.542 164.426-180.542 11.622 0 22.7.241 33.258.714z"
transform="translate(341.022 451.943)"
fill="#236dd0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 93.537 64.783 170.458 147.77 179.626-5.478.605-11.035.917-16.657.917C40.303 180.543-33.313 99.711-33.313 0c0-99.711 73.616-180.543 164.426-180.543 5.622 0 9.463-.605 14.94 0C63.066-171.375 0-93.537 0 0"
transform="translate(44.538 272.206)"
fill="#dc8839"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-99.711-73.616-180.542-164.426-180.542-90.81 0-164.426 80.831-164.426 180.542s73.616 180.542 164.426 180.542C-73.616 180.542 0 99.711 0 0"
transform="translate(500.775 272.206)"
fill="#dc8839"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.97 0-9.885-.256-14.743-.73C69.158-8.919 134.94-86.289 134.94-180.543c0-94.253-65.782-171.624-149.683-179.812 4.858-.474 9.773-.73 14.743-.73 90.81 0 164.426 80.831 164.426 180.542S90.81 0 0 0"
transform="translate(336.349 452.749)"
fill="#ac5a28"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-80.646-59.54-146.022-132.987-146.022-73.446 0-132.986 65.376-132.986 146.022 0 80.646 59.54 146.022 132.986 146.022C-59.54 146.022 0 80.646 0 0"
transform="translate(469.335 272.206)"
fill="#ededef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.984 0-9.901-.311-14.743-.898 66.508-8.055 118.244-69.951 118.244-145.124S51.765-283.09-14.743-291.146c4.842-.586 9.759-.897 14.743-.897 73.447 0 132.987 65.376 132.987 146.021C132.987-65.376 73.447 0 0 0"
transform="translate(336.349 418.228)"
fill="#e5dcde"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-25.841-20.937-131.719 162.578 25.842 20.936z"
transform="translate(494.243 80.188)"
fill="#dc8839"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.604-24.833-24.846-42.854-49.68-40.25-24.833 2.604-42.854 24.846-40.25 49.68 2.604 24.833 24.847 42.854 49.68 40.25C-15.417 47.076 2.604 24.833 0 0"
transform="translate(373.388 260.993)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a45.02 45.02 0 0 1-19.465-2.226C-.001-8.918 13.002-28.336 10.764-49.68 8.874-67.712-3.376-82.144-19.45-87.703a45.267 45.267 0 0 1 10.02-2.226c24.834-2.604 47.076 15.416 49.68 40.249C42.854-24.846 24.833-2.604 0 0"
transform="translate(333.138 310.672)"
fill="#e5dcde"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-90.81 0-164.426 80.832-164.426 180.542 0 99.711 73.616 180.543 164.426 180.543"
transform="translate(175.65 91.664)"
fill="none"
stroke="#18191b"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c11.371 79.551 71.81 141.106 145.626 149.261"
transform="translate(46.682 302.571)"
fill="none"
stroke="#18191b"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c5.623 0 9.463-.605 14.94 0-82.986 9.167-146.053 87.006-146.053 180.543"
transform="translate(175.65 91.663)"
fill="none"
stroke="#18191b"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-24.565-16.038-53.259-25.248-83.913-25.248-90.81 0-164.426 80.832-164.426 180.543 0 99.711 73.616 180.542 164.426 180.542 90.81 0 164.426-80.831 164.426-180.542 0-52.96-20.767-100.593-53.847-133.618"
transform="translate(420.262 116.911)"
fill="none"
stroke="#18191b"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-18.868-11.279-40.5-17.687-63.495-17.687-73.446 0-132.986 65.376-132.986 146.022 0 80.645 59.54 146.022 132.986 146.022 73.447 0 132.987-65.377 132.987-146.022 0-29.99-8.234-57.869-22.355-81.059"
transform="translate(399.843 143.871)"
fill="none"
stroke="#18191b"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h160.698"
transform="translate(175.65 452.749)"
fill="none"
stroke="#18191b"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h149.054"
transform="translate(191.023 91.664)"
fill="none"
stroke="#18191b"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h124.989"
transform="translate(65.602 359.641)"
fill="none"
stroke="#18191b"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h127.158"
transform="translate(44.765 272.206)"
fill="none"
stroke="#18191b"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h123.227"
transform="translate(71.41 176.417)"
fill="none"
stroke="#18191b"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 129.026-159.254-25.841-20.937L-26.368-20.287"
transform="translate(365.217 239.442)"
fill="none"
stroke="#18191b"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c9.271 8.885 22.245 13.784 36.016 12.34C60.85 9.736 78.87-12.507 76.266-37.34c-2.604-24.833-24.846-42.854-49.68-40.25-24.833 2.604-42.854 24.846-40.25 49.68"
transform="translate(297.122 298.333)"
fill="none"
stroke="#18191b"
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