Favicon Generator
Generate favicons for all platforms from any image with ICO, PNG, and Apple Touch icons
Drag and drop an image here or click to browse
Supports PNG, JPG, WebP, SVG (Recommended: 512x512 or larger, square aspect ratio)
Source Image
About the Favicon Generator
Generate all the favicon sizes you need for modern websites with our free online favicon generator. Upload any image and get perfectly sized favicons for browsers, mobile devices, and PWAs — all processed locally in your browser for maximum privacy.
Generated Favicon Sizes
| Size | Filename | Purpose |
|---|---|---|
| 16×16 | favicon-16x16.png | Browser tab icon (standard) |
| 32×32 | favicon-32x32.png | Browser tab icon (high DPI) |
| 48×48 | favicon-48x48.png | Windows site icon |
| 64×64 | favicon-64x64.png | Desktop shortcuts |
| 180×180 | apple-touch-icon.png | iOS home screen icon |
| 192×192 | android-chrome-192x192.png | Android home screen icon |
| 512×512 | android-chrome-512x512.png | PWA splash screen |
| Multi-size | favicon.ico | Legacy browser support (16, 32, 48px combined) |
Features
- All Essential Sizes — Generate 8 favicon files covering all modern use cases
- ICO File Generation — Multi-resolution ICO file for legacy browser support
- Background Color — Add a solid background for transparent images
- Padding Control — Add spacing around your icon
- Corner Radius — Round corners for a modern look (iOS-style or circular)
- Ready-to-Use HTML — Copy and paste favicon HTML code
- Bulk Download — Get all files as a ZIP archive
- Privacy First — All processing happens in your browser
Best Practices
- Start with a large image — Use at least 512×512 pixels for best quality when scaling down
- Use a square image — Favicons are square; non-square images will be stretched
- Simple designs work best — Icons appear very small; avoid fine details
- Test at small sizes — Preview how your favicon looks at 16×16
- Consider transparency — PNG supports transparency; use a background color for better visibility on dark browser themes
How to Install Favicons
- Download the ZIP file containing all favicon sizes
- Extract the files to your website's root directory (or a subfolder)
- Copy the generated HTML code into your page's
<head>section - Update paths if you placed files in a subfolder
- Test by visiting your site and checking the browser tab icon
Favicon File Formats
PNG: Modern browsers support PNG favicons directly. They offer transparency support and are easy to work with.
ICO: The legacy Windows icon format that can contain multiple sizes in one file. Still needed for maximum compatibility with older browsers and Windows taskbar/shortcuts.
SVG: Some modern browsers support SVG favicons, offering infinite scalability. However, support is not universal, so PNG files are still recommended as fallbacks.
PWA Manifest Icons
For Progressive Web Apps, the 192×192 and 512×512 sizes are used in the manifest.json file for home screen icons and splash screens. The generated HTML includes references compatible with PWA requirements.