diff --git a/app.js b/app.js
index 114a9b3..cf2ca4a 100644
--- a/app.js
+++ b/app.js
@@ -2,7 +2,7 @@
   'use strict';
 
   // ==================== CONFIG ====================
-  var BUILD = '11';                    // bump every deploy — shown on Debug screen to confirm version
+  var BUILD = '12';                    // bump every deploy — shown on Debug screen to confirm version
   var STORAGE_KEY = 'stepview_v1';
   var RING_CIRC = 603;                 // 2*pi*r, r=96
   var KCAL_PER_KG_PER_KM = 0.9;        // gross walking estimate
diff --git a/favicon-192.png b/favicon-192.png
new file mode 100644
index 0000000..aa671a9
Binary files /dev/null and b/favicon-192.png differ
diff --git a/favicon-512.png b/favicon-512.png
new file mode 100644
index 0000000..ac536f0
Binary files /dev/null and b/favicon-512.png differ
diff --git a/index.html b/index.html
index e64602d..8afebd7 100644
--- a/index.html
+++ b/index.html
@@ -6,9 +6,10 @@
   <meta name="description" content="StepView — step, distance, and calorie counter for Meta Ray-Ban Display glasses.">
   <meta name="mrbd-web-app-capable" content="yes">
   <title>StepView — Step, Distance & Calorie Counter</title>
+  <link rel="icon" type="image/png" sizes="192x192" href="favicon-192.png">
   <link rel="icon" href="favicon.svg" type="image/svg+xml">
   <link rel="manifest" href="manifest.json">
-  <link rel="stylesheet" href="styles.css?v=11">
+  <link rel="stylesheet" href="styles.css?v=12">
 </head>
 <body>
   <div id="app">
@@ -133,7 +134,7 @@ <h1>Debug</h1>
       </nav>
     </div>
   </div>
-  <script src="app.js?v=11"></script>
+  <script src="app.js?v=12"></script>
   <div id="update-banner" class="update-banner hidden" data-action="update-refresh">
     New version available! <span>Tap to update</span>
   </div>
diff --git a/manifest.json b/manifest.json
index 472a737..47040f5 100644
--- a/manifest.json
+++ b/manifest.json
@@ -11,6 +11,18 @@
       "src": "favicon.svg",
       "sizes": "any",
       "type": "image/svg+xml"
+    },
+    {
+      "src": "favicon-192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "favicon-512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any maskable"
     }
   ]
 }
diff --git a/sw.js b/sw.js
index 4b1a4c0..0f81401 100644
--- a/sw.js
+++ b/sw.js
@@ -1,10 +1,12 @@
-var CACHE_NAME = 'stepview-v11';
+var CACHE_NAME = 'stepview-v12';
 var ASSETS = [
   './',
   'index.html',
-  'app.js?v=11',
-  'styles.css?v=11',
+  'app.js?v=12',
+  'styles.css?v=12',
   'favicon.svg',
+  'favicon-192.png',
+  'favicon-512.png',
   'manifest.json'
 ];