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.
When to hand-craft icons
• When your logo is detailed — simplify to a lettermark for 16×16 legibility.
• When SVG favicons suffice for modern-only audiences.
• When platform stores require strictly specified layered PSD sources.
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).
Design for 16×16
Fine details vanish at favicon size. Use bold shapes, high contrast, and avoid thin strokes. Many brands use monogram variants for tiny sizes.
Cache busting on rebrand
Browsers cache favicons aggressively. Rename files or add ?v=2 query when updating icons so users see the new mark.
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.
Are logos uploaded to a server?
No — resizing uses canvas locally.
SVG source?
Convert SVG to PNG first at high resolution, then generate favicons.