diff --git a/favicon.svg b/favicon.svg
new file mode 100644
index 0000000..2d16d2b
--- /dev/null
+++ b/favicon.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <rect width="100" height="100" rx="20" fill="#171717"/>
+  <rect x="20" y="15" width="60" height="20" rx="4" fill="#ebf5ff"/>
+  <rect x="20" y="40" width="60" height="20" rx="4" fill="#ecfdf5"/>
+  <rect x="20" y="65" width="60" height="20" rx="4" fill="#fef3c7"/>
+  <circle cx="35" cy="25" r="5" fill="#0072f5"/>
+  <circle cx="35" cy="50" r="5" fill="#22c55e"/>
+  <circle cx="35" cy="75" r="5" fill="#f59e0b"/>
+</svg>
diff --git a/index.html b/index.html
index aad0e2f..0983240 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Ourpad — Dashboard</title>
+  <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+  <link rel="apple-touch-icon" href="/favicon.svg">
   <link href="https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600&family=Geist+Mono:wght@400;500&display=swap" rel="stylesheet">
   <style>
     :root {