diff --git a/site/public/apple-touch-icon.png b/site/public/apple-touch-icon.png
new file mode 100644
index 0000000..56e436e
Binary files /dev/null and b/site/public/apple-touch-icon.png differ
diff --git a/site/public/icon-1024.png b/site/public/icon-1024.png
new file mode 100644
index 0000000..7510451
Binary files /dev/null and b/site/public/icon-1024.png differ
diff --git a/site/public/icon-192.png b/site/public/icon-192.png
new file mode 100644
index 0000000..ba0fc11
Binary files /dev/null and b/site/public/icon-192.png differ
diff --git a/site/public/icon-512.png b/site/public/icon-512.png
new file mode 100644
index 0000000..2976491
Binary files /dev/null and b/site/public/icon-512.png differ
diff --git a/site/public/manifest.webmanifest b/site/public/manifest.webmanifest
new file mode 100644
index 0000000..f1cdf01
--- /dev/null
+++ b/site/public/manifest.webmanifest
@@ -0,0 +1,13 @@
+{
+  "name": "BincioActivity",
+  "short_name": "BincioActivity",
+  "description": "Your personal activity stats",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#0d0d0d",
+  "theme_color": "#0d0d0d",
+  "icons": [
+    { "src": "/icon-192.png", "sizes": "192x192", "type": "image/png" },
+    { "src": "/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any maskable" }
+  ]
+}
diff --git a/site/src/layouts/Base.astro b/site/src/layouts/Base.astro
index 93925bb..8790fef 100644
--- a/site/src/layouts/Base.astro
+++ b/site/src/layouts/Base.astro
@@ -43,6 +43,9 @@ try {
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="description" content={description} />
   <title>{title}</title>
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+  <link rel="manifest" href="/manifest.webmanifest" />
+  <meta name="theme-color" content="#0d0d0d" />
 
   <!-- Set theme before first paint to avoid flash -->
   <script is:inline>