Favicon Generator

Create a favicon from an emoji, your initials or an uploaded image, then download a multi-size .ico plus PNGs. Choose a background colour and shape, all rendered in your browser.

How it works

A favicon is the little icon shown in browser tabs and bookmarks. Start from an emoji, your initials or an uploaded image, pick a background and shape, and download a multi-size .ico file plus PNGs.

The .ico bundles 16, 32 and 48-pixel versions so it stays sharp everywhere; the 180-pixel PNG is the Apple touch icon for iOS home screens.

Icons are drawn on a canvas in your browser, nothing is uploaded.

What this does

A favicon generator creates a favicon from an emoji, your initials, or an uploaded image, then downloads a multi-size .ico plus PNGs.

How to use it

  1. Choose emoji, initials, or an image.
  2. Set a background colour and shape.
  3. Preview the icon.
  4. Download the .ico and PNGs.

How it works

You get a multi-resolution favicon.ico (16, 32, 48 px) plus 32 px and 180 px PNGs — the 180 px one is the Apple touch icon. Icons are drawn on a canvas in your browser, so your image never leaves your device.

Example

Place favicon.ico in your site root, or link the PNGs in the page head.

Sources & methodology

Last updated .

Frequently asked questions

What files do I get?

A multi-resolution favicon.ico containing 16, 32 and 48-pixel versions, plus standalone 32-pixel and 180-pixel PNGs, the 180-pixel one is the Apple touch icon for iOS home screens.

Where do I put the favicon?

Place favicon.ico in your site’s root folder, or reference the PNGs with <link rel="icon"> and <link rel="apple-touch-icon"> tags in your page head.

Is my image uploaded?

No. Icons are drawn on a canvas in your browser, so any image you choose stays entirely on your device.