Add icons to this collection by clicking the heart icon.
Drum icon - also known as music, instrument, drum, percussion, and music and multimedia. Created in a clean blue style, 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="512"
height="512"
viewBox="0 0 24 24"
>
<linearGradient
id="a"
x1="2"
x2="15.31"
y1="10.65"
y2="10.65"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#16b0e2" />
<stop offset="1" stop-color="#6e5af0" />
</linearGradient>
<linearGradient
id="b"
x1="2.84"
x2="15.25"
y1="11.53"
y2="11.53"
href="#a"
/>
<linearGradient
id="c"
x1="2.8"
x2="15.28"
y1="9.745"
y2="9.745"
href="#a"
/>
<linearGradient
id="d"
x1="3.861"
x2="9.907"
y1="17.154"
y2="17.154"
href="#a"
/>
<linearGradient
id="e"
x1="11.3"
x2="15.25"
y1="18.635"
y2="18.635"
href="#a"
/>
<linearGradient
id="f"
x1="11.302"
x2="16.344"
y1="17.595"
y2="17.595"
href="#a"
/>
<linearGradient
id="g"
x1="19.209"
x2="22"
y1="11.341"
y2="11.341"
href="#a"
/>
<linearGradient
id="h"
x1="19.907"
x2="21.302"
y1="15.294"
y2="15.294"
href="#a"
/>
<linearGradient
id="i"
x1="3.863"
x2="9.58"
y1="18.17"
y2="18.17"
href="#a"
/>
<linearGradient
id="j"
x1="13.13"
x2="18.28"
y1="10.645"
y2="10.645"
href="#a"
/>
<path
fill="url(#a)"
d="m15.31 16.41-.07-.01-.57-.09-.91-.15-4.18-.67-1.62-.26-3.9-.63-.03-.01a1.554 1.554 0 0 1-1.23-.77 5.836 5.836 0 0 1-.8-3.18 5.72 5.72 0 0 1 .84-3.23 1.534 1.534 0 0 1 1.19-.72l.15-.02 9.31-1.49 1.79-.29a1.516 1.516 0 0 0-.49.25 1.3 1.3 0 0 0-.22.19.489.489 0 0 0-.12.13 1.738 1.738 0 0 0-.13.15 3.521 3.521 0 0 0-.31.5 4.214 4.214 0 0 0-.29.68l-.01.01a11.821 11.821 0 0 0-.58 3.84 12.8 12.8 0 0 0 .34 3.01 5.9 5.9 0 0 0 .71 1.81 2.066 2.066 0 0 0 1.07.93c.02.01.04.01.06.02z"
opacity=".4"
/>
<path
fill="url(#b)"
d="m15.25 16.39-.58-.08-6.59-4.96-1.15-.87-4.09-3.07a1.534 1.534 0 0 1 1.19-.72l.15-.02 3.87 2.91 1.15.86 4.27 3.21c.32 1.37.91 2.46 1.78 2.74z"
/>
<path
fill="url(#c)"
d="M15.28 4.89a1.516 1.516 0 0 0-.49.25 1.3 1.3 0 0 0-.22.19.489.489 0 0 0-.12.13 1.738 1.738 0 0 0-.13.15 3.521 3.521 0 0 0-.31.5 4.214 4.214 0 0 0-.29.68l-.01.01-4.51 3.64-1.12.91-4.02 3.25-.03-.01a1.554 1.554 0 0 1-1.23-.77l4.13-3.34 1.12-.9 5.44-4.4z"
/>
<path
fill="url(#d)"
d="M9.21 21.108a.7.7 0 0 1-.568-.292L3.99 14.3a.7.7 0 0 1 1.136-.811l4.651 6.512a.7.7 0 0 1-.163.973.689.689 0 0 1-.404.134z"
/>
<path
fill="url(#e)"
d="m15.25 16.39-.15.24-2.5 4.14a.691.691 0 0 1-.6.34.677.677 0 0 1-.36-.1.7.7 0 0 1-.24-.96l2.36-3.89.91.15z"
/>
<path
fill="url(#f)"
d="M15.647 21.058a.7.7 0 0 1-.583-.314l-3.646-5.531a.7.7 0 1 1 1.164-.768l3.647 5.532a.7.7 0 0 1-.582 1.081z"
/>
<path
fill="url(#g)"
d="M20.962 12.736h-.715a1.04 1.04 0 0 1-1.038-1.036v-.713a1.039 1.039 0 0 1 1.038-1.038h.715A1.039 1.039 0 0 1 22 10.984v.716a1.04 1.04 0 0 1-1.038 1.036z"
/>
<path
fill="url(#h)"
d="M20.605 17.387a.7.7 0 0 1-.7-.7V13.9a.7.7 0 1 1 1.395 0v2.79a.7.7 0 0 1-.695.697z"
opacity=".4"
/>
<path
fill="url(#i)"
d="m9.58 15.49-4.49 5.37a.688.688 0 0 1-.53.25.749.749 0 0 1-.45-.16.719.719 0 0 1-.09-.99l3.94-4.73z"
/>
<path
fill="url(#j)"
d="M16.07 4.88a1.435 1.435 0 0 0-.22-.04.757.757 0 0 0-.15-.01.375.375 0 0 0-.11.01l-.29.05h-.02a2.741 2.741 0 0 0-1.56 1.9 11.613 11.613 0 0 0-.59 3.85 12.8 12.8 0 0 0 .34 3.01c.32 1.37.91 2.46 1.78 2.74.02.01.04.01.06.02h.03l.25.04a.375.375 0 0 0 .11.01.414.414 0 0 0 .16-.02 1.581 1.581 0 0 0 .84-.36c1.08-.9 1.58-3.24 1.58-5.44 0-2.6-.69-5.36-2.21-5.76z"
opacity=".6"
/>
</svg>
More icons in the same style and category