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.

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