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?

Were you ever able to solve this? – kirbyfan64sos Jun 17 '19 at 20:14 — kirbyfan64sos, Jun 17 '19 at 20:14
No. However, I haven't looked into it again since posting. – Jun 18 '19 at 21:34 — , Jun 18 '19 at 21:34

score 1 · Answer 1 · answered Sep 02 '19 at 23:30

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.

answered Sep 02 '19 at 23:30

CheloXL

167
2
9

Curiously, this works for me on Chrome, but [not on Firefox](https://stackoverflow.com/q/60485013/5085211). – fuglede Mar 15 '20 at 20:33

How to use adaptive launcher icons with a progressive web app

1 Answers1