diff --git a/frontend/index.html b/frontend/index.html
index 050d566c..75aefc8f 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -3,7 +3,9 @@
 
 <head>
   <meta charset="UTF-8" />
-  <link rel="icon" type="image/png" href="/sencho-logo.png" />
+  <link rel="icon" type="image/png" href="/sencho-logo-dark.png" media="(prefers-color-scheme: dark)" />
+  <link rel="icon" type="image/png" href="/sencho-logo-light.png" media="(prefers-color-scheme: light)" />
+  <link rel="apple-touch-icon" href="/sencho-logo-light.png" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Sencho</title>
   <link rel="preconnect" href="https://fonts.googleapis.com" />
