Favicon Generator

Generate favicons from text or emoji in all standard sizes with HTML and PWA manifest snippets

Text / Emoji

Quick presets

Colors

Background

Text / icon

Font size70%

10%100%

Border radius20%

SquareCircle

Export

Preview

Browser tab mockup

My Website×

New Tab

mywebsite.com

All sizes

16x16

browser tab

32x32

browser tab HiDPI

48x48

Windows site icon

180x180

Apple touch icon

192x192

Android Chrome

512x512

PWA icon

HTML snippet

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

manifest.json (PWA)

{
  "icons": [
    {
      "src": "/favicon-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/favicon-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}

Updated October 2, 2026. Provided as is. Check the output before you rely on it in production.

How to use Favicon Generator

1

Start with text or emoji

Enter your text (e.g., 'RF' for your initials) or paste an emoji. The tool accepts single characters or short strings (1-2 chars recommended for clarity at small sizes).
2

Customize appearance

Adjust the background color, text color, font size and corner radius. For brand consistency, use colors from your design system. Dark backgrounds with light text (or vice versa) work best at small sizes.
3

Generate all standard sizes

The Export panel produces PNG icons from 16x16 to 512x512, including 180x180 for Apple touch icons and 192x192 and 512x512 for PWA manifests.
4

Deploy to your site

Place the files in your public root and add the link tags from the HTML snippet panel to your <head>, including apple-touch-icon for iOS.
5

Cache busting tip

Add a version query parameter such as href="/favicon-32x32.png?v=2" when you update the icon, so browsers fetch the new version instead of serving a cached one.

Questions and answers

What is Favicon Generator?

A favicon is the small icon a browser shows in tabs and bookmarks; phones and installed web apps use larger versions. This generator draws one from text or an emoji with your colors and corner radius, exports PNGs from 16x16 to 512x512 as a ZIP, and writes the HTML link tags and manifest icons.

What sizes and formats does it generate?

It generates all standard favicon sizes including 16x16, 32x32, 180x180 (Apple Touch Icon), and 512x512 (PWA). Output includes PNG files, HTML link tags for your head section, and a webmanifest snippet for Progressive Web Apps.

For AI agents: how to call this tool

Machine-readable contract, endpoints and examples. Humans can ignore this section.

Best Path For Builders

Browser workflow

Runs instantly in the browser with private local processing and copy/export-ready output.

Browser Workflow

This tool is optimized for instant in-browser execution with local data handling. Run it here and copy/export the output directly.

/favicon-generator/

For automation planning, fetch the canonical contract at /api/tool/favicon-generator.json.

Favicon Generator