diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 00000000..b6e5a9f8
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none">
+  <rect width="32" height="32" rx="8" fill="#0a0e17"/>
+  <circle cx="16" cy="12" r="3.5" fill="#38bdf8" opacity="0.9"/>
+  <circle cx="8" cy="22" r="2.5" fill="#38bdf8" opacity="0.5"/>
+  <circle cx="24" cy="22" r="2.5" fill="#38bdf8" opacity="0.5"/>
+  <line x1="16" y1="15" x2="9" y2="20" stroke="#38bdf8" stroke-width="1" opacity="0.4"/>
+  <line x1="16" y1="15" x2="23" y2="20" stroke="#38bdf8" stroke-width="1" opacity="0.4"/>
+  <line x1="10" y1="22" x2="22" y2="22" stroke="#38bdf8" stroke-width="0.8" opacity="0.25"/>
+</svg>
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
deleted file mode 100644
index 718d6fea..00000000
Binary files a/src/app/favicon.ico and /dev/null differ
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index daa318c0..e01299f8 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -24,6 +24,9 @@ const firaCode = Fira_Code({
 export const metadata: Metadata = {
   title: "GraphMindset",
   description: "Knowledge graph explorer",
+  icons: {
+    icon: "/favicon.svg",
+  },
 }
 
 export default function RootLayout({