Favicon Generator

Turn a letter or emoji into a favicon.

Text or emoji (1–2 characters)

Background

Text color

Shape

Download PNG

Live preview (256px)

How to use the Favicon Generator

1 Type one or two characters, or paste an emoji.
2 Choose background and text colors and a shape.
3 Download the PNG at the sizes you need (16, 32, 180, 512).

Examples

▸ A single-letter favicon for a side project.
▸ An emoji favicon (🚀) for a landing page.

Frequently asked questions

Which favicon sizes do I need?

A 32×32 PNG covers most browser tabs, 16×16 is the classic small size, 180×180 is the Apple touch icon for iOS, and 512×512 is used by PWAs and Android.

How do I add the favicon to my site?

Place the PNG in your site root and reference it in the <head>, e.g. <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">. Add an apple-touch-icon link for the 180px file.

Can I use any emoji?

Yes. The emoji is drawn with your system’s emoji font onto a canvas, so it renders just as it looks on your device.

Generators