diff --git a/app.py b/app.py
index c5832da..6abcd9b 100644
--- a/app.py
+++ b/app.py
@@ -68,8 +68,9 @@ PWA_MANIFEST = {
     "background_color": "#0f1117",
     "theme_color": "#1a1d27",
     "icons": [
-        {"src": "/static/icon-192.png", "sizes": "192x192", "type": "image/png"},
-        {"src": "/static/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any maskable"},
+        {"src": "/static/icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any"},
+        {"src": "/static/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any"},
+        {"src": "/static/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable"},
     ],
 }
 
diff --git a/static/favicon.svg b/static/favicon.svg
index 07e75b8..70f664a 100644
--- a/static/favicon.svg
+++ b/static/favicon.svg
@@ -1,11 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
   <rect width="32" height="32" rx="6" fill="#1a1d27"/>
-  <g fill="none" stroke="#6c8cff" stroke-linecap="round" stroke-linejoin="round">
-    <path d="M8 24 L22 10" stroke-width="2.4"/>
-    <path d="M20.5 8.5 L24 5 L24 8.5 Z" fill="#6c8cff" stroke="none"/>
-    <path d="M6.5 25.5 L9 23" stroke-width="2.8"/>
-    <path d="M8 8 L22 24" stroke-width="2.4"/>
-    <path d="M20.5 23.5 L24 27 L24 23.5 Z" fill="#6c8cff" stroke="none"/>
-    <path d="M6.5 6.5 L9 9" stroke-width="2.8"/>
+  <g transform="translate(16 16)">
+    <g transform="rotate(-45)">
+      <rect x="-1.1" y="-10.5" width="2.2" height="14" rx="0.6" fill="#6c8cff"/>
+      <rect x="-2.6" y="3" width="5.2" height="1" rx="0.3" fill="#8ba4ff"/>
+      <rect x="-0.9" y="4" width="1.8" height="2.8" rx="0.4" fill="#4a62b3"/>
+      <circle cx="0" cy="7.4" r="1" fill="#6c8cff"/>
+    </g>
+    <g transform="rotate(45)">
+      <rect x="-1.1" y="-10.5" width="2.2" height="14" rx="0.6" fill="#6c8cff"/>
+      <rect x="-2.6" y="3" width="5.2" height="1" rx="0.3" fill="#8ba4ff"/>
+      <rect x="-0.9" y="4" width="1.8" height="2.8" rx="0.4" fill="#4a62b3"/>
+      <circle cx="0" cy="7.4" r="1" fill="#6c8cff"/>
+    </g>
+    <circle cx="0" cy="0" r="1.5" fill="#8ba4ff"/>
   </g>
 </svg>
diff --git a/static/icon-192.png b/static/icon-192.png
index d22f6fd..1a29d72 100644
Binary files a/static/icon-192.png and b/static/icon-192.png differ
diff --git a/static/icon-512.png b/static/icon-512.png
index 3b23f63..8d21599 100644
Binary files a/static/icon-512.png and b/static/icon-512.png differ
diff --git a/static/icon.svg b/static/icon.svg
new file mode 100644
index 0000000..7720ef8
--- /dev/null
+++ b/static/icon.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <rect width="512" height="512" fill="#1a1d27"/>
+  <rect x="20" y="20" width="472" height="472" rx="104" fill="#232735"/>
+
+  <g transform="translate(256 256)">
+    <g transform="rotate(-45)">
+      <rect x="-18" y="-168" width="36" height="228" rx="10" fill="#6c8cff"/>
+      <rect x="-42" y="48" width="84" height="16" rx="5" fill="#8ba4ff"/>
+      <rect x="-14" y="64" width="28" height="44" rx="6" fill="#4a62b3"/>
+      <circle cx="0" cy="118" r="16" fill="#6c8cff"/>
+    </g>
+    <g transform="rotate(45)">
+      <rect x="-18" y="-168" width="36" height="228" rx="10" fill="#6c8cff"/>
+      <rect x="-42" y="48" width="84" height="16" rx="5" fill="#8ba4ff"/>
+      <rect x="-14" y="64" width="28" height="44" rx="6" fill="#4a62b3"/>
+      <circle cx="0" cy="118" r="16" fill="#6c8cff"/>
+    </g>
+    <circle cx="0" cy="0" r="24" fill="#4a62b3"/>
+    <circle cx="0" cy="0" r="14" fill="#8ba4ff"/>
+  </g>
+</svg>
diff --git a/static/sw.js b/static/sw.js
index 009a06b..fa043bb 100644
--- a/static/sw.js
+++ b/static/sw.js
@@ -1,4 +1,4 @@
-const CACHE = "if-viewer-static-v1";
+const CACHE = "if-viewer-static-v2";
 const ASSETS = [
   "/static/style.css",
   "/static/favicon.svg",