diff --git a/app/apple-touch-icon.png b/app/apple-touch-icon.png
new file mode 100644
index 0000000..fd6968a
Binary files /dev/null and b/app/apple-touch-icon.png differ
diff --git a/app/favicon-16.png b/app/favicon-16.png
new file mode 100644
index 0000000..01c442e
Binary files /dev/null and b/app/favicon-16.png differ
diff --git a/app/favicon-32.png b/app/favicon-32.png
new file mode 100644
index 0000000..424cbee
Binary files /dev/null and b/app/favicon-32.png differ
diff --git a/app/favicon-48.png b/app/favicon-48.png
new file mode 100644
index 0000000..7da10f3
Binary files /dev/null and b/app/favicon-48.png differ
diff --git a/app/favicon.svg b/app/favicon.svg
new file mode 100644
index 0000000..deb7281
--- /dev/null
+++ b/app/favicon.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48" height="48" role="img" aria-label="invoice">
+  <rect width="48" height="48" rx="12" fill="#2f6fed"></rect>
+  <path d="M14 9 H29 L34 14 V39 H14 Z" fill="none" stroke="#fff" stroke-width="3" stroke-linejoin="round"></path>
+  <path d="M29 9 V14 H34" fill="none" stroke="#fff" stroke-width="3" stroke-linejoin="round"></path>
+  <path d="M18.5 20 H27" stroke="#fff" stroke-width="2.6" stroke-linecap="round"></path>
+  <path d="M18.5 25 H29.5" stroke="#fff" stroke-width="2.6" stroke-linecap="round" opacity=".55"></path>
+  <path d="M18.5 33 H29.5" stroke="#fff" stroke-width="3.2" stroke-linecap="round"></path>
+</svg>
\ No newline at end of file
diff --git a/app/icon-512.png b/app/icon-512.png
new file mode 100644
index 0000000..176abc9
Binary files /dev/null and b/app/icon-512.png differ
diff --git a/app/index.html b/app/index.html
index 0107167..be62eef 100644
--- a/app/index.html
+++ b/app/index.html
@@ -5,6 +5,13 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="format-detection" content="telephone=no">
   <title>Invoice</title>
+  <link rel="icon" href="favicon.svg" type="image/svg+xml">
+  <link rel="icon" href="favicon-48.png" sizes="48x48" type="image/png">
+  <link rel="icon" href="favicon-32.png" sizes="32x32" type="image/png">
+  <link rel="icon" href="favicon-16.png" sizes="16x16" type="image/png">
+  <link rel="apple-touch-icon" href="apple-touch-icon.png">
+  <link rel="manifest" href="site.webmanifest">
+  <meta name="theme-color" content="#2f6fed">
   <script>
     /* Restore persisted theme before first paint */
     (function(){var t=localStorage.getItem("kb-theme");if(t)document.documentElement.setAttribute("data-theme",t);})();
diff --git a/app/site.webmanifest b/app/site.webmanifest
new file mode 100644
index 0000000..84d7bb5
--- /dev/null
+++ b/app/site.webmanifest
@@ -0,0 +1,35 @@
+{
+  "name": "Invoice",
+  "short_name": "invoice",
+  "theme_color": "#2f6fed",
+  "background_color": "#2f6fed",
+  "display": "standalone",
+  "icons": [
+    {
+      "src": "icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "apple-touch-icon.png",
+      "sizes": "180x180",
+      "type": "image/png"
+    },
+    {
+      "src": "favicon-48.png",
+      "sizes": "48x48",
+      "type": "image/png"
+    },
+    {
+      "src": "favicon-32.png",
+      "sizes": "32x32",
+      "type": "image/png"
+    },
+    {
+      "src": "favicon-16.png",
+      "sizes": "16x16",
+      "type": "image/png"
+    }
+  ]
+}