Skip to content

Favicon generator

Make favicon.ico, Apple and Android icons and the HTML tags from a PNG, SVG or JPG, or from letters or an emoji. Nothing is uploaded.

  • Runs in your browser
  • Nothing is uploaded
  • Free, no sign-up

or drop it here. PNG, SVG, JPG, WebP, ICO, HEIC, GIF or AVIF; a square logo works best. Nothing is uploaded.

Shape

iPhones and Android phones cut their own shape, so their icons are always full squares.

Background

The Apple and Android icons get a white background, because phones show transparent areas as black.

0%

Tab icons are tiny, so little or no space usually looks best. The Android adaptive icon always keeps the picture inside its safe zone.

Sizes in favicon.ico

16, 32 and 48 suit websites (Google shows 48 in search results). Add 256 for a Windows app icon.

Goes in site.webmanifest, the name a phone shows under the icon when your site is added to its home screen.

Your favicon

Choose an image to see your favicon and download the files.

How it works

Choose an image, or type letters or an emoji. Your browser draws every icon from it, on your device: a favicon.ico with 16, 32 and 48 pixel images (or the sizes you tick), a 180 pixel Apple touch icon, 192 and 512 pixel Android icons, an Android adaptive icon, and a site.webmanifest that lists them. Starting from an SVG adds an icon.svg too, your drawing unchanged unless you added a shape, background or space around it.

The tab icon keeps the shape and transparency you choose. iPhones and Android phones cut their own shape and show transparent areas as black, so their icons are full squares on your background colour, or white. The adaptive icon keeps the picture inside the middle of the square, the part every Android launcher shows.

Download everything as a ZIP, or each file on its own, and copy the HTML lines that link them. To change an image's format or size for other uses, the image converter and resize tool do that.

Questions

How do I make a favicon from my logo?

Choose your logo, as a PNG, SVG, JPG or another image, and pick a shape, background and the space around it. The page draws favicon.ico, the Apple touch icon and the Android icons straight away. Download them as one ZIP, put the files at the root of your site and paste the HTML lines into your page's head.

How do I convert a PNG to ICO?

Choose the PNG, tick the sizes you want under Sizes in favicon.ico, and use Download favicon.ico only. 16, 32 and 48 pixels are ticked at first, which is what websites need; add 256 for a Windows app icon. Sizes up to 128 are stored as bitmaps, which every program that reads .ico files opens, and 256 as PNG, as Windows expects.

What favicon sizes do I need?

A favicon.ico with 16, 32 and 48 pixel images covers browser tabs, bookmarks and Google's search results. Add a 180 pixel Apple touch icon for iPhones and iPads, and 192 and 512 pixel PNGs listed in a web app manifest for Android and Chrome. An SVG icon stays sharp at any size in current browsers; this page makes one when you start from an SVG.

How do I add a favicon to my website?

Upload the files to the root of your site, the same folder as your home page, so favicon.ico is at /favicon.ico. Then paste the lines under HTML for your page's head inside the head of every page. Browsers keep old favicons for a while, so a new one can take a reload or a day to appear.

Can I make a favicon from an emoji or letters?

Yes. Choose From text or emoji, type one or two letters or an emoji, and pick the font, colours and shape. Emoji are drawn by your device, so the icon looks like your device's emoji.

Limits

Opens PNG, JPG, WebP, GIF, BMP, ICO and, in current browsers, AVIF images up to 50 MB and 100 megapixels, SVG drawings up to 5 MB, and iPhone HEIC photos (browsers other than Safari first load a HEIC decoder, about 0.7 MB, from this site). Animated images use their first frame.

Images of 64 pixels or less are enlarged with sharp pixels, which suits pixel art; a picture of 512 pixels or more gives the best app icons. Detailed pictures turn to mush at 16 pixels, so a simple, bold logo works best.

Text uses this site's font or one on your device, and emoji look like your device's emoji. No SVG is made from text, because it would look different on every device. The HTML assumes the files sit at the root of your site.

Privacy

This tool runs entirely in your browser. The files you open and what you type are never sent to a server, and nothing is stored after you close the page. See the privacy page.

Related tools