Favicon Generator

Generate favicons from any letter, emoji, or short text. Custom gradient backgrounds. Download every size you need (16, 32, 180, 512).

Runs 100% in your browser — nothing is uploaded.
  • 16×16
  • 32×32
  • 48×48
  • 96×96
  • 180×180
  • 192×192
  • 512×512

How to use

  1. 1
    Pick your content

    A single letter (initial), an emoji, or up to 3 characters. Center-aligns automatically.

  2. 2
    Set the background

    Solid color or two-color gradient. Rounded corners toggle for iOS-style icons.

  3. 3
    Preview at every size

    Live previews at 16, 32, 180, and 512 px so you can see what a browser tab actually shows.

  4. 4
    Download the sizes you need

    .ico for the browser tab, 180×180 PNG for iOS, 192/512 for PWAs. All in one click.

Examples

Letter favicon
Input
Text: T · BG: #6366f1 · Text: white · Rounded: 20%
Output
Downloads: favicon.ico · apple-touch-icon.png · icon-192.png · icon-512.png
What ToolVaults itself uses (roughly). Clean, on-brand, no design software required.
Emoji favicon
Input
Text: 🧰 · BG: transparent
Output
A 32×32 icon that renders the emoji as your site's favicon
Zero-effort branding for side projects and internal tools.
Gradient background
Input
Text: AZ · Gradient: #6366f1 → #ec4899 · Rounded: 25%
Output
Multi-size icons with a matching diagonal gradient
Great for personal sites or portfolios where you want a distinctive tab.

Frequently asked

Which sizes do I actually need?

For most sites: favicon.ico (32×32), apple-touch-icon.png (180×180), and a web app manifest with 192×192 and 512×512 for PWAs. The 16×16 is auto-derived by browsers from favicon.ico.

Can I upload an existing image?

Not yet — the current version generates from text/emoji only. Image upload with automatic crop and resize is planned.

Where do I put the downloaded files?

The root of your site (e.g. `/favicon.ico`, `/apple-touch-icon.png`), and reference them in your HTML `<head>`. Modern frameworks like Next.js can auto-link them if you drop the files in the right folder.

Related tools