Icon-192x192.png

Since 2021, Google has enforced for new PWAs to pass the "Installability criteria" in Lighthouse. A maskable icon looks like a circle, squircle, or rounded square depending on the OS theme.

To make your website installable, you must reference this icon in a manifest.json file. This JSON file tells the browser how your app should behave when installed. icon-192x192.png

When a user "Adds to Home Screen" (A2HS) on an Android device running Chrome, the OS scans the manifest for a 192px icon. If it finds a high-quality version, it uses it. If not, it scrapes the page for a fallback (usually the largest favicon), resulting in a blurry, pixelated mess on the user's pristine home screen. Since 2021, Google has enforced for new PWAs