Favicon Generator
Upload one image, get all 10 favicon sizes + manifest.json + HTML snippet
How to use
- Upload SVG or ≥512px PNG
- Choose background
- Download all 10 sizes
- Paste the HTML snippet
Use cases
- New website launch
- PWA icons
- iOS/Android home-screen
About the Favicon Generator
Every site needs a favicon. Modern sites need eight favicons for different platforms (browser tab, iOS home-screen, Android home-screen, desktop shortcut, PWA splash). Doing this by hand means opening an image editor 10 times. This tool generates every size from one source in 5 seconds and emits the HTML + manifest.json you paste into your <head>.
Features
- 10 standard sizes from 16×16 to 512×512
- Transparent / white / custom background
- Optional iOS-style rounded corners (22% radius)
- One-click download of all 10 sizes
- Ready-to-paste <head> snippet
- manifest.json for PWA support
How it works
- Upload your source image (SVG or ≥512px PNG).
- Choose background + optional rounded corners.
- Click 'Download all' and drop the files at your site root.
- Paste the HTML snippet into your <head>.
Frequently asked questions
What size should my source image be?
+
SVG is best — infinite resolution. If PNG, use 1024×1024 or 512×512 square; anything smaller scales up badly.
Where do I put the downloaded files?
+
At the root of your site (e.g. next to your index.html). The HTML snippet references them from the root path.
Do I need all 10 sizes?
+
Technically no, but modern browsers + iOS + Android all want different sizes and you avoid ugly fallbacks by shipping everything. Total payload is under 20 KB.
Can I generate .ico files?
+
Not yet — modern browsers accept PNG natively, so favicon.ico is optional. The standard favicon-32x32.png served at the root works for most setups.
Are my images uploaded anywhere?
+
No — everything runs in your browser via canvas.