Favicon Generator

Create a favicon set for your website using text, emoji, or an image.

Quick-start styles

Click one to apply a background/shape style while keeping the text or emoji you already entered.

Text (1-3 characters recommended)Bold

Background colorText color

Site name

Generated files

favicon.ico
favicon-16x16.png
favicon-32x32.png
favicon-48x48.png
apple-touch-icon.png
android-chrome-192x192.png
android-chrome-512x512.png
site.webmanifest

<head> HTML code

<link rel="icon" href="/favicon.ico" sizes="any" />
<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" />
<link rel="manifest" href="/site.webmanifest" />
<meta name="theme-color" content="#5B8DEF" />

site.webmanifest

{
  "name": "My Website",
  "short_name": "My Website",
  "icons": [
    {
      "src": "/android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/android-chrome-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "theme_color": "#5B8DEF",
  "background_color": "#5B8DEF",
  "display": "standalone"
}

The image you upload is processed only in your browser and is never sent to a server.

What does the Favicon Generator do?

It creates a browser favicon set from text, an emoji, or a PNG, JPEG, or WebP image and packages the common icon files, manifest, and HTML references.

How to use it

1
Choose a source
Enter short text or an emoji, or upload a nearly square image.
2
Check small previews
Adjust colors and spacing, then make sure the design remains recognizable at 16px.
3
Download the package
Generate the ZIP and place its files and HTML references in your site.

Practical examples

Text icon

Source: K
High-contrast background
Short bold glyph

Logo icon

Upload square logo
Adjust crop
Check 16px preview

Processing rules and limitations

Small-size legibility
Fine details and long text disappear at favicon sizes, so simple high-contrast artwork works best.
Image inputs
PNG, JPEG, and static WebP images are accepted and rendered into square outputs.
Browser caching
A replaced favicon may not appear immediately because browsers cache icon files aggressively.