7 minute guide · Updated August 23, 2026

How to make a favicon from an image

Prepare a simple square source and generate ICO, PNG, Apple touch icon, and HTML link files.

Use a bold square design with generous edges, test it at 16 and 32 pixels, and include both modern PNG links and a multi-size favicon.ico.

Do it here

Generate a favicon package

Start with one image and get favicon.ico, crisp PNG sizes, an Apple touch icon, and a ready HTML snippet.

Drop an image here

or paste from your clipboard

Processed securely on our server. Files auto-delete within four hours.

Simplify before shrinking

Fine text and thin lines disappear at favicon scale. A strong silhouette, limited colors, and breathing room around the edges survive better across browser tabs and bookmarks.

Generate more than one size

A multi-layer ICO covers traditional browser requests. PNG files serve crisp modern sizes, and an Apple touch icon supports home-screen bookmarks. The generated HTML snippet links the common outputs.

Test light and dark browser chrome

Transparent icons can disappear against some themes. Check the favicon in actual tabs at small size and consider a controlled background when the mark relies on one light or dark color.