Favicon Generator
Turn an image into a ready-to-use favicon package with PNG icons, favicon.ico, a web manifest, and HTML instructions.
Processed on your device. Your files and inputs never leave your browser.
How it works
Choose a square logo or image
Generate the package. Non-square images are fitted with transparent padding.
Extract the ZIP into your site's public root and add the supplied snippet to your HTML head.
The package includes 16, 32, 48, 180, 192, and 512 pixel PNGs and a multi-resolution ICO containing traditional bitmap entries for broad compatibility. The 180 pixel image is an Apple touch icon; 192 and 512 pixel icons are referenced in the manifest. Edit the manifest name and short_name to match your site. High contrast artwork with a simple silhouette is easiest to recognize at 16 pixels.
A few more useful tools
Good to know
Where do I put the generated files?
Place the files at your site's public root, keeping the names in the snippet. In Next.js, the public directory maps to that root.
Why is my new favicon not visible immediately?
Browsers cache favicons aggressively. Try a hard refresh, close and reopen the tab, or change the icon URL version after deploying.