Favicon & App Icon Generator

Create favicons, Apple and maskable app icons, a configured manifest, and install tags.

Workspace

Source artwork

Build a production icon set

Drop artwork here or choose a file

PNG, JPEG, WebP, HEIC or HEIF. A square transparent PNG at 512 px or larger works best.

Your icon preview will appear here.

Browser output follows the selected background mode and optional rounding.

16px32px48px96px
Guide

How to use

  1. Choose source artwork at least 512 × 512 px when possible, then compare the browser, Apple, and maskable previews.
  2. Adjust standard and maskable padding, browser-icon transparency or rounding, and the required opaque app-icon background.
  3. Complete the app name, launch path, display mode, and colours, then download the icon, manifest, and HTML installation package.
Help

Frequently asked questions

Which icon files are generated?

The 12-file package includes favicon.ico; 16, 32, and 48 px PNG favicons; an opaque 180 px Apple touch icon; 192, 256, and 512 px general app icons; 192 and 512 px maskable icons; site.webmanifest; and ready-to-copy HTML head tags.

What is the maskable safe-area guide?

It marks the central circle that user agents must preserve when applying a mask. Keep essential artwork inside the circle; content outside it may still appear under some platform masks.

Why are Apple and maskable icons always opaque?

Those platforms apply their own shapes. Supplying a square opaque background avoids uncontrolled transparent fills and reduces the risk of double-rounded artwork.

Should my source image be square?

Square artwork gives the most predictable result. Non-square images are fitted without distortion, and the system warns when the source is non-square or below 512 px.

What do the manifest settings control?

They set the installed app name, compact name, preferred launch path, display mode, theme colour, and initial launch background. Browser support and final installation behavior still vary.