diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index 5c0fd9ba..6a0401e8 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -5,7 +5,6 @@ import type * as Preset from '@docusaurus/preset-classic';
 const config: Config = {
   title: 'Moderne Docs',
   tagline: 'Large-scale automated source code refactoring',
-  favicon: 'img/favicon.svg',
 
   url: 'https://docs.moderne.io',
   baseUrl: '/',
@@ -46,6 +45,26 @@ const config: Config = {
         href: 'https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap',
       },
     },
+    {
+      tagName: 'link',
+      attributes: {
+        rel: 'icon',
+        href: '/img/favicon.ico',
+        type: 'image/x-icon',
+        sizes: '32x32',
+        media: '(prefers-color-scheme: light)',
+      },
+    },
+    {
+      tagName: 'link',
+      attributes: {
+        rel: 'icon',
+        href: '/img/favicon_dark.ico',
+        type: 'image/x-icon',
+        sizes: '32x32',
+        media: '(prefers-color-scheme: dark)',
+      },
+    },
   ],
 
   presets: [
diff --git a/static/img/favicon.ico b/static/img/favicon.ico
new file mode 100644
index 00000000..62c98578
Binary files /dev/null and b/static/img/favicon.ico differ
diff --git a/static/img/favicon_dark.ico b/static/img/favicon_dark.ico
new file mode 100644
index 00000000..b35c539b
Binary files /dev/null and b/static/img/favicon_dark.ico differ