Is the drum icon free to use?

Yes. It comes from the free Font Awesome set, released under the CC BY 4.0 licence, so you may use it in personal and commercial work as long as you credit Font Awesome.

What file format do I get?

A PNG with a transparent background by default. Choose a background colour first if you would rather have one.

Can I change the colour and size?

Yes. Set the colour, the size in pixels and the padding on this page, and the download matches what you see.

Do I need an account?

No. Nothing to sign up for and nothing to install — the file is built in your browser.

Drum Icon

background settings

shape:

dimensions:

opacity:

color:

icon settings

size:

opacity:

color:

shadow settings

depth:

angle:

opacity:

color:

border settings

size:

opacity:

color:

Use the drum icon in your code

Font Awesome 6 Free · Solid style · Unicode U+F569 · class fa-drum

HTML

<i class="fa-solid fa-drum"></i>
<!-- Font Awesome 4/5 style class also works in 6: -->
<i class="fa fa-drum"></i>

CSS pseudo-element

.my-drum::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f569";
}

HTML entity / JavaScript

&#xf569;        <!-- inside an element using the FA font -->
"\u{f569}"     // JavaScript string

Load the font once (CDN)

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">

Prefer the PNG from the editor above when the icon has to sit in a document, a slide or an email where web fonts do not load. Use the code when it is going on a web page — it stays sharp at any size and takes the text colour.