Icon-192x192.png May 2026
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.
"icons": [ "src": "/icons/icon-192x192.png", "sizes": "192x192", "type": "image/png", "purpose": "any maskable" ] Use code with caution. icon-192x192.png
: It is the primary size used for the splash screen and home screen icon on Android devices. To make your website installable, you must reference
: Modern OSs often clip icons into circles or rounded squares. Using a "maskable" 192x192 icon ensures your logo doesn't get awkwardly cut off. Best Practices for Creation : It is the primary size used for
: A single 192x192 icon isn't enough. You should always pair it with a 512x512 version for higher-resolution displays and splash screens. icons - Web app manifest | MDN
: Always use PNG to support transparency and maintain high quality without compression artifacts.