Favicon Generator / Generate from Image

Quickly generate your favicon from an image by uploading your image below. Download your favicon in the most up to date formats.

Convert an image to a favicon

Upload a simple logo, icon, or square image. The conversion happens in your browser and downloads as a complete favicon ZIP.

Drag and drop your file here or click here to upload.

Complete favicon package

7 files
  • TabsBrowser iconsICO plus 16x16 and 32x32 PNG fallbacks.
  • AppsDevice iconsApple Touch Icon and Android home screen sizes.
  • WebManifestMetadata for installable web app contexts.

Everything downloads in one ZIP with the filenames used in the install steps.

Tip: square images with bold shapes work best at 16x16. Crop detailed logos before uploading.

Install your favicon

1
Download the ZIP package

Use the download button above after your icon looks right.

2
Upload the files to your site root

Place every generated file beside your homepage HTML.

3
Paste the tags into your HTML head

Copy the snippet below and add it before </head>.

Complete favicon package

7 files
  • TabsBrowser iconsICO plus 16x16 and 32x32 PNG fallbacks.
  • AppsDevice iconsApple Touch Icon and Android home screen sizes.
  • WebManifestMetadata for installable web app contexts.

Everything downloads in one ZIP with the filenames used in the install steps.

Copy these link tags after you upload the package files: 

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
Test after install

About the favicon generator

If you already have an image that you would like to use for a favicon on your website the this is the tool you need. The favicon generator will convert you image to a favicon. You can upload a PNG, JPG, or BMP and the favicon generator will output an ICO file.

For the best result you should upload an square image. You can use a standard image editing tool if you need to crop your image. Once your image is prepared upload it using the tool above. Next, verify that the preview image is to your liking. Finally, use the download button to export your favicon in ICO format.

Why do I need an ICO file instead of a PNG?

An ICO file is a special image file use by the browser. The unique feature of an ICO file is that it is multilayered. Each layer of the favicon holds a different size of the image. The common sizes for a ICO formatted favicon are 16x16px, 32x32px, and 48x48px.

For best compatibility web browsers can leverage the ICO file generated by the favicon generator. The browsers will use the different sizes for displaying in different areas of the website such as the bookmarks bar, the address bar, the browser tab, and as a desktop shortcut.

What types of images work best for the favicon generator?

The favicon generator works best with a simple icon, logo, or letter. Intricate or complex designs don't work well when they are resized using the favicon generator as much detail is lost. If your logo is very complex we recommend generating the favicon from text using the alternative generator.