What files does the favicon and app icon generator create?

favicon.ico, favicon-16x16.png, favicon-32x32.png, app icons from 72x72 to 512x512, an Apple touch icon, a Microsoft mstile-144x144 tile, Android and PWA manifest icons, and a Safari pinned-tab SVG.

What is the difference between a favicon and an app icon?

A favicon is the small image shown in a browser tab, bookmark, or history list, usually 16x16 or 32x32 pixels. App icons are larger and appear when someone saves your site to a phone home screen or installs it as a PWA. You need both, which is why this tool generates them together.

Is the favicon and app icon generator free?

Yes. There is no signup, no watermark, and no limit on how many times you can use it. Upload an image, download the ZIP, done.

Favicon & app icon generator from an image

Q: How do I create a favicon from an image?

Upload a square image (512x512 pixels or larger works best), click Generate Icons, and download the ZIP. It contains favicon.ico, favicon-16x16.png, favicon-32x32.png, and the larger app icons, so you do not have to resize anything by hand.

Q: What image size should I upload?

Use a square image of at least 512x512 pixels. The generator scales down cleanly, but it cannot add detail that is not there, so starting larger keeps the small 16x16 favicon sharp.

Upload one image and get every favicon and app icon size a website actually needs, zipped and ready to drop in. The .ico file, the 16 and 32 pixel PNGs, Apple touch icons, Android and PWA icons, and a Safari pinned-tab SVG. No signup, no watermark.

Start with a square image, 512x512 pixels or bigger. The tool scales it down cleanly, but it can't invent detail that isn't there, so a larger source keeps the tiny 16x16 favicon sharp.

What's in the ZIP

Every icon a modern site asks for, named the way browsers expect:

favicon.ico (16x16)
favicon-16x16.png
favicon-32x32.png
safari-pinned-tab.svg
/icons/icon-72x72.png
/icons/icon-96x96.png
/icons/icon-128x128.png

/icons/icon-144x144.png
/icons/mstile-144x144.png (Windows tile)
/icons/icon-152x152.png (Apple touch)
/icons/icon-192x192.png (Android/PWA)
/icons/icon-384x384.png
/icons/icon-512x512.png (PWA splash)

How to use it

Upload a square image, 512x512 pixels or larger.
Click Generate Icons and let the tool build every size.
Download the ZIP and unzip it into your site's root folder.
Paste these tags into the <head> of your HTML:

<link rel="icon" type="image/x-icon" href="/favicon.ico">
<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="apple-touch-icon" sizes="152x152" href="/icons/icon-152x152.png">
<link rel="manifest" href="/manifest.json">

Questions people ask

How do I create a favicon from an image?

Upload a square image, click Generate Icons, and download the ZIP. It already contains favicon.ico plus the 16x16 and 32x32 PNGs, so there's nothing to resize by hand.

What image size should I upload?

At least 512x512 pixels, square. Going bigger is fine. Going smaller means the tool has to stretch your image, and a blurry favicon looks worse than no favicon.

What's the difference between a favicon and an app icon?

A favicon is the tiny image in the browser tab and bookmarks, usually 16 or 32 pixels. App icons are the larger ones that show up when someone saves your site to a phone home screen or installs it as a PWA. You need both, so the generator builds them in one pass.

Is it free?

Yes. No signup, no watermark, no cap on how many times you run it. Upload, download, move on.