diff --git a/public/images/resources/logo_dark.png b/public/images/resources/logo_dark.png
new file mode 100644
index 0000000..ec73e1d
Binary files /dev/null and b/public/images/resources/logo_dark.png differ
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
deleted file mode 100644
index 3768321..0000000
Binary files a/src/app/favicon.ico and /dev/null differ
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 40f42fe..0716e79 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -40,6 +40,20 @@ export const metadata: Metadata = {
     locale: 'en_US',
     type: 'website',
   },
+  icons: {
+    icon: [
+      {
+        media: '(prefers-color-scheme: light)',
+        url: '/images/resources/logo_L.png',
+        href: '/images/resources/logo_L.png',
+      },
+      {
+        media: '(prefers-color-scheme: dark)',
+        url: '/images/resources/logo_dark.png',
+        href: '/images/resources/logo_dark.png',
+      },
+    ],
+  }
 };
 
 export default function RootLayout({