Treat your 192px icon as the front door to your PWA. Make it crisp, mask it for squircle cropping, compress it ruthlessly, and serve it with a proper cache header. This tiny image is often the very first piece of your digital ecosystem a user sees on their lock screen. Make it count.
If your icon isn't appearing correctly, check the following: icon-192x192.png
: The browser can scale or crop the icon as needed, but it assumes the image looks best in its natural square format. Treat your 192px icon as the front door to your PWA
At its simplest, icon-192x192.png is a square image file exactly 192 pixels wide and 192 pixels tall. It is defined inside a site's manifest.json file, typically under the icons array. Make it count
Keep important design elements within the center of the image to avoid being cropped by the varying "masking" shapes (circles, squircles) on different Android devices.