Favicon maker

Turn one image into favicon.ico, an Apple touch icon and app icons, with the HTML to add them, in one zip.

Browser tab

My site

Home screen

My site

16 px

32 px

48 px

The sizes inside favicon.ico, at one pixel per pixel.

ImageLetter or emoji

Drop an image here or choose onePNG, JPEG, WebP or SVG, square and 512 px or more is best. You can paste one too.

If it isn't square

Crop to squareFit inside

Padding 0%

Background

TransparentColor

Fill for the Apple and Android icons

Apple touch and maskable icons are never transparent: iOS would fill the gaps with black. The maskable icon keeps at least 22% padding so Android's circle doesn't cut anything off.

Site name (for the manifest, optional)

Files

Add an image or switch to a letter to make the files. Everything is drawn in your browser; nothing is uploaded.

HTML for the head

<link rel="icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

Put the files at the root of your site, next to index.html.

#design
#images
#dev
· runs in your browser

Favicon maker on jigg.dev ↗

Browser tab

Home screen

Files

HTML for the head

Try next