diff --git a/app/public/maskable-icon.png b/app/public/maskable-icon.png
new file mode 100644
index 0000000..0a3cdc6
Binary files /dev/null and b/app/public/maskable-icon.png differ
diff --git a/app/public/maskable-icon.webp b/app/public/maskable-icon.webp
new file mode 100644
index 0000000..d569941
Binary files /dev/null and b/app/public/maskable-icon.webp differ
diff --git a/app/public/service-worker.js b/app/public/service-worker.js
index bf6ab42..e36a6c3 100644
--- a/app/public/service-worker.js
+++ b/app/public/service-worker.js
@@ -31,6 +31,8 @@ const CORE_ASSETS = [
   '/icons/icon-384x384.webp',
   '/icons/icon-512x512.webp',
   '/apple-touch-icon.webp',
+  '/maskable-icon.png',
+  '/maskable-icon.webp',
   '/icon.avif',
   '/icon.png',
   '/icon.svg',
diff --git a/app/src/app/manifest.ts b/app/src/app/manifest.ts
index 40bc97c..11705bd 100644
--- a/app/src/app/manifest.ts
+++ b/app/src/app/manifest.ts
@@ -96,7 +96,7 @@ export default function manifest(): MetadataRoute.Manifest {
         src: '/icons/icon-192x192.webp',
         sizes: '192x192',
         type: 'image/webp',
-        purpose: 'maskable',
+        purpose: 'any',
       },
       {
         src: '/icons/icon-196x196.webp',
@@ -126,13 +126,31 @@ export default function manifest(): MetadataRoute.Manifest {
         src: '/icons/icon-512x512.webp',
         sizes: '512x512',
         type: 'image/webp',
-        purpose: 'maskable',
+        purpose: 'any',
       },
       {
         src: '/icon.svg',
         sizes: 'any',
         type: 'image/svg+xml',
       },
+      {
+        src: '/apple-touch-icon.webp',
+        sizes: '180x180',
+        type: 'image/webp',
+        purpose: 'any',
+      },
+      {
+        src: '/maskable-icon.webp',
+        sizes: '512x512',
+        type: 'image/webp',
+        purpose: 'maskable',
+      },
+      {
+        src: '/maskable-icon.png',
+        sizes: '512x512',
+        type: 'image/png',
+        purpose: 'maskable',
+      },
     ],
     lang: 'en-US',
     dir: 'ltr',