What favicon sizes do I need for my website?
Modern websites require multiple favicon sizes to display correctly across browsers, operating systems, and devices. A complete favicon implementation covers browser tabs, bookmarks, home screen icons, and Windows tiles.
Standard favicon sizes explained
- 16x16: Browser tab icon on standard displays, the classic favicon size
- 32x32: Browser tab icon on retina displays and Windows taskbar
- 48x48: Windows desktop shortcuts and site icons
- 180x180: Apple Touch Icon for iOS home screens and Safari bookmarks
- 192x192: Android Chrome home screen icon and PWA manifest
- 512x512: PWA splash screens and high-resolution contexts
What is included in the package
- favicon.ico: Multi-resolution ICO file containing 16x16, 32x32, and 48x48 for legacy browser support
- PNG files: Individual PNG icons at all standard sizes for modern browsers
- apple-touch-icon.png: 180x180 icon specifically for iOS devices
- site.webmanifest: Web manifest file with icon references for PWA support
- HTML snippet: Ready-to-paste link tags for your document head
Type any text or emoji, customize the colors and shape, and download a complete favicon package as a ZIP file. All icon generation happens entirely in your browser using the Canvas API. Your input never leaves your device, and no data is sent to any server.