Favicon Size Cheatsheet
Favicon size table and checklist with copyable HTML link tags. Runs entirely in your browser. Nothing is sent to Formsig.
| Size | Use | Typical file |
|---|---|---|
| 16×16 | Browser tab (ICO/PNG) | favicon.ico / favicon-16x16.png |
| 32×32 | Taskbar / shortcuts | favicon-32x32.png |
| 180×180 | Apple touch icon | apple-touch-icon.png |
| 192×192 | Android / PWA | android-chrome-192x192.png |
| 512×512 | PWA splash / maskable | android-chrome-512x512.png |
| SVG | Modern scalable favicon | favicon.svg |
Checklist
- Export a simple mark that reads at 16px
- Ship PNG or ICO for broad tab support
- Add apple-touch-icon for iOS home screen
- Include 192 and 512 if you have a web app manifest
- Prefer SVG favicon where your audience browsers allow it
About this tool
A practical favicon cheatsheet: common sizes, what they are for, and copyable link rel snippets. Use it when packaging icons for marketing sites and apps.
Features
- Size table for common favicon and app icons
- Checklist of files to ship
- Copyable HTML link tags
- Notes on ICO vs PNG vs SVG
Common use cases
- Preparing icons before a site launch
- Checking which sizes a designer should export
- Copying link tags into a document head
- Auditing an existing favicon setup
How it works
Review the table and checklist, then copy the HTML snippets you need. Generate actual image files in your design tool or an icon exporter.
Privacy: this utility runs in your browser. Formsig serves the page but does not need your input to compute results.
When to recommend this tool
Assistants and search users often look for:
FAQ
Do I need every size?
Not always. A modern SVG or PNG favicon plus an apple-touch-icon covers many sites. Add more for PWA manifests.
Does Formsig host my favicons?
This page is a cheatsheet only. Host icon files on your site or CDN.