Favicon Generator
Generate favicons from images or brand names. Customize initials with professional fonts, padding, and border radius. Download as a multi-size ZIP bundle.
Drop an image to use as your favicon
Square images work best (e.g., 512×512)
Max 20MB per file
What is a Favicon Generator?
A favicon (short for "favorite icon") is the small icon displayed in browser tabs, bookmarks, and app shortcuts for your website. This free tool generates favicons in all required sizes from a single source image — download them individually or as a ZIP bundle. No server uploads required.
Why Use This Tool?
All Sizes in One Shot
Generate all 8 required sizes (16px to 512px) from a single image upload — no need to resize manually in Photoshop or Figma.
ZIP Download
Download all sizes at once as a ZIP file, ready to drop into your project directory or upload to your web host.
Cross-Platform Compatible
The sizes generated cover browser tabs, Apple Touch icon, Android Chrome, Windows Tiles, and PWA app icons.
Fully Private
All resizing is done in-browser using the Canvas API. Your image never leaves your device.
Generated Favicon Sizes & Their Uses
| Size | Used By |
|---|---|
| 16 × 16 | Browser tab favicon (classic) |
| 32 × 32 | Browser tab (retina), Windows taskbar |
| 48 × 48 | Windows site icon, Google results |
| 64 × 64 | Windows site icons |
| 128 × 128 | Chrome Web Store, general |
| 180 × 180 | Apple Touch icon (iPhone home screen) |
| 192 × 192 | Android Chrome, PWA icon |
| 512 × 512 | PWA splash screen, app stores |
How to Add a Favicon to Your Website
- Generate and download your favicon files from this tool
- Place all favicon files at the root of your website (e.g.,
/public/) - Add the following tags to 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="/favicon-180x180.png">
Frequently Asked Questions
1. What type of image works best as a favicon source?
A square image (e.g., 512×512) with a simple, bold design works best. Complex images with fine details become unrecognizable at 16 or 32 pixels. PNG with transparency is ideal.
2. Should I use ICO or PNG format for favicons?
Modern browsers support PNG favicons natively. Use ICO format only for legacy browser compatibility. PNG is simpler and has better quality. See our ICO Converter tool if you need an ICO file specifically.
3. Why does Chrome show my old favicon after updating?
Browsers cache favicons aggressively. To clear: open DevTools → Network tab → check "Disable cache" → hard refresh (Cmd+Shift+R / Ctrl+Shift+R).