Make a favicon from any image

Drop in a logo and get a real multi-size favicon.ico, plus the PNG sizes phones and browsers ask for. It all happens in your browser.

Drop your logo here or click to choose. A square PNG at 512 px or more works best.

Your icons

Settings

Add it to your site

Put the files in your site's main folder and add this to the head of your pages:

<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" href="/icon-192.png" type="image/png" sizes="192x192">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

Deskshed, our desktop app for Windows. Save the whole set straight into one folder you choose. Pay once: $5 for the first 1,000 buyers, then $9.

See Deskshed

Favicon generator at a glance

Cost
Free, with no watermark
Account
None needed
Your image
Processed on your device and never uploaded. How to check
You get
favicon.ico plus PNG icons from 16 to 512 px
Limits
Square images look best

How to use it

  1. Drop in your logo

    Use the largest square version you have. Simple shapes read best at 16 pixels.

  2. Adjust if you need to

    Add padding if the logo touches the edges, or a background color if a transparent logo gets lost.

  3. Download and add to your site

    The page shows the HTML to copy into your site.

Favicon generator: common questions

What sizes does a website need?

favicon.ico covers browser tabs, a 180 pixel apple-touch-icon covers iPhones and iPads, and 192 and 512 pixel PNGs are for installed web apps, listed in your site's web app manifest. This tool makes all of these files; it doesn't write the manifest.

Is the .ico file real, or a renamed PNG?

It's a real ICO file containing 16, 32 and 48 pixel versions, stored in the PNG form that current browsers read.

My logo is unreadable at 16 pixels. What can I do?

Use just the mark or the first letter rather than the whole logo. Fine detail and small text disappear at that size.