Drop an image here or (square image recommended)
Sizes to generate
How to use the Favicon Generator
- Upload a square image (ideally 512×512 px or larger, the higher the resolution, the sharper the smaller sizes).
- Select the sizes you need: 16, 32, and 48 px cover most browsers; 180 px is for Apple Touch icons; 192 and 512 px are for PWA manifests.
- Click Generate & Download to get a ZIP archive with all selected sizes as PNG files.
Recommended favicon sizes
| Size | Usage |
|---|---|
| 16×16 | Browser tab, bookmarks bar |
| 32×32 | Windows taskbar shortcut, browser tab (HiDPI) |
| 48×48 | Windows site shortcut |
| 180×180 | apple-touch-icon for iOS home screen |
| 192×192 | PWA manifest icon (standard) |
| 512×512 | PWA manifest icon (splash screen) |
How to add favicons to your site
Place the PNG files at the root of your site and add these <link> tags in your HTML <head>:
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
For a favicon.ico file (for legacy browser support), convert one of the PNGs using a dedicated ICO converter.
Tips for best results
- Use a simple, bold design, fine details disappear at 16×16 px
- Ensure high contrast between the icon and both light and dark browser themes
- Use a transparent background so the icon adapts to any browser UI color
- Start from an SVG source if possible for lossless scaling
Privacy
All generation happens in your browser. No images are uploaded to any server.