diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
new file mode 100644
index 0000000..b15a03f
Binary files /dev/null and b/public/favicon-16x16.png differ
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
new file mode 100644
index 0000000..8623b03
Binary files /dev/null and b/public/favicon-32x32.png differ
diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..783f616
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,20 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <!-- Background -->
+  <rect width="16" height="16" rx="3" fill="#4f46e5"/>
+  
+  <!-- Simple bill/receipt -->
+  <rect x="3" y="2" width="10" height="12" rx="1" fill="white"/>
+  
+  <!-- Bill lines -->
+  <rect x="4" y="4" width="6" height="0.5" fill="#9ca3af"/>
+  <rect x="4" y="6" width="4" height="0.5" fill="#9ca3af"/>
+  <rect x="4" y="8" width="5" height="0.5" fill="#9ca3af"/>
+  
+  <!-- Dollar symbol -->
+  <text x="8" y="12" text-anchor="middle" fill="#4f46e5" font-size="3" font-weight="bold">$</text>
+  
+  <!-- Split indicator -->
+  <circle cx="2" cy="14" r="1" fill="white"/>
+  <circle cx="8" cy="14" r="1" fill="white"/>
+  <circle cx="14" cy="14" r="1" fill="white"/>
+</svg>
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
index 718d6fe..b15a03f 100644
Binary files a/src/app/favicon.ico and b/src/app/favicon.ico differ
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 29c4864..00fb20b 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -2,8 +2,15 @@ import type { Metadata } from "next";
 import "./globals.css";
 
 export const metadata: Metadata = {
-  title: "Split the Bill",
-  description: "Split bills among friends during trips",
+  title: "Split the Trip",
+  description: "Easily split expenses and calculate payments for your group's trip",
+  icons: {
+    icon: [
+      { url: '/favicon.svg', type: 'image/svg+xml' },
+      { url: '/favicon-16x16.png', sizes: '16x16', type: 'image/png' },
+      { url: '/favicon-32x32.png', sizes: '32x32', type: 'image/png' }
+    ],
+  },
 };
 
 export default function RootLayout({