diff --git a/ui/src/app/icon.ico b/ui/src/app/icon.ico
new file mode 100644
index 0000000..62b6fd9
Binary files /dev/null and b/ui/src/app/icon.ico differ
diff --git a/ui/src/app/layout.tsx b/ui/src/app/layout.tsx
index c1f2002..c6a8598 100644
--- a/ui/src/app/layout.tsx
+++ b/ui/src/app/layout.tsx
@@ -6,15 +6,15 @@ import { Toaster } from "@/components/ui/toaster";
 import BuildPanel from "@/components/features/build-panel/components/build-panel";
 import Navbar from "@/components/features/navbar/components/navbar";
 import Header from "@/components/features/header/components/header";
-import { useState } from "react";
-import { SquareIcon } from "lucide-react";
-import { Button } from "@/components/ui/button";
 
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
   title: "PersonaFlow",
   description: "Where AI meets individuality for unmatched personalization",
+  icons: {
+    icon: '/icon.ico'
+  }
 };
 
 export default function RootLayout({