152 · Image Tools

Favicon Generator

Start from your logo or a letter, and get every icon file browsers and phones look for.

Start from

How to use the favicon generator

  1. Choose letters and colours, or switch to an image and choose your logo.
  2. Pick a shape and check the previews.
  3. Download the ZIP and paste the HTML into your page’s <head>.

What’s in the set

  • favicon.ico with 16, 32 and 48 px for browsers and bookmarks
  • favicon-32x32.png for modern browsers
  • apple-touch-icon.png (180 px) for iPhone and iPad home screens
  • icon-192.png and icon-512.png for Android and installed web apps
  • site.webmanifest that lists them

Upload the files to the root folder of your website.

Examples

Letter “T”, white on blue, rounded

6 files and 4 HTML tags

logo.svg with 8% padding

Icons centred with a margin

Questions

How do I check how it looks?

Try your icon in the <a href="/tools/favicon-previewer/">favicon previewer</a>, which shows it in browser tabs, bookmarks and on a home screen.

Are my files uploaded?

No. The files are processed by your browser on your own device and are never sent to a server.