What sizes does it generate?

The tool generates favicons in 16x16, 32x32, 48x48, 96x96, 192x192, and 512x512 PNG sizes, plus a 16x16 ICO file, covering all standard sizes used by browsers and app stores.

What is the difference between ICO and PNG favicons?

ICO files are the classic format supported by all browsers since IE. PNG favicons are supported by modern browsers and required for Apple Touch icons and PWA manifests.

How do I add a favicon to my website?

Add this to your HTML head: link rel=icon href=/favicon.ico for ICO and link rel=apple-touch-icon href=/apple-touch-icon.png for Apple devices.

Is my favicon generated on the server?

No. All drawing happens on the HTML5 Canvas in your browser. Nothing is sent to any server.

← All Tools / Favicon Generator

🎨

Favicon Generator

Create a custom favicon from text, emoji, or letter. Download in 16×16, 32×32, 48×48, and 180×180 PNG sizes. Free, instant, no sign-up.

Icon Text / Emoji

Background Color

Text / Icon Color

Shape

Square

Circle

Rounded

Font Size

Live Preview

Preview (128px)

Browser Tab Preview

Your Website

Page content…

Download Sizes

HTML Code

<link rel="icon" type="image/png" href="/favicon-32.png">

Favicon Generator — Create Your Website Icon

A favicon is the small icon shown in the browser tab next to your website title. This free tool lets you create a custom favicon from any letter, emoji, or symbol. Download it in all standard sizes — 16×16, 32×32, 48×48, 180×180 (Apple touch icon), and 512×512 (PWA).

How to Add a Favicon to Your Website

Design your favicon above and download the PNG.
Upload it to your website's root directory.
Add the HTML tag in your <head>: <link rel="icon" href="/favicon.png">
For Apple devices add: <link rel="apple-touch-icon" href="/favicon-180.png">

Frequently Asked Questions

The standard browser favicon is 16×16 or 32×32 pixels. For modern retina displays, 32×32 is recommended. Apple devices require 180×180 for the home screen icon. For PWA apps, 512×512 is needed.

Simply type any emoji in the icon text field above. The tool will render it on your chosen background color and size. You can also add text with emoji for a combined icon.

Favicon Generator

Favicon Generator — Create Your Website Icon

How to Add a Favicon to Your Website

Frequently Asked Questions

Related Tools

Czy akceptujesz pliki cookies?

Favicon Generator

Favicon Generator — Create Your Website Icon

How to Add a Favicon to Your Website

Frequently Asked Questions

What size should a favicon be?

How do I use an emoji favicon?

Related Tools

Czy akceptujesz pliki cookies?