Do we still need favicon.ico?

For compatibility: old browsers, Windows shortcuts, feed readers and some crawlers request `/favicon.ico` directly, and a PNG-only setup leaves them without an icon. One ICO containing 16/32/48 covers all of them for a few hundred bytes.

Can it produce an SVG icon?

No — it renders PNGs from a bitmap or from text. A vector icon needs a source SVG, referenced with ` `; if you already have that SVG you do not need this tool.

Favicon Generator

Turn an image or a letter into every icon size, plus a packed favicon.ico.

Back to tools

Tool Panel

About Favicon Generator

Generates eight sizes from 16 to 512 and packs 16/32/48 into a single favicon.ico. A letter or emoji works as the source, so no image is needed up front.

1
Eight sizes in one pass (16 / 32 / 48 / 64 / 128 / 180 / 192 / 512), with 16 / 32 / 48 **packed into a single `favicon.ico`** — those three serve old browsers, Windows shortcuts and bookmarks, and adding more only grows the file.
2
The source can be **text** (a letter or emoji with adjustable background and foreground) or an image; the text mode is for projects that do not have a logo yet.
3
The generated `<link>` snippet is the currently recommended set: `favicon.ico` for compatibility, a 32×32 PNG for modern browsers, 180×180 for the iOS home screen and `site.webmanifest` for Android/PWA.

Related tools

View all

Design Tools

Color Picker

Pick a colour and read off its HEX, RGB and HSL values.

Design Tools

Contrast Checker

Check foreground and background contrast against accessibility thresholds.

Design Tools

Gradient Generator

Build CSS linear and radial gradients visually, then copy the code.

Design Tools

Box Shadow Generator

Tune a box shadow visually and copy the CSS.

Design Tools

Unit Converter

Convert physical units across length, weight, volume and more.

Design Tools

Bytes Converter

Convert between bytes, KB, MB, GB and TB.

Design Tools