Favicon Generator
Upload any image and generate favicons in all standard sizes. Select which sizes you need and download each as a PNG.
Drop your image here
PNG · SVG · JPEG · WebP — square images work best
How to add to your HTML:
<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="128x128" href="/favicon-128x128.png">
Frequently Asked Questions
What image formats can I upload?
Any format your browser can decode: PNG, JPEG, SVG, WebP, GIF. For best results use a square PNG with a transparent background.
What sizes should a favicon have?
The minimum is 16×16 and 32×32 for browser tabs. 48×48 is used by Windows desktop shortcuts, 128×128 for Chrome Web Store and high-DPI displays, and 180×180 for Apple Touch icons.
Is my image uploaded to a server?
No. All resizing is done in your browser using the HTML5 Canvas API. Your image never leaves your device.
How do I add the favicon to my website?
Place the PNG files in your public folder and add <link rel="icon"> tags to your <head> as shown in the code snippet at the bottom of the tool.
Required Favicon Sizes
| Size | Used for |
|---|---|
| 16×16 | Browser tab icon (legacy, all browsers) |
| 32×32 | Browser tab, Windows taskbar shortcut |
| 48×48 | Windows site icon in Start menu |
| 64×64 | Windows site icon, high-DPI tabs |
| 128×128 | Chrome Web Store, extensions |
| 180×180 | Apple Touch Icon for iOS home screen (apple-touch-icon) |
| 192×192 | Android/Chrome PWA home screen icon |
| 512×512 | PWA splash screen, manifest icon |
HTML Link Tags for All Sizes
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/manifest.json">