diff --git a/src/web/icons.cubing.net/favicon-dark-mode.ico b/src/web/icons.cubing.net/favicon-dark-mode.ico
new file mode 100644
index 0000000..4b11110
Binary files /dev/null and b/src/web/icons.cubing.net/favicon-dark-mode.ico differ
diff --git a/src/web/icons.cubing.net/favicon.ico b/src/web/icons.cubing.net/favicon.ico
new file mode 100644
index 0000000..de7875d
Binary files /dev/null and b/src/web/icons.cubing.net/favicon.ico differ
diff --git a/src/web/icons.cubing.net/index.html b/src/web/icons.cubing.net/index.html
index e87c95e..1bae78c 100644
--- a/src/web/icons.cubing.net/index.html
+++ b/src/web/icons.cubing.net/index.html
@@ -5,6 +5,10 @@
   <meta charset="utf8">
   <title>Cubing icons</title>
   <meta property="og:image" content="https://icons.cubing.net/img/og-image.png" />
+  <link rel="icon" href="favicon.ico">
+  <link rel="icon" href="favicon.ico" media="(prefers-color-scheme: light)">
+  <link rel="icon" href="favicon-dark-mode.ico" media="(prefers-color-scheme: dark)">
+
   <!-- From: https://github.com/lgarron/minimal-html-style (v1.0.0) -->
   <link rel="stylesheet" href="./index.css">
   <meta name="viewport" content="width=device-width, initial-scale=0.75">