diff --git a/caddy/fireflyiii.site.caddy b/caddy/fireflyiii.site.caddy
index 3a52eb9..3031742 100644
--- a/caddy/fireflyiii.site.caddy
+++ b/caddy/fireflyiii.site.caddy
@@ -20,7 +20,7 @@
 	@ffui_on query ffui=on
 	header @ffui_on Set-Cookie "ffui=; Path=/; Max-Age=0; Secure; HttpOnly; SameSite=Lax"
 
-	@ffui_assets path /_app/* /favicon.svg
+	@ffui_assets path /_app/* /favicon.svg /manifest.webmanifest /icon-192.png /icon-512.png
 	handle @ffui_assets {
 		reverse_proxy firefly-ui-frontend:3000
 	}
diff --git a/src/app.html b/src/app.html
index 1c7072b..e823ef4 100644
--- a/src/app.html
+++ b/src/app.html
@@ -5,6 +5,9 @@
     <meta content="width=device-width, initial-scale=1" name="viewport">
     <meta content="scale" name="text-scale">
     <link href="%sveltekit.assets%/favicon.svg" rel="icon" type="image/svg+xml">
+    <link href="%sveltekit.assets%/manifest.webmanifest" rel="manifest">
+    <link href="%sveltekit.assets%/icon-192.png" rel="apple-touch-icon">
+    <meta content="#3c8dbc" name="theme-color">
     %sveltekit.head%
   </head>
   <body data-sveltekit-preload-data="hover">
diff --git a/static/icon-192.png b/static/icon-192.png
new file mode 100644
index 0000000..46dff76
Binary files /dev/null and b/static/icon-192.png differ
diff --git a/static/icon-512.png b/static/icon-512.png
new file mode 100644
index 0000000..d562005
Binary files /dev/null and b/static/icon-512.png differ
diff --git a/static/manifest.webmanifest b/static/manifest.webmanifest
new file mode 100644
index 0000000..0fb7de8
--- /dev/null
+++ b/static/manifest.webmanifest
@@ -0,0 +1,27 @@
+{
+  "name": "Firefly III",
+  "short_name": "Firefly",
+  "start_url": "/",
+  "scope": "/",
+  "display": "standalone",
+  "background_color": "#ffffff",
+  "theme_color": "#3c8dbc",
+  "icons": [
+    {
+      "src": "/icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any maskable"
+    }
+  ],
+  "shortcuts": [
+    { "name": "New expense", "url": "/transactions/create/withdrawal" },
+    { "name": "Transactions", "url": "/transactions/all" }
+  ]
+}