Favicon generator
Browsers expect multiple icon sizes: classic 16×16 favicon.ico, 32×32 tab icons, 180×180 apple-touch-icon, and 192×192 PWA icons. Upload a square logo and download a complete set — generated locally without sending your brand assets to a server.
How to generate favicons
1. Upload a square PNG or JPG (512×512 or larger recommended).
2. Preview generated sizes.
3. Download the icon pack or individual files.
4. Add link tags to your HTML head and place files in /public or site root.
Favicon setup examples
New static site
Generate favicon.ico plus 32×32 PNG and add standard link rel="icon" tags to layout.html.
PWA manifest
Export 192×192 and 512×512 PNG for manifest.json icons array.
Rebrand swap
Replace one master logo and regenerate all sizes so tabs and home-screen shortcuts match.
When to use a favicon generator
• When launching a site and needing all standard icon sizes at once.
• When you have a raster logo but not a multi-size .ico file.
• When you want local generation without uploading brand assets.
HTML link tags checklist
Include rel="icon" for PNG sizes, rel="apple-touch-icon" for iOS, and optionally manifest.json for PWAs. Place files at predictable paths (/favicon.ico still helps old crawlers).
Frequently asked questions
What size should the source image be?
At least 512×512 px square. Larger masters downscale better than upscaling small logos.
ICO vs PNG favicon?
Modern browsers accept PNG; .ico bundles multiple sizes for legacy Windows tabs.
apple-touch-icon size?
180×180 px for iOS home screen shortcuts — use PNG without transparency for best results.
Transparent background?
Works for PNG tabs; iOS home icons may get a white matte — test on device.
SVG source?
Convert SVG to PNG first at high resolution, then generate favicons.