Drop your image here
PNG, SVG, JPG — square 512×512px or larger recommended
Browser tab preview (16×16)
Fit mode
Background
Preview
Package contents
HTML to paste in <head>
What This Tool Does
Upload any image and instantly generate a complete favicon package. The tool uses the HTML Canvas API to resize your image to all standard favicon dimensions, then packages them into a ZIP file alongside a site.webmanifest and a README with installation instructions — all in your browser, nothing uploaded to any server.
How to Use
1. Drop your image or click Choose Image.
2. Choose a fit mode and background colour if needed.
3. Preview the results at all sizes.
4. Click Download Favicon Package to get the ZIP.
5. Upload all files to your website root and paste the HTML into your <head>.
Frequently Asked Questions
What sizes are included in the favicon package?
The ZIP includes: favicon-16x16.png (browser tab, small), favicon-32x32.png (browser tab / taskbar), favicon-48x48.png (Windows taskbar), apple-touch-icon.png (180×180, iOS home screen), android-chrome-192x192.png and android-chrome-512x512.png (Android / PWA), plus a site.webmanifest and ready-to-paste HTML link tags.
Where do I put the favicon files?
Upload all files to the root directory of your website (the same folder as your homepage). Then paste the provided HTML inside the <head> section of every page. Browsers automatically look for favicon.ico in the root, but the <link> tags ensure correct icons on all devices.
What image should I use as a source?
For best results use a square image (1:1 aspect ratio) of at least 512×512 pixels. SVG, PNG (with transparency), and high-resolution JPG all work well. Logos with a transparent background produce the cleanest results, especially at small sizes.
Is my image sent to a server?
No. Your image is processed entirely in your browser using the HTML Canvas API. Nothing is uploaded to our servers. The ZIP is generated client-side and downloaded directly.