How to use adaptive launcher icons with a progressive web app

982 Views Asked by At

The new Android 8.0 standard for adaptive launcher icons leaves my PWA's icon in a white box or circle, depending on what icon shape is set on a user's device. I would like to include an adaptive icon with my PWA but am not finding any documentation around this at all.

Is there a way to include meta and different icons for different shapes or a way to include the necessary layers for an adaptive icon?

1

There are 1 best solutions below

1
On

There is a standard to support what you need. Icon Masks in PWA.

Basically, you will have to add "purpose": "maskable" to your icon definition in the manifest.

It's still a work-in-progress (Chrome bug). Firefox for android already supports it.