Free forever, no sign-up - get your full favicon set now
All converters

Convert to favicon

Maskable icon

A maskable icon is a 512x512px PWA icon designed with a safe zone so Android's adaptive launchers can crop it into a circle, squircle, or rounded square without clipping your logo. To make one, drop your logo into Logo2Favicon - it scales the mark into the inner ~80% safe zone, fills the background, and marks it purpose: maskable in the manifest.

What this conversion is

A maskable icon is a PWA icon format that fills the entire 512x512 canvas with a background and keeps the important artwork inside a central safe zone (roughly the inner 80%, or an 80px margin on a 512 canvas). Android's adaptive icons crop it into different shapes per device, and the safe zone guarantees nothing important is cut.

Why and when you need it

  • Android crops PWA icons into circles, squircles, and rounded squares; a non-maskable icon gets its corners or edges chopped.
  • Installable PWAs look unpolished if the home-screen icon is clipped or floats on a transparent gap.
  • Lighthouse PWA audits flag a missing maskable icon.

How to do it with Logo2Favicon

  1. Open the generator. Open the Logo2Favicon generator on the homepage.
  2. Drop your logo. Upload your logo. Choose a solid background color so the maskable canvas is fully filled.
  3. Generate the maskable icon. The tool scales your mark into the central safe zone, fills the 512x512 background, and exports maskable-icon-512x512.png.
  4. Declare it in the manifest. The generated manifest lists the icon with "purpose": "maskable" so Android knows it can be safely cropped.

Format gotchas

  • Reusing your standard 512 icon as maskable risks Android cropping its edges - the artwork must sit in the safe zone.
  • A transparent background leaves a gap when the launcher masks it; fill the canvas with a solid color.
  • Forgetting "purpose": "maskable" in the manifest means Android treats it as a normal icon and may still crop it.
Free forever, no sign-up

Start: maskable icon

Drop your file into the generator and download the complete, correctly named set in seconds - generated privately in your browser, with nothing uploaded and no sign-up.

Open the generator

Frequently asked questions

What is a maskable icon?
A 512x512 PWA icon with a filled background and the logo kept inside a central safe zone, so Android's adaptive launchers can crop it into any shape without clipping the artwork.
What is the maskable icon safe zone?
The important artwork should stay within the central circle - roughly the inner 80% of the canvas (an 80px margin on a 512px icon). The background fills the rest so cropping never removes the logo.
How do I declare a maskable icon?
List it in your web manifest's icons array with "purpose": "maskable". Logo2Favicon generates the icon and writes the correct manifest entry for you.
Do I still need a normal icon too?
Yes. Keep a standard "any" purpose 192 and 512 icon for surfaces that do not mask, plus the maskable 512 for adaptive Android launchers.

Other conversions

  • PNG to favicon - Turn a single PNG into favicon.ico plus every modern icon size, instantly and privately.
  • SVG to favicon - Rasterize a crisp vector logo into favicon.ico and every PNG/Apple/PWA size.
  • JPG to favicon - Strip a JPG's solid background and export a clean favicon.ico and full icon set.
  • Logo to favicon - One logo becomes the entire production-ready favicon and app-icon set in seconds.
  • PNG to ICO - Encode a real multi-resolution favicon.ico (16/32/48) from one PNG - not a rename.

Prefer a platform-specific walkthrough? See favicon by platform, or read the complete favicon guide.