Favicon Generator

Create a custom favicon from text, emoji or an uploaded image directly in your browser. Preview at multiple sizes, then download as a PNG. No file is uploaded to any server — everything runs locally. Ideal for quickly adding a unique icon to any website or web app.

20%

How to Create a Favicon

Switch between the Text / Emoji and Upload Image tabs. For text, type a letter, word or emoji, pick a background colour, text colour and corner radius. For an image, drop any square or near-square image — the tool crops and scales it. Click Generate Favicon to see previews at 16×16, 32×32, 48×48 and 64×64 px. Download the size you need.

Favicon Sizes and When to Use Each

SizeUsed For
16×16 pxBrowser tab icon (the most common)
32×32 pxBrowser taskbar, Windows desktop shortcut
48×48 pxWindows Start menu, taskbar pinned site
180×180 pxApple touch icon (add to iPhone home screen)

How to Add a Favicon to Your Website

Save the downloaded PNG as favicon.png in your website root directory and add the following tag inside your <head>. For broader browser support, also create an apple-touch-icon.png at 180×180 px for iOS. Use our Image Resizer to scale the 64 px export to 180 px for Apple.

For SVG favicons (modern browsers only), use <link rel="icon" type="image/svg+xml" href="/favicon.svg">. SVG favicons are resolution-independent and scale perfectly on retina displays.

📖 Full walkthrough: How to Create a Favicon for Your Website

Frequently Asked Questions

What size should a favicon be?

The minimum is 16×16 px for the browser tab. 32×32 px is the recommended standard size. For Apple touch icons (used when adding a site to an iOS home screen), 180×180 px is required. This tool generates 16, 32, 48 and 64 px PNG favicons.

How do I add a favicon to my website?

Download the PNG, place it in your website root, and add <link rel="icon" type="image/png" href="/favicon.png"> inside your HTML <head>. The HTML snippet is shown automatically after generating.

Can I use an emoji as a favicon?

Yes! Type or paste any emoji into the text field, choose a background colour, and the tool renders it as a square favicon. Emoji favicons are a popular, distinctive choice for many modern web projects.

What is the difference between .ico and .png favicon formats?

ICO files bundle multiple sizes into one file and have universal browser support including Internet Explorer. PNG is simpler and supported by all modern browsers. For most sites today, a 32×32 PNG favicon is sufficient, but you can rename it to favicon.ico if needed.