Home/Libraries/Noto Emoji (v1) (Iconify)/drum

Noto Emoji (v1) (Iconify)

Drum

License: Apache-2.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 128 128"><path fill="#818cf8" d="M126.7 57.16c.05.83.09 1.71.11 2.64c.13 6.72-2.39 13.14-7.03 18.79c-4.24 5.15-10.26 9.64-17.66 13.13c-6.98 3.3-15.2 5.69-24.33 6.9c-.63.08-1.26.16-1.89.23c-8.84.99-17.08.77-24.44-.5c-7.16-1.22-13.47-3.44-18.69-6.49l18.77 26.66l3.64-5.61l8.73-13.44L80.81 120l1.3 1.58l11.4-26.46l10.17 9.37l6.52 6l8.76-30.94l2.32 3.07l4.53 5.98c2.31-11.38 1.87-24 .89-31.44"/><path fill="#818cf8" d="m118.96 79.55l-8.76 30.94l-6.52-6l-10.17-9.37l-11.4 26.46l-1.3-1.58L63.9 99.47l-8.73 13.44l-3.64 5.61l-18.77-26.66l-3.72 11.24c.96 1.53 1.98 3.03 3.09 4.47c1.02 1.5 2.4 3.02 3.83 4.61c2 2.21 4.12 4.52 6.68 6.26c0 .01 0 .01.01.01c5.1 3.46 11.52 6.19 18.66 7.69a62 62 0 0 0 19.83.98c.27-.04.53-.06.78-.09v-.01c7.25-.89 13.9-3.04 19.67-6c2.62-1.33 5.06-2.84 7.29-4.47c4.69-3.44 8.44-7.41 11.02-11.57c1.44-2.3 2.5-4.67 3.17-7c1.18-2.92 2.07-6.11 2.74-9.39l-4.53-5.98z"/><path fill="#818cf8" d="M18.11 74.86c1.55 7.57 4.87 18.59 10.93 28.24l3.72-11.24c-7.2-4.21-12.32-10.01-14.65-17"/><path fill="#818cf8" d="M119.77 78.59c-4.24 5.15-10.26 9.64-17.66 13.13c-6.98 3.3-15.2 5.69-24.33 6.9c-.63.08-1.26.16-1.89.23c-8.84.99-17.08.77-24.44-.5c-7.16-1.22-13.47-3.44-18.69-6.49c-7.2-4.21-12.33-10.01-14.65-17c-1.36-5.03-1.94-8.34-1.94-8.34h.01c4.75 16.98 29.78 27.84 58.38 24.64c30.49-3.43 53.48-21.55 51.35-40.48c.04.19.07.37.09.55c.01.06.02.12.02.16c.19 1.34.43 3.3.67 5.67c0 .02.01.06.01.09c.05.83.09 1.71.11 2.64c.12 6.73-2.4 13.15-7.04 18.8"/><path fill="#818cf8" d="M125.9 50.67c2.13 18.93-20.86 37.06-51.35 40.48c-28.59 3.2-53.63-7.66-58.38-24.64c-.32-1.12-.55-2.27-.68-3.45C13.36 44.13 36.35 26 66.84 22.58c29.4-3.3 55.03 8.28 58.73 26.08c.09.53.18 1.04.26 1.53c.01.09.04.19.05.28c.01.07.01.13.02.2"/><g fill="#818cf8"><path d="M75.38 69.23c-.89 1.72-1.8 1.64-2.73 1.15L1.41 34.85c-.93-.48-.96-2.26-.07-3.98s2.36-2.71 3.29-2.23l70.11 37.7c.93.48 1.53 1.18.64 2.89"/><ellipse cx="77.21" cy="69.99" rx="4.14" ry="4.54" transform="rotate(-62.6 77.208 69.994)"/></g><g fill="#818cf8"><path d="M92.43 58.45c-1.29 1.43-2.16 1.11-2.94.41L29.48 5.94c-.77-.71-.59-2.58.71-4.01s3.22-1.88 4-1.18l58.38 54.73c.76.71 1.16 1.54-.14 2.97"/><ellipse cx="93.68" cy="59.73" rx="4.17" ry="4.57" transform="rotate(-47.76 93.68 59.735)"/></g><path fill="#818cf8" d="M42.66 118.5c0 .01 0 .01.01.01c5.1 3.46 11.52 6.19 18.66 7.69a62 62 0 0 0 19.83.98c.27-.04.53-.06.78-.09v-.01c7.25-.89 13.9-3.04 19.67-6c2.62-1.33 5.06-2.84 7.29-4.47c4.69-3.44 8.44-7.41 11.02-11.57c1.44-2.3 1.74-3.24 2.86-5.58c1.18-3.14 2.2-6.91 2.83-9.84c-.39 1.49-1.67 5.45-4.05 9.02c-1.92 2.88-3.84 5.35-7.84 8.89c-6.48 5.73-14.98 11.78-31.61 14.03c-14.87 2.02-26.28-1.26-35.23-4.76c-4.57-1.79-9.26-4.89-12.31-7.75c-1.61-1.51-4.88-4.94-4.88-4.94c2.73 4.44 8.57 11.41 12.97 14.39"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. DrumIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.