diff --git a/app/resources/images/favicon.dark.png b/app/resources/images/favicon.dark.png
new file mode 100644
index 0000000..b54f5df
Binary files /dev/null and b/app/resources/images/favicon.dark.png differ
diff --git a/app/resources/images/favicon.light.png b/app/resources/images/favicon.light.png
new file mode 100644
index 0000000..ced572e
Binary files /dev/null and b/app/resources/images/favicon.light.png differ
diff --git a/app/resources/views/index.twig b/app/resources/views/index.twig
index 39a9594..3bc97e0 100644
--- a/app/resources/views/index.twig
+++ b/app/resources/views/index.twig
@@ -3,6 +3,8 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <script src="{{ asset('app.js') }}" defer></script>
+<link rel="icon" href="/app/resources/images/favicon.{{ config('dark_mode') ? 'dark' : 'light' }}.png">
+
 <link rel="stylesheet" href="{{ asset('app.css') }}">
 
 <title>Directory Lister</title>