Creation
How to Create a Favicon for Your Website (All Sizes)
Generate favicon.ico, apple-touch-icon, and PWA icons from one image, and learn exactly which sizes a modern website needs.
2026-06-12 - 5 min read
Which favicon sizes do you actually need?
A favicon.ico containing 16, 32, and 48px covers browser tabs, bookmarks, and Windows shortcuts. Add a 180px apple-touch-icon for iOS home screens and 192/512px PNGs for Android and PWA installs.
You do not need dozens of sizes anymore. Modern browsers scale well from these five, and serving fewer files keeps your site fast.
Design tips for tiny icons
At 16px, fine detail disappears. Use a bold, simple mark with high contrast and avoid text unless it is one or two characters.
Test your icon on both light and dark browser themes. A transparent background with a strong silhouette usually works on both.
Try it now
Open related tool