138 · Design & Web

Favicon Previewer

Upload your icon to see how it looks at the tiny sizes browsers actually use.

Favicon Previewer

Stays on your device. Square images work best.

Other tab
Other tab
Home screen

How to use the favicon previewer

  1. Choose your icon image.
  2. Type your page title.
  3. Check it in light and dark tabs and at each size.

Designing for 16 pixels

Browser tabs show favicons at 16 × 16 pixels, so fine detail and thin text disappear. Use a bold shape or a single letter, strong contrast, and check it on both light and dark tab bars. To create the actual icon files, use the favicon generator.

Examples

A detailed logo

Hard to read at 16px

A bold letter on a coloured square

Clear at every size

Questions

Is my data uploaded?

No. Everything runs in your browser, so what you paste never leaves your device.