diff --git a/src/frontend/apps/impress/public/favicon-dark.png b/src/frontend/apps/impress/public/favicon-dark.png
new file mode 100644
index 00000000..73603e67
Binary files /dev/null and b/src/frontend/apps/impress/public/favicon-dark.png differ
diff --git a/src/frontend/apps/impress/public/favicon.png b/src/frontend/apps/impress/public/favicon.png
new file mode 100644
index 00000000..4c433bb5
Binary files /dev/null and b/src/frontend/apps/impress/public/favicon.png differ
diff --git a/src/frontend/apps/impress/src/pages/_app.tsx b/src/frontend/apps/impress/src/pages/_app.tsx
index e93848f3..314f8ff1 100644
--- a/src/frontend/apps/impress/src/pages/_app.tsx
+++ b/src/frontend/apps/impress/src/pages/_app.tsx
@@ -38,6 +38,19 @@ export default function App({ Component, pageProps }: AppPropsWithLayout) {
           )}
         />
         <link rel="icon" href="/favicon.ico" sizes="any" />
+        <link rel="icon" href="/favicon.png" type="image/png" />
+        <link
+          rel="icon"
+          href="/favicon.png"
+          type="image/png"
+          media="(prefers-color-scheme: light)"
+        />
+        <link
+          rel="icon"
+          href="/favicon-dark.png"
+          type="image/png"
+          media="(prefers-color-scheme: dark)"
+        />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
       </Head>
       <AppProvider>{getLayout(<Component {...pageProps} />)}</AppProvider>