diff --git a/public/domna-favicon-navy.ico b/public/domna-favicon-navy.ico
new file mode 100644
index 0000000..8881e46
Binary files /dev/null and b/public/domna-favicon-navy.ico differ
diff --git a/src/app/favicon.ico b/public/domna-favicon-white.ico
similarity index 100%
rename from src/app/favicon.ico
rename to public/domna-favicon-white.ico
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index e0e8723..b254d63 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -8,6 +8,7 @@ import { cache } from "react";
 import { Inter } from "next/font/google";
 import { Toaster } from "@/app/shadcn_components/ui/toaster";
 import { SpeedInsights } from "@vercel/speed-insights/next";
+import type { Metadata } from "next";
 
 // If loading a variable font, you don't need to specify the font weight
 const inter = Inter({
@@ -18,6 +19,18 @@ const inter = Inter({
 export const metadata = {
   title: "Ara",
   description: "Ara is Domna’s portfolio intelligence platform that turns housing stock data into clear, costed retrofit and investment plans.",
+  icons: {
+    icon: [
+      {
+        url: "/domna-favicon-white.ico",
+        media: "(prefers-color-scheme: light)",
+      },
+      {
+        url: "/domna-favicon-navy.ico",
+        media: "(prefers-color-scheme: dark)",
+      },
+    ],
+  },
 };
 
 const getSession = cache(async () => {