Favicon Generator

Create a favicon and app icons from an image, or from a letter or emoji. Download favicon.ico, PNG icons, a web app manifest and the HTML to add to your site.

Runs in your browser. Files are not uploaded.

How to use

  1. Upload a square image, or type one to three characters.
  2. Adjust colours and padding.
  3. Download the ZIP and copy the HTML into your page’s <head>.

Questions

Which files are included?

favicon.ico (16, 32 and 48 px), apple-touch-icon.png (180 px), icon-192.png and icon-512.png, manifest.webmanifest, and favicon.svg for text icons.

What size should my image be?

Square and at least 512 × 512 px. Other shapes are fitted inside the square.

Why does the Apple icon have a background?

iOS shows transparent areas as black, so the Apple icon always gets a solid background.

More design tools