Skip to content


Repository files navigation

Preview maskable icons in the browser!

Demo usage

Maskable icons allow web developers to specify a full-bleed icon that will be cropped by the user-agent to match other icons on the device. On Android, this lets developers get rid of the default white background around their icons and use the entire provided space.

It's important to test maskable icons to ensure the important regions of the icon are visible on any device and in any shape. Upload a maskable icon or drag and drop it into, then preview how it will appear on different Android launchers.


Install dependencies:

npm install

Once the modules are installed, run:

npm run dev

This starts a development server using Vite.


This project is available under the MIT License.