Maskable icons is a new icon format that ensures that your PWA icon looks
great on all Android devices. On newer Android devices, PWA icons that don't follow
the maskable icon format are given a white background. When you use a maskable
icon, it ensures that the icon takes up all of the space that Android provides for it.
How the Lighthouse maskable icon audit fails
Lighthouse
flags pages that don't have maskable icon support:
In order to pass the audit:
A web app manifest must exist.
The web app manifest must have an icons array.
The icons array must contain one object with a purpose property,
and the value of that purpose property must include maskable.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2024-04-16 UTC."],[],[]]