PWA update icon after user add to homescreen

Question

I want to change my app icon. I've tried changed it but the app icon (already add to homescreen or installed on app drawer) not change.

Here is my manifest.json

{
  "short_name": "React App",
  "name": "Create React App Sample",
  "icons": [
    {
      "src": "favicon.ico",
      "sizes": "64x64 32x32 24x24 16x16",
      "type": "image/x-icon"
    },
    {
        "src": "react.png",
        "sizes": "144x144",
        "type": "image/png"
    }
  ],
  "start_url": "./index.html",
  "display": "standalone",
  "theme_color": "#000000",
  "background_color": "#ffffff"
}

I've changed the name and icons on size 144x144 but nothing happened.

Can I change the app icon after user add to home screen?

I've read Tip: Icons may be cached, so it may be helpful to change the filenames when updating icons or other graphics. but wait for 24 hours, the icon never change until now.

Answer 1

PWA icons are only updated when the instal method is a WebAPK. If it is an older version of of PWA, on an unsupported platform, or does not meet the criteria for WebAPK then it will just an Android OS bookmark. Browser doesn't know when to update the icon on OS bookmarks.

Check the list of installed apps in Android's settings (not the drawer) and if your PWA isn't listed there it can't update the image.