ToolBirch

Favicon Generator

Render a text favicon at every size browsers need, with the HTML snippet.Design & Color

Favicon Generator

Type one or two characters and get crisp PNG favicons at the sizes browsers actually use, plus the HTML snippet.

16 px · 32 px · 64 px previews
CSS
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon-180x180.png">

About this tool

A lettermark favicon takes minutes: pick the characters, colours and corner style, then download a ZIP with the 16, 32, 48 and 180-pixel PNGs plus the link tags to paste into your HTML head.

How to use the Favicon Generator tool

  1. Type your lettermark. One or two characters; they are centred and scaled automatically.
  2. Set the colours and corners. Background and text colours, with an optional rounded background.
  3. Generate and download. The ZIP contains every size plus the HTML snippet as a text file.

Supported formats

Input

  • 1–2 characters of text
  • Background and text HEX colours

Output

  • PNG favicons at 16, 32, 48 and 180 px
  • An HTML link-tag snippet

Inputs are validated before anything is processed. Invalid values and unsupported files are rejected with a clear error instead of failing silently.

Frequently asked questions

Why no .ico file?

Modern browsers accept PNG favicons everywhere, and PNG renders crisper than a legacy multi-size .ico.

Which font is used?

Your device's system UI font, so the lettermark matches native rendering.

What is the 180-pixel file for?

Apple touch icons — the shortcut icon iOS puts on a home screen.

Can I use an image or logo instead of text?

Not in this tool. It draws characters on a solid or rounded background.

Privacy

Everything you enter stays in this browser tab. There is no upload endpoint for tool inputs, no account, and no server-side copy of your text or files. Results are produced locally and disappear when you close the page.

No account is required and no file is ever uploaded. See the privacy policy for details about analytics and the limited data this site stores.

Known limitations

  • Text lettermarks only; uploading an existing logo is not supported.
  • The font follows the generating device, so letterforms vary slightly across machines.
  • No .ico container is produced.

Related tools

Other free tools from the same collection.

Gradient GeneratorCompose a two-stop CSS linear or radial gradient visually.Color Palette GeneratorBuild a five-colour palette from one base colour using harmony rules.Image ResizerResize by exact pixels, percentage, or fit-within-bounds.SVG to PNGRasterize SVG vectors into PNG at the exact size you need.