How to Use
- 1
Upload a square PNG or SVG image. For best results, use a 512×512 pixel image or larger with a simple, bold design.
- 2
All required favicon sizes are generated automatically: 16×16, 32×32, 48×48, 180×180 (Apple Touch), 192×192, and 512×512.
- 3
Download individual sizes as PNG files, or use the Download All button to get a ZIP containing every size at once.
Frequently Asked Questions
What sizes do I need for a favicon? ▼
At minimum: 16×16 and 32×32 for browser tabs, 180×180 for Apple Touch Icon (iOS home screen), and 192×192 and 512×512 for Android and PWA manifest icons. This tool generates all of them from a single upload.
What image format should I upload? ▼
PNG or SVG work best. Use a square image for optimal results - the tool will resize and center automatically. Avoid complex photographs; simple logos and icons look much cleaner at small sizes.
Are the favicons generated locally? ▼
Yes. All processing happens in your browser using the HTML Canvas API. No images are uploaded to any server.
How do I add favicons to my website? ▼
Place the generated files in your site's root directory (or /public folder), then add the appropriate link tags in your HTML <head>: <link rel="icon" sizes="32x32" href="/favicon-32x32.png"> for each size, and <link rel="apple-touch-icon" href="/apple-touch-icon.png"> for iOS.