diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
new file mode 100644
index 0000000..ef9a1c0
Binary files /dev/null and b/public/android-chrome-192x192.png differ
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
new file mode 100644
index 0000000..346f4aa
Binary files /dev/null and b/public/android-chrome-512x512.png differ
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
new file mode 100644
index 0000000..fa258bf
Binary files /dev/null and b/public/apple-touch-icon.png differ
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
new file mode 100644
index 0000000..fe5333f
Binary files /dev/null and b/public/favicon-16x16.png differ
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
new file mode 100644
index 0000000..2ade6a0
Binary files /dev/null and b/public/favicon-32x32.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..0c073a0
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/public/site.webmanifest b/public/site.webmanifest
new file mode 100644
index 0000000..545e814
--- /dev/null
+++ b/public/site.webmanifest
@@ -0,0 +1,19 @@
+{
+	"name": "toknd_auth_broker",
+	"short_name": "toknd",
+	"icons": [
+		{
+			"src": "/android-chrome-192x192.png",
+			"sizes": "192x192",
+			"type": "image/png"
+		},
+		{
+			"src": "/android-chrome-512x512.png",
+			"sizes": "512x512",
+			"type": "image/png"
+		}
+	],
+	"theme_color": "#bdff00",
+	"background_color": "#000",
+	"display": "standalone"
+}
diff --git a/src/index.ts b/src/index.ts
index 4939315..8ac6c04 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -34,6 +34,8 @@ app.use("*", prettyJSON());
 
 app.get("/", (c) => c.redirect("/app"));
 
+app.get("/favicon.ico", serveStatic({ path: "./public/favicon.ico" }));
+app.use("/static/*", serveStatic({ root: "./public" }));
 app.get("/app/dashboard.js", serveStatic({ path: "./src/views/dashboard.js" }));
 app.route(AUTH_PREFIX, authRoutes);
 app.route(`${API_PREFIX}/config`, configRoutes);
diff --git a/src/routes/dashboard.tsx b/src/routes/dashboard.tsx
index 52715f0..c511c16 100644
--- a/src/routes/dashboard.tsx
+++ b/src/routes/dashboard.tsx
@@ -16,6 +16,7 @@ export const Layout = (props: { title: string; children: Child; isUnlocked?: boo
 				<meta charset="UTF-8" />
 				<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 				<title>{props.title}</title>
+				<link rel="icon" type="image/png" href="/favicon.ico" />
 				<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
 				<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
 				<link