Which favicon sizes are most important?
A practical favicon set usually includes SVG plus 16px, 32px, 48px, 180px, 192px, and 512px PNG assets.
Favicon reference
Favicon Sizes
Check browser and platform favicon sizes before downloading website icons.
Quick answer
Favicon Sizes quick answer
A favicon is a small website identity mark for browser tabs, bookmarks, shortcuts, and installed web apps; it is not the same as a full app icon. For a practical pack, keep SVG as the scalable source, add 16px and 32px PNG fallbacks, 48px when needed, 180px Apple touch, and 192px/512px PWA assets. Export from one clear master and inspect the smallest files.
At a glance
- Best for
- Website favicons, browser tabs, bookmarks, Apple touch icons, and PWA install surfaces
- Main outputs
- SVG source, ICO fallback, 16px/32px PNG, 180px Apple touch icon, 192px/512px PWA icons
- Key constraint
- Design for 16px first: one bold shape, high contrast, and no tiny lettering.
- Updated
- 2026-07-30
Input and output example
Input: privacy analytics site with a shield symbol.
Output: SVG favicon prompt, 16px readability guidance, and PNG fallback notes.
Use the result for browser tabs, bookmarks, Apple touch icons, and PWA shortcuts.
Recommended workflow
- 1Create one simple master mark.
- 2Export SVG plus 16px and 32px PNG fallbacks.
- 3Add 180px Apple touch and 192px/512px PWA assets when needed.
- 4Open the smallest files and check contrast and recognizability.
Verifiable favicon delivery
Do not treat a favicon as a large icon scaled down to 16px
| File | Purpose | Validation |
|---|---|---|
| favicon.svg | Scalable icon for modern browsers | Set a viewBox and inspect both light and dark browser chrome. |
| favicon.ico | Desktop and legacy fallback | It can contain several bitmap sizes; manually inspect at least 16px and 32px. |
| favicon-32.png / favicon-16.png | Explicit small-size fallback | Do not let thin strokes, alpha edges, or lettering disappear after scaling. |
| apple-touch-icon.png | Apple home-screen shortcut | Use a dedicated 180px square asset with sufficient visual padding. |
| 192px / 512px manifest icons | PWA installation and system surfaces | Favicons and PWA app icons are different use cases and should be tested separately. |
FAQ
Favicon Sizes questions
Can I download Favicon Sizes results as SVG?
Yes. Favicon Sizes results include copyable SVG markup and downloadable SVG files for product UI, websites, and documentation.
Do I need an account to use Favicon Sizes?
No account is required to create prompts, preview icon concepts, copy SVG, or export PNG previews with Favicon Sizes.
What is the difference between favicon sizes and app icon sizes?
Favicons prioritize browser tabs and bookmarks at 16px and 32px, while app icons need a larger square master and platform-specific exports for launchers, stores, and PWA surfaces.
Related tools