mitten icon

edit the mitten icon and download it in png format to use in your applications, websites and other projects.

background settings
icon settings
shadow settings
border settings

Use the mitten icon in your code

Font Awesome 6 Free · Solid style · Unicode U+F7B5 · class fa-mitten

HTML

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

CSS pseudo-element

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

HTML entity / JavaScript

&#xf7b5;        <!-- inside an element using the FA font -->
"\u{f7b5}"     // 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.

more icons

here is some more icons for you to use.

atom
basketball
coins
comment slash
ellipsis
grip
info
microphone lines
wand sparkles
wine glass empty
mixer
napster

About the mitten icon

Is the mitten 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.

Browse all icons · More icons starting with M