Image to Favicon

Turn any image into a complete favicon set — a real .ico, every PNG size, a manifest and the HTML to paste in.

Drop an image here, or click to choose

Square, at least 512×512 gives the best results

HOW TO

How to make a favicon

A favicon is the little icon in a browser tab, a bookmark and a phone home screen. Each of those wants a different size, which is why one file is rarely enough.

  1. 1

    Upload a square image

    Drag in a logo or graphic — at least 512 pixels square gives the best results across every size.

  2. 2

    Check the previews

    Every size is generated instantly, including a tab-sized preview so you can see whether the design still reads at 16 pixels.

  3. 3

    Download the set

    Take the whole package as a ZIP with the .ico, the PNGs, a manifest and the HTML, or grab individual files if you only need one.

USE CASES

Where your icon shows up

The same small graphic ends up in a surprising number of places.

Browser tabs

The 16 and 32 pixel versions identify your site among a row of open tabs.

Bookmarks

Saved links show your icon, making the site recognisable in a long list.

Phone home screens

Larger PNGs are used when someone adds your site to their home screen.

Search results

Mobile search listings display a favicon next to the result on many engines.

Browser history

Icons make your site easier to spot when someone is looking back through history.

Pinned tabs and tiles

Desktop browsers and Windows tiles pick up the larger sizes for their own displays.

TIPS

Designing for sixteen pixels

A favicon is smaller than a word of this sentence. Design accordingly.

  • Start square and large. A non-square image gets cropped, and anything under 512 pixels limits the biggest sizes.
  • Use a single bold shape or letter. Full wordmarks and detailed illustrations turn to mush at tab size.
  • Check the 16 pixel preview before you commit — it is the honest test of whether the design works.
  • Strong contrast helps the icon stand out against both light and dark browser themes.
  • Transparent backgrounds suit browser tabs; a solid background often looks better on a phone home screen.
  • Put every file in your site root and paste in the supplied HTML, or browsers will only find some of them.
FAQ

Questions, answered

What the generator produces and how to install it.

Still stuck?

Send us the details and we will take a look.

Get in touch

There is no single size. A modern site needs a 16x16 and 32x32 for browser tabs, 180x180 for the iOS home screen, and 192x192 and 512x512 for Android and the web manifest. This tool generates all of them from one image.