Luckily, there's a well-defined and standardized It's best not to rely onĪny particular shape, since the ultimate shape varies by browser and platform. Padding that the browser can crop to the required shape and size. Since maskable icons need to support a variety of shapes, you supply an opaque image with some

Maskable icons cover the entire circle instead. Firefox and Chrome have recently added support for this new format, and youĬan adopt it in your apps. If you supply a maskable icon, your icon can fill up the entire shape and look great Maskable icons are a new icon format that give you more control and let your Progressive Web App useĪdaptive icons. Transparent PWA icons appear inside white circles on Android. Icons that don't follow this new format are given Variety of shapes across different device models. Android Oreo introduced adaptive icons, which display app icons in a If you've installed a Progressive Web App on a recent Android phone, you might notice the icon shows X GitHub Homepage What are maskable icons?