ToolsMaxxing

Favicon generator

Make a favicon.ico and every PNG size you need from one image.

or drag and drop images here

a PNG, JPG, WebP or GIF image (a square logo works best)

Your files stay on your device

  1. 1Add files
  2. 2Adjust
  3. 3Download

How it works

  1. 1Add a square logo or image. 512 by 512 pixels or larger gives the best result.
  2. 2Choose whether non-square images are fitted inside or cropped, and the background.
  3. 3Select Make favicon set.
  4. 4Download the ZIP, put the files in your site root and paste the HTML from favicon-html.txt into your head.

What the options do

Fit inside
Keeps the whole image and adds empty space on the short side.
Crop to fill
Fills the square and cuts off the edges of a wide or tall image.
Background
Transparent keeps transparency. White or black fills it. The Apple touch icon always gets a solid background.

Privacy

Your image is resized in your browser and is never uploaded.

Questions people ask

Which files do I get?

favicon.ico with 16, 32 and 48 px images, separate 16, 32 and 48 px PNGs, a 180 px apple-touch-icon.png, 192 and 512 px icons for Android, a site.webmanifest file and a text file with the HTML tags.

Do I still need a favicon.ico?

Many browsers read PNG icons, but some crawlers, feed readers and older tools still request /favicon.ico, so it is worth keeping.

Why is my favicon tiny and unreadable?

At 16 pixels, detail disappears. Use a simple shape or one letter on a plain background, and avoid thin lines or small text.

Why does my browser still show the old icon?

Browsers cache favicons for a long time. Hard refresh, or add a version such as /favicon.ico?v=2 to the link.

Can I upload an SVG?

Not in this version. Export your SVG as a large PNG first. A modern site can also add an SVG icon link next to these files.

Related tools