diff --git a/frontend/index.html b/frontend/index.html
index 8e7493d..8a1ea48 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -4,6 +4,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="theme-color" content="#C4737E" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="apple-touch-icon" href="/icon-192.svg" />
     <title>Luna Recipes</title>
   </head>
   <body>
diff --git a/frontend/public/favicon.svg b/frontend/public/favicon.svg
new file mode 100644
index 0000000..ee63071
--- /dev/null
+++ b/frontend/public/favicon.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 192" width="192" height="192">
+  <rect width="192" height="192" rx="32" fill="#FBF8F5"/>
+  <circle cx="96" cy="100" r="60" fill="#F2D7DB"/>
+  <text x="96" y="118" text-anchor="middle" font-size="72">🧁</text>
+  <text x="96" y="172" text-anchor="middle" font-family="serif" font-weight="700" font-size="22" fill="#C4737E">Luna</text>
+</svg>
