Favicon Generator
Upload one square image and get favicons at every common size, an ICO file, and the HTML snippet to add them.
Favicon Generator
🔒 Nothing you enter is sent anywhere or stored. All processing happens in your browser.
Features
Every size from one image
Upload a single square image and get favicons at all the common sizes — 16, 32, 48, 180, 192 and 512 pixels — for tabs, bookmarks and home screens.
ICO file included
Download a classic multi-size .ico (16/32/48) alongside the PNGs, for maximum browser compatibility.
Ready-to-paste HTML
Get the exact <head> snippet linking every icon, so you can drop it straight into your site.
Optional background fill
Add a background colour behind transparent source images so the icon looks solid on any tab.
Runs in your browser
Icons are generated locally on a canvas — your source image is never uploaded.
How it works — in four simple steps
No signup, nothing to install — it all runs in your browser.
Upload a square image
Choose a square image, ideally 512×512 or larger, so every generated size stays crisp.
Add a background if needed
If your image is transparent, pick a background colour so the favicon isn't see-through.
Generate the favicons
Press Generate favicons to render every size and the .ico on your device.
Download and add the HTML
Download the icons and the .ico, copy the provided HTML into your site's <head>, and you're done.
How it works
A favicon is the little icon that appears in browser tabs, bookmarks, and home-screen shortcuts. Modern sites need it at several sizes: 16 and 32 pixels for tabs, 48 for older Windows, 180 for Apple touch icons, and 192 and 512 for Android and progressive web apps. This tool generates all of them from a single source image.
Upload a square image (512×512 or larger gives the sharpest results). The generator center-crops it to a square if needed and redraws it at each target size on the canvas, so every icon is a crisp, correctly proportioned version rather than a stretched one. You can optionally add a solid background color, which is useful when your source has transparency but you want a filled icon.
Beyond the individual PNGs, it assembles a real multi-resolution .ico file (containing the 16, 32, and 48 pixel images) that classic browsers expect at /favicon.ico, and it outputs the exact HTML block to link everything from your page's head. All of this is produced in your browser with no uploads.