Tools · 5 min read · Published Feb 18, 2026
Favicon Sizes Explained: Full Checklist + Generator Flow
Avoid broken icons across browsers with a simple checklist: source image, generated sizes, manifest links, and final validation.
FaviconManifestPWAWeb Development
The Minimum Favicon Set
Most modern sites need multiple icon files for tabs, shortcuts, touch icons, and app manifests.
A single favicon file is rarely enough for consistent cross-device rendering.
- favicon-16x16.png
- favicon-32x32.png
- apple-touch-icon.png (180x180)
- android-chrome icons and site.webmanifest
Generator Workflow
Start from a high-resolution square source and let the generator output all required assets.
Apply generated HTML and manifest files as-is first, then customize selectively.
Final Validation Before Deploy
Clear browser cache and test your site on desktop and mobile.
Check that every referenced icon URL responds with 200 and uses the expected size.
Ready to apply this guide?
Launch JustFavi directly from this article and complete the workflow in your browser.
Generate with JustFavi