How to use adaptive launcher icons with a progressive web app

Question

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?

Bot

Were you ever able to solve this? – Bukharin

No. However, I haven't looked into it again since posting. – Bot

Answer 1

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.

Trickish

Curiously, this works for me on Chrome, but not on Firefox. – Lucier