Favicon Generator

Frequently asked questions

What size should a favicon be?

Modern browsers prefer a 32x32 PNG, but you should also ship 16x16 for legacy tabs, 180x180 as apple-touch-icon, and a 512x512 maskable PNG for PWAs. A single SVG favicon covers most cases for modern browsers.

Why does my favicon look blurry?

Browsers downscale large favicons poorly, especially text-based ones. Design specifically for 16x16 and 32x32, keep shapes chunky, and avoid thin strokes or small text.

Where do I put the favicon in a Next.js or static site?

Place favicon.ico or icon.png in the app or public folder, and the framework will auto-link it. For older setups, add a link rel="icon" tag pointing to /favicon.ico in the document head.