Skip to content
My Tiny Utils

Search tools

Type to find a tool, then press Enter to open it.

Favicon Generator

Make a favicon from one or two characters or an emoji: pick colors and shape, then download PNGs at 512/180/32/16 px plus a packed favicon.ico.

Processed locally in your browser — nothing is uploaded.

Favicon Generator

Rendered centered — 1 or 2 characters fit best.

Previews

512 px
180 px (apple-touch-icon)
32 px
16 px

HTML snippet

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

About Favicon Generator

Type a letter, two characters, or an emoji, choose foreground and background colors (or transparent), and pick a square, rounded, or circle shape. The icon renders at 512, 180, 32, and 16 pixels — every size a modern site needs.

Each size downloads as a PNG (the 180 px one is your apple-touch-icon), and the 16 and 32 px images are also packed into a valid favicon.ico container. A ready-made HTML <link> snippet is included to paste into your <head>.

Common uses

  • Give a side project a decent favicon in thirty seconds
  • Make an emoji favicon for a personal site
  • Generate the full favicon set — ICO, PNGs, and apple-touch-icon — in one place

Example

Input

"A" on a rounded #2563eb background

Output

favicon.ico + favicon-32.png + favicon-16.png + apple-touch-icon.png

Limitations

  • Emoji rendering follows your operating system's emoji font, so icons can look different across platforms
  • The .ico embeds PNG data — valid everywhere modern, but ancient browsers (pre-Vista era) expected BMP icons

Frequently asked questions

What favicon sizes does a website actually need?

A 32 px and 16 px icon cover browser tabs and bookmarks, a 180 px PNG serves as the apple-touch-icon for iOS home screens, and a 512 px version covers PWA manifests and high-DPI uses. This tool generates all four plus a favicon.ico in one go.

Do I still need a favicon.ico file?

Mostly for fallback: every modern browser accepts PNG favicons declared with <link> tags, but many clients still request /favicon.ico by convention. Shipping the .ico alongside the PNGs costs nothing and avoids stray 404s in your server logs.

Are my favicon images created on a server?

No. The icons are drawn on a canvas in your browser and packed into PNG and ICO files locally, so nothing you design is uploaded anywhere.

Why does my emoji favicon look different on someone else's computer?

The emoji is rasterized using your operating system's emoji font, so the PNG you download shows your platform's artwork — an icon made on macOS keeps Apple's design everywhere. It only varies if you rebuild the icon on a different OS.

How do I add the generated favicon to my site?

Put the downloaded files in your site's root (or any public path) and paste the provided <link> snippet into your HTML <head> — it declares the ICO, the sized PNGs, and the apple-touch-icon. Browsers pick the best size automatically.

Related tools