{"checks":["Keep essential artwork inside the safe zone","Generate separate any and maskable purposes","Preview more than one adaptive silhouette"],"method":"Browser-side composition with deterministic server-side package generation","name":"Maskable Icon Generator","outputs":[{"contents":"Full-bleed adaptive icon","filename":"maskable-icon-192x192.png","purpose":"Compact install surface"},{"contents":"Large adaptive icon","filename":"maskable-icon-512x512.png","purpose":"Install and splash surfaces"},{"contents":"purpose=maskable entries","filename":"site.webmanifest","purpose":"Browser discovery"}],"screenshot":"https://favicon.now/static/images/screenshots/maskable-icon-generator.webp","updated":"2026-07-31","url":"https://favicon.now/maskable-icon-generator","worked_example":{"checks":"Central safe zone \u00b7 edge coverage \u00b7 any/maskable separation","result":"192px and 512px maskable assets plus correct manifest purpose","source":"512\u00d7512 logo with full-bleed background"}}