diff --git a/static/app-icon.svg b/static/app-icon.svg
new file mode 100644
index 0000000..c0ceeff
--- /dev/null
+++ b/static/app-icon.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
+  <defs>
+    <radialGradient id="bg" cx="35%" cy="35%" r="75%">
+      <stop offset="0%" stop-color="#FB923C" />
+      <stop offset="100%" stop-color="#C2410C" />
+    </radialGradient>
+  </defs>
+
+  <!-- Background square (for mobile home screen / maskable) -->
+  <rect width="100" height="100" fill="url(#bg)" />
+
+  <!-- Crescent moon cutout -->
+  <path
+    d="M70 50a25 25 0 1 1 -25 -25 20 20 0 1 0 25 25z"
+    fill="#FFF7ED"
+    transform="translate(-2 -2)"
+  />
+</svg>
diff --git a/static/apple-touch-icon-120x120-precomposed.svg b/static/apple-touch-icon-120x120-precomposed.svg
index fb4251d..c0ceeff 100644
--- a/static/apple-touch-icon-120x120-precomposed.svg
+++ b/static/apple-touch-icon-120x120-precomposed.svg
@@ -4,20 +4,15 @@
       <stop offset="0%" stop-color="#FB923C" />
       <stop offset="100%" stop-color="#C2410C" />
     </radialGradient>
-    <clipPath id="clip">
-      <circle cx="50" cy="50" r="45" />
-    </clipPath>
   </defs>
 
-  <!-- Base -->
-  <circle cx="50" cy="50" r="45" fill="url(#bg)" />
+  <!-- Background square (for mobile home screen / maskable) -->
+  <rect width="100" height="100" fill="url(#bg)" />
 
   <!-- Crescent moon cutout -->
-  <g clip-path="url(#clip)">
-    <path
-      d="M70 50a25 25 0 1 1 -25 -25 20 20 0 1 0 25 25z"
-      fill="#FFF7ED"
-      transform="translate(-2 -2)"
-    />
-  </g>
-</svg>
\ No newline at end of file
+  <path
+    d="M70 50a25 25 0 1 1 -25 -25 20 20 0 1 0 25 25z"
+    fill="#FFF7ED"
+    transform="translate(-2 -2)"
+  />
+</svg>
diff --git a/static/apple-touch-icon-120x120.svg b/static/apple-touch-icon-120x120.svg
index fb4251d..c0ceeff 100644
--- a/static/apple-touch-icon-120x120.svg
+++ b/static/apple-touch-icon-120x120.svg
@@ -4,20 +4,15 @@
       <stop offset="0%" stop-color="#FB923C" />
       <stop offset="100%" stop-color="#C2410C" />
     </radialGradient>
-    <clipPath id="clip">
-      <circle cx="50" cy="50" r="45" />
-    </clipPath>
   </defs>
 
-  <!-- Base -->
-  <circle cx="50" cy="50" r="45" fill="url(#bg)" />
+  <!-- Background square (for mobile home screen / maskable) -->
+  <rect width="100" height="100" fill="url(#bg)" />
 
   <!-- Crescent moon cutout -->
-  <g clip-path="url(#clip)">
-    <path
-      d="M70 50a25 25 0 1 1 -25 -25 20 20 0 1 0 25 25z"
-      fill="#FFF7ED"
-      transform="translate(-2 -2)"
-    />
-  </g>
-</svg>
\ No newline at end of file
+  <path
+    d="M70 50a25 25 0 1 1 -25 -25 20 20 0 1 0 25 25z"
+    fill="#FFF7ED"
+    transform="translate(-2 -2)"
+  />
+</svg>
diff --git a/static/apple-touch-icon-precomposed.svg b/static/apple-touch-icon-precomposed.svg
index fb4251d..c0ceeff 100644
--- a/static/apple-touch-icon-precomposed.svg
+++ b/static/apple-touch-icon-precomposed.svg
@@ -4,20 +4,15 @@
       <stop offset="0%" stop-color="#FB923C" />
       <stop offset="100%" stop-color="#C2410C" />
     </radialGradient>
-    <clipPath id="clip">
-      <circle cx="50" cy="50" r="45" />
-    </clipPath>
   </defs>
 
-  <!-- Base -->
-  <circle cx="50" cy="50" r="45" fill="url(#bg)" />
+  <!-- Background square (for mobile home screen / maskable) -->
+  <rect width="100" height="100" fill="url(#bg)" />
 
   <!-- Crescent moon cutout -->
-  <g clip-path="url(#clip)">
-    <path
-      d="M70 50a25 25 0 1 1 -25 -25 20 20 0 1 0 25 25z"
-      fill="#FFF7ED"
-      transform="translate(-2 -2)"
-    />
-  </g>
-</svg>
\ No newline at end of file
+  <path
+    d="M70 50a25 25 0 1 1 -25 -25 20 20 0 1 0 25 25z"
+    fill="#FFF7ED"
+    transform="translate(-2 -2)"
+  />
+</svg>
diff --git a/static/apple-touch-icon.svg b/static/apple-touch-icon.svg
index fb4251d..c0ceeff 100644
--- a/static/apple-touch-icon.svg
+++ b/static/apple-touch-icon.svg
@@ -4,20 +4,15 @@
       <stop offset="0%" stop-color="#FB923C" />
       <stop offset="100%" stop-color="#C2410C" />
     </radialGradient>
-    <clipPath id="clip">
-      <circle cx="50" cy="50" r="45" />
-    </clipPath>
   </defs>
 
-  <!-- Base -->
-  <circle cx="50" cy="50" r="45" fill="url(#bg)" />
+  <!-- Background square (for mobile home screen / maskable) -->
+  <rect width="100" height="100" fill="url(#bg)" />
 
   <!-- Crescent moon cutout -->
-  <g clip-path="url(#clip)">
-    <path
-      d="M70 50a25 25 0 1 1 -25 -25 20 20 0 1 0 25 25z"
-      fill="#FFF7ED"
-      transform="translate(-2 -2)"
-    />
-  </g>
-</svg>
\ No newline at end of file
+  <path
+    d="M70 50a25 25 0 1 1 -25 -25 20 20 0 1 0 25 25z"
+    fill="#FFF7ED"
+    transform="translate(-2 -2)"
+  />
+</svg>
diff --git a/static/manifest.json b/static/manifest.json
index a5b989d..a82568a 100644
--- a/static/manifest.json
+++ b/static/manifest.json
@@ -8,13 +8,13 @@
   "theme_color": "#fb923c",
   "icons": [
     {
-      "src": "/static/favicon.svg",
+      "src": "/static/app-icon.svg",
       "sizes": "any",
       "type": "image/svg+xml",
       "purpose": "any"
     },
     {
-      "src": "/static/favicon.svg",
+      "src": "/static/app-icon.svg",
       "sizes": "any",
       "type": "image/svg+xml",
       "purpose": "maskable"