diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..7198282
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,24 @@
+<svg viewBox="0 0 48 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <!-- Pot -->
+  <path d="M14 56 L16 49 L32 49 L34 56 Z" fill="#C05621"/>
+  <rect x="12" y="45" width="24" height="5" rx="2" fill="#9C4221"/>
+  <!-- Trunk -->
+  <path d="M24 45 C24 39 22 33 20 27 C18 22 19 17 22 13"
+        stroke="#744210" stroke-width="4" stroke-linecap="round"/>
+  <!-- Branch right -->
+  <path d="M21 28 C26 25 31 22 33 18"
+        stroke="#744210" stroke-width="2.5" stroke-linecap="round"/>
+  <!-- Branch left -->
+  <path d="M20 35 C15 32 11 28 10 24"
+        stroke="#744210" stroke-width="2" stroke-linecap="round"/>
+  <!-- Foliage — left -->
+  <circle cx="10" cy="21" r="9" fill="#276749"/>
+  <!-- Foliage — right -->
+  <circle cx="34" cy="16" r="10" fill="#276749"/>
+  <!-- Foliage — top center (brightest) -->
+  <circle cx="22" cy="11" r="11" fill="#2F855A"/>
+  <!-- Foliage — overlap highlight -->
+  <circle cx="26" cy="17" r="8" fill="#38A169"/>
+  <!-- Foliage — small accent top -->
+  <circle cx="18" cy="16" r="6" fill="#48BB78"/>
+</svg>
diff --git a/src/index.html b/src/index.html
index bcda8ae..be337ad 100644
--- a/src/index.html
+++ b/src/index.html
@@ -2,9 +2,10 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <title>BonsaiWebapp</title>
+    <title>Bonsai</title>
     <base href="/" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/svg+xml" href="favicon.svg" />
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
   </head>
   <body>
