Halloween sale: 31% off your first Pro purchase. Ends October 31.
File problem guide

How to create a favicon for a website

Start with a simple square image that stays recognizable at very small sizes, then generate the common browser and app icon sizes.

Quick answer

Use one clean square source and generate the common icon sizes together.

The favicon generator creates browser PNG sizes, an Apple touch icon, 192/512 app icons and a starter webmanifest in one ZIP.

Generate favicon pack →

Make a favicon pack

  1. Choose a simple square source.Logos with strong shapes and limited detail work best when reduced to tiny icons.
  2. Generate the icon pack.The ZIP includes the main browser, Apple and PWA PNG sizes.
  3. Review the manifest names.Replace the starter site name values before publishing the webmanifest.