Favicon Generator: favicon.ico, Apple Touch Icon and PNG Sizes

Give your website its little tab icon. Start from your logo, or just type a letter or emoji and pick colours, and download favicon.ico plus every PNG size browsers, iPhones and Android phones look for, with the HTML to paste into your page.

loading tool

How to make a favicon

  1. Choose a logo, or type a letter or emoji and pick colours.
  2. Check the small previews: the 16 px one must still be readable.
  3. Press Create favicon pack, download the ZIP and copy the HTML.

Good to know

  • Simple shapes and one or two letters work best at 16 pixels.

Questions

Which files do I really need?

favicon.ico for older browsers, a 32 px PNG for tabs, apple-touch-icon.png (180 px) for iPhone home screens, and the 192 and 512 px icons with site.webmanifest for Android. The pack includes all of them.

How do I add a favicon on Blogger?

In Blogger go to Layout → Favicon (top left) and upload the 48 px or 32 px PNG. Blogger adds the code for you.

My new favicon does not show. Why?

Browsers cache favicons for a long time. Open the site in a private window or clear the cache to see the new one.

Is my data private?

Yes. Everything happens inside your own browser: nothing you type or choose is uploaded to us or anyone else.

Is it free?

Completely free, with no sign-up, no watermark and no limit on how many times you use it. Light ads keep the site running.