Joy of Tools

Favicon generator

Add a logo or picture and get a complete favicon set to download.

Your files and text are not uploaded. Everything happens on this page.

or drop them here

A square image of 512 px or more works best. You can also paste one with Ctrl+V.

How to use it

  1. Add a square image, ideally 512 px or larger.
  2. Choose a background and some padding, and check how it looks in a browser tab.
  3. Download the icons or the ZIP, then paste the code into the head of your page.

Questions

What size should my source image be?

Use a square picture of at least 512 x 512 px. Other shapes work too, but the center is cut to a square. Small pictures make the large icons look soft.

Which files do I get and where do they go?

favicon.ico (16, 32 and 48 px), two PNG tab icons, a 180 px Apple touch icon, and 192 and 512 px icons for Android. Put them in the root folder of your site and paste the code into the head of each page.

Why add a background or padding?

A transparent icon can disappear against a dark browser tab. A solid background fixes that, and padding keeps your logo clear of the rounded corners iPhones add to home screen icons.

Is my logo uploaded anywhere?

No. The icons are made on this page and your image stays on your device.

More tools