No. The icons are drawn and packed in your browser, so the logo never leaves your device.

What should the source look like?

A square or nearly square image at 512 px or larger works best. Simple shapes and strong contrast stay readable at 16 px; fine detail does not.

Does it keep transparency?

Yes. A transparent PNG or SVG-based image stays transparent in the PNG icons and the ICO frames.

Do I need all the sizes?

Most sites need favicon.ico, a 32 px PNG, the 180 px Apple icon and the 192 and 512 px icons for a web app manifest. The rest are there if you want them.

Favicon Genny

Turn a logo into a full favicon set: PNG icons from 16 to 512 px, a favicon.ico, a ZIP and the HTML for your head.

Source

Icons

Open a square-ish logo or picture. Drag the square to choose what goes in the icon.

HTML for your <head>

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/favicon-512x512.png">

Runs in your browser; nothing you enter leaves this page.

How it works

Choosing the square

Open a logo or picture and drag the square crop to choose what goes in the icon. The crop is always square, at least a tenth of the short side, and lands on whole pixels. A browser-tab preview shows how it will look at small size.

What you get

Eight PNG sizes are made from the crop: 16, 32, 48, 64, 128, 180 (Apple touch), 192 (Android) and 512 (PWA). favicon.ico holds the 16, 32, 48 and 64 px frames, and Download all as ZIP packs everything.

Copy HTML gives the link tags for your page head, using the file names in the ZIP such as favicon-32x32.png. Put the files at the root of your site.

More tools

All 238 tools