Add maskable icons for web (#692)

* Fix shared-x axis demo * update code segments * Add maskable icons for web
flutter · May 19, 2022 · c15fcb1 · c15fcb1
1 parent 482975b
commit c15fcb1
Show file tree

Hide file tree

Showing 9 changed files with 36 additions and 4 deletions.
diff --git a/web/icons/Icon-512.png b/web/icons/Icon-512.png
diff --git a/web/icons/maskable_icon_x128.png b/web/icons/maskable_icon_x128.png
diff --git a/web/icons/maskable_icon_x192.png b/web/icons/maskable_icon_x192.png
diff --git a/web/icons/maskable_icon_x384.png b/web/icons/maskable_icon_x384.png
diff --git a/web/icons/maskable_icon_x48.png b/web/icons/maskable_icon_x48.png
diff --git a/web/icons/maskable_icon_x512.png b/web/icons/maskable_icon_x512.png
diff --git a/web/icons/maskable_icon_x72.png b/web/icons/maskable_icon_x72.png
diff --git a/web/icons/maskable_icon_x96.png b/web/icons/maskable_icon_x96.png
diff --git a/web/manifest.json b/web/manifest.json
@@ -10,14 +10,46 @@
     "prefer_related_applications": false,
     "icons": [
         {
-            "src": "icons/Icon-192.png",
+            "src": "icons/maskable_icon_x48.png",
+            "sizes": "48x48",
+            "type": "image/png",
+            "purpose": "maskable"
+        },
+        {
+            "src": "icons/maskable_icon_x72.png",
+            "sizes": "72x72",
+            "type": "image/png",
+            "purpose": "maskable"
+        },
+        {
+            "src": "icons/maskable_icon_x96.png",
+            "sizes": "96x96",
+            "type": "image/png",
+            "purpose": "maskable"
+        },
+        {
+            "src": "icons/maskable_icon_x128.png",
+            "sizes": "128x128",
+            "type": "image/png",
+            "purpose": "maskable"
+        },
+        {
+            "src": "icons/maskable_icon_x192.png",
             "sizes": "192x192",
-            "type": "image/png"
+            "type": "image/png",
+            "purpose": "maskable"
+        },
+        {
+            "src": "icons/maskable_icon_x384.png",
+            "sizes": "384x384",
+            "type": "image/png",
+            "purpose": "maskable"
         },
         {
-            "src": "icons/Icon-512.png",
+            "src": "icons/maskable_icon_x512.png",
             "sizes": "512x512",
-            "type": "image/png"
+            "type": "image/png",
+            "purpose": "maskable"
         }
     ]
 }