MetoolzyFavicon Generator
Upload an image (square recommended)
Multi-size
Generate favicons in all required sizes.
ICO + PNG
ICO format plus Apple Touch Icon.
Download All
Get all sizes in one download.
Client-side
All processing in your browser. No data uploaded.
About Favicon Generator
The Favicon Generator creates all the PNG favicon sizes your website needs from a single source image, along with the correct HTML link tags to paste into your <head>. Favicons are the small icons that appear in browser tabs, bookmarks, and mobile home screens — and every modern website needs them in multiple sizes to look polished across all devices and contexts. The standard set includes 16×16 and 32×32 for browser tabs, 48×64 for Windows taskbar shortcuts, 128×128 for Chrome Web Store, 180×180 for Apple Touch Icon on iPhones and iPads, and 192×512 for Android PWA home screen icons. This tool generates all eight sizes in one go and lets you download each individually or all at once. It also provides ready-to-paste HTML code covering all the standard <link> tags. Best results are achieved with a square source image of at least 512×512 pixels. All processing happens in your browser — your image is never uploaded to a server.
How to Use Favicon Generator
- Prepare a square image of at least 512×512 pixels (PNG with transparency works best for logos).
- Click the upload area or drag and drop your image onto the drop zone.
- Eight favicon previews appear instantly, showing each size from 16×16 up to 512×512.
- Click any individual preview to download just that size, or click "Download All Sizes" to get all eight PNG files at once.
- Copy the HTML code snippet shown at the bottom and paste it inside the <head> section of your HTML.
- Upload the downloaded PNG files to the root of your website (e.g., /favicon-32x32.png) so the HTML links resolve correctly.
Frequently Asked Questions
What size should my source image be?
Use a square image of at least 512×512 pixels for best results. Smaller source images will be upscaled, which may look blurry at larger favicon sizes.
Does the tool generate .ico files?
Currently the tool generates PNG files, which are preferred by modern browsers. For legacy .ico support, you can use the downloaded 16×16 and 32×32 PNGs with an online ICO packager.
Which sizes are required for Apple devices?
The 180×180 PNG is the Apple Touch Icon size used by iPhones and iPads when a user adds your site to their home screen. It is referenced by the apple-touch-icon link tag in the provided HTML.
Where should I put the favicon files on my server?
Place them in the root directory of your website (e.g., https://example.com/favicon-32x32.png). This matches the paths in the generated HTML code snippet.
Are my images uploaded to a server?
No. The tool uses the browser's Canvas API to resize your image locally. Nothing is sent to an external server and your image data remains private.
Related Tools
Top 10 Free Tools Every Developer Needs
Boost your productivity instantly. Get our exclusive cheatsheet featuring the most essential web utilities you didn't know you needed, delivered straight to your inbox.
We respect your inbox. Unsubscribe at any time.