Favicons used to be simple: one 16×16 ICO file and you were done. Then came retina displays, iOS home screen icons, Android app icons, Windows tiles, and browser tabs at various resolutions. Now "a favicon" is actually a set of 10+ files in multiple formats.
Here's exactly what you need and how to generate it all in one go.
The complete favicon size list
| File | Size | Used for |
|---|---|---|
favicon.ico | 16×16, 32×32 | Classic browser tab favicon |
favicon-16x16.png | 16×16 | Modern browser tabs |
favicon-32x32.png | 32×32 | Retina browser tabs |
apple-touch-icon.png | 180×180 | iOS "Add to Home Screen" |
android-chrome-192x192.png | 192×192 | Android home screen |
android-chrome-512x512.png | 512×512 | Android splash screen |
og-image.png | 1200×630 | Social sharing preview |
What to start from
Start with an SVG or a PNG at at least 512×512 pixels. Vector (SVG) is ideal because it scales to any size without degrading. Your source image should be the icon on a transparent or solid background — avoid complex photography or images with thin details that disappear at 16×16.
Design tip: Your favicon should be recognisable at 16×16 pixels. Test it at small sizes before generating the full set. A full wordmark logo often becomes unreadable — a simplified icon or lettermark usually works better.
Generate everything with EazyStudio
1
Open the Favicon Generator
Go to EazyStudio Favicon Generator.
2
Upload your source image
Drop in your 512×512+ PNG or SVG. The tool previews how it'll look at all sizes.
3
Download the package
Click Generate — you get a ZIP with all sizes, plus a ready-to-paste HTML snippet for your
<head>.The HTML snippet you'll need
HTML
<!-- Paste in <head> -->
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Generate your favicon set now
Upload one image, get all sizes. Takes 30 seconds, works in your browser.
Open Favicon Generator