diff --git a/favicon.svg b/favicon.svg
new file mode 100644
index 0000000..f2868e1
--- /dev/null
+++ b/favicon.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
+  <!-- Round Background -->
+  <circle cx="20" cy="20" r="20" fill="rgb(73, 69, 79)"/>
+
+  <!-- Dumbbell Icon (Original 24x24 content centered on 40x40 stage) -->
+  <g transform="translate(8, 8)">
+    <path d="M17.596 12.768a2 2 0 1 0 2.829-2.829l-1.768-1.767a2 2 0 0 0 2.828-2.829l-2.828-2.828a2 2 0 0 0-2.829 2.828l-1.767-1.768a2 2 0 1 0-2.829 2.829z" fill="none" stroke="rgb(110, 231, 183)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+    <path d="m2.5 21.5 1.4-1.4" fill="none" stroke="rgb(110, 231, 183)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+    <path d="m20.1 3.9 1.4-1.4" fill="none" stroke="rgb(110, 231, 183)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+    <path d="M5.343 21.485a2 2 0 1 0 2.829-2.828l1.767 1.768a2 2 0 1 0 2.829-2.829l-6.364-6.364a2 2 0 1 0-2.829 2.829l1.768 1.767a2 2 0 0 0-2.828 2.829z" fill="none" stroke="rgb(110, 231, 183)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+    <path d="m9.6 14.4 4.8-4.8" fill="none" stroke="rgb(110, 231, 183)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index b13e133..c86ea0f 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
     <title>GymFlow AI</title>
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">