Make a favicon from a PNG

Drop a square-ish logo and get the whole set: a multi-size favicon.ico, the Apple touch icon, the Android and manifest sizes, a site.webmanifest and a snippet to paste into your <head>.

PNG

drop it. goon.

drop your image here, or paste it.

stays in your browser. nothing leaves. nothing is watching.

how to make a favicon from a PNG

  1. 1Drop the logo.
  2. 2Optionally add a background, padding or rounded corners.
  3. 3press goon and download the zip.

questions

Which format is the .ico?
PNG-compressed entries, supported by every browser and by Windows since Vista.
Should I add a background?
iOS ignores transparency and paints black behind touch icons; give the 180 px icon a colour if your logo is transparent.
Is anything uploaded?
No. The whole tool runs in your browser tab. Files never leave your device.
Is it really private?
Yes. The tool is code that runs in your browser tab. Your PNGs are never sent to a server. Open the network tab and check. Nobody is watching. Goon in peace.

The whole icon set in one go

Browsers still ask for favicon.ico, Safari on iOS wants a 180-pixel touch icon, Android and installable web apps read a manifest with 192 and 512-pixel icons. You get all of them, a site.webmanifest and a snippet with the link tags ready to paste into your head element.

Getting it to look good small

Start from a square logo with a bit of margin; the padding slider adds more. iOS paints black behind transparent touch icons, so give the icon a background colour if your logo is transparent. Rounded corners at 50% make a circle.

more PNG tools. you know you want to.

all PNG tools →