Generate all the favicon formats you need from a single image — everything runs directly in the browser.
This tool was built to make favicon generation easier when working on small to medium projects, without relying on multiple external tools.
- Upload PNG, JPG, or SVG images
- Generate multiple sizes, from 16×16 up to 512×512
- Runs entirely in the browser (no backend)
- Download a ZIP with all generated icons
- Copy a ready-to-use HTML snippet
- Preview icons before downloading
- Upload an image (drag & drop or click to browse)
- Select the sizes you need (or use presets like All or PWA)
- Click Generate
- Download the ZIP or copy the HTML snippet
- Done
The generated output may include:
favicon-16x16.png— Browser tab iconfavicon-32x32.png— Taskbar iconfavicon-48x48.png— Windows site iconfavicon-180x180.png— Apple touch iconfavicon-192x192.png— Android Chrome iconfavicon-512x512.png— High-resolution PWA icon- HTML snippet for
<head>integration
- Vanilla JavaScript
- Canvas API
- JSZip
- CSS3
- Use square images (1:1 aspect ratio)
- A minimum resolution of 512×512 is recommended
- Simple designs work better at smaller sizes
- Test icons in both light and dark browser themes
- Very small source images may look blurry at 16×16
- Some complex SVGs may render differently across browsers
This is a personal learning project. Suggestions and improvements are welcome — feel free to open an issue.
Created by Silvana Rodriguez
Software Developer & Product Designer (UI/UX)
MIT License