diff --git a/public/images/icon-maskable-1024.png b/public/images/icon-maskable-1024.png
new file mode 100644
index 0000000000..8378900472
Binary files /dev/null and b/public/images/icon-maskable-1024.png differ
diff --git a/public/images/apple-touch-icon.png b/public/images/icon-maskable-192.png
similarity index 100%
rename from public/images/apple-touch-icon.png
rename to public/images/icon-maskable-192.png
diff --git a/public/images/icon-maskable-512.png b/public/images/icon-maskable-512.png
new file mode 100644
index 0000000000..f0d14ce397
Binary files /dev/null and b/public/images/icon-maskable-512.png differ
diff --git a/public/images/icon-monochrome-1024.png b/public/images/icon-monochrome-1024.png
new file mode 100644
index 0000000000..6fd51b0f23
Binary files /dev/null and b/public/images/icon-monochrome-1024.png differ
diff --git a/public/images/icon-monochrome-512.png b/public/images/icon-monochrome-512.png
new file mode 100644
index 0000000000..95097567e0
Binary files /dev/null and b/public/images/icon-monochrome-512.png differ
diff --git a/server/routes/app.ts b/server/routes/app.ts
index b55031d1f9..b6fbaad024 100644
--- a/server/routes/app.ts
+++ b/server/routes/app.ts
@@ -160,9 +160,21 @@ export const renderApp = async (
     <link
       rel="apple-touch-icon"
       type="image/png"
-      href="${env.CDN_URL ?? ""}/images/apple-touch-icon.png"
+      href="${env.CDN_URL ?? ""}/images/icon-maskable-192.png"
       sizes="192x192"
     />
+    <link
+      rel="apple-touch-icon"
+      type="image/png"
+      href="${env.CDN_URL ?? ""}/images/icon-maskable-512.png"
+      sizes="512x512"
+    />
+    <link
+      rel="apple-touch-icon"
+      type="image/png"
+      href="${env.CDN_URL ?? ""}/images/icon-maskable-1024.png"
+      sizes="1024x1024"
+    />
     <link
       rel="search"
       type="application/opensearchdescription+xml"
diff --git a/vite.config.ts b/vite.config.ts
index 258f4ddf96..8293462434 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -115,12 +115,35 @@ export default () =>
               sizes: "512x512",
               type: "image/png",
             },
-            // last one duplicated for purpose: 'any maskable'
             {
-              src: "/images/icon-512.png",
+              src: "/images/icon-maskable-192.png",
+              sizes: "192x192",
+              type: "image/png",
+              purpose: "maskable",
+            },
+            {
+              src: "/images/icon-maskable-512.png",
               sizes: "512x512",
               type: "image/png",
-              purpose: "any maskable",
+              purpose: "maskable",
+            },
+            {
+              src: "/images/icon-maskable-1024.png",
+              sizes: "1024x1024",
+              type: "image/png",
+              purpose: "maskable",
+            },
+            {
+              src: "/images/icon-monochrome-512.png",
+              sizes: "512x512",
+              type: "image/png",
+              purpose: "monochrome",
+            },
+            {
+              src: "/images/icon-monochrome-1024.png",
+              sizes: "1024x1024",
+              type: "image/png",
+              purpose: "monochrome",
             },
           ],
         },