diff --git a/web/src/app.html b/web/src/app.html
index 8591848a0a..e64d2985ab 100644
--- a/web/src/app.html
+++ b/web/src/app.html
@@ -6,6 +6,13 @@
 
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png" />
+    <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48.png" />
+    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96.png" />
+    <link rel="icon" type="image/png" sizes="144x144" href="/favicon-144.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180.png" />
     %sveltekit.head%
     <script>
       /**
diff --git a/web/src/lib/components/shared-components/favicon-header.svelte b/web/src/lib/components/shared-components/favicon-header.svelte
deleted file mode 100644
index c61682c910..0000000000
--- a/web/src/lib/components/shared-components/favicon-header.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-  import IconAppleTouch180 from '$lib/assets/favicon/apple-icon-180.png';
-  import Icon16 from '$lib/assets/favicon/favicon-16.png';
-  import Icon32 from '$lib/assets/favicon/favicon-32.png';
-  import Icon96 from '$lib/assets/favicon/favicon-96.png';
-</script>
-
-<link rel="icon" type="image/png" sizes="16x16" href={Icon16} />
-<link rel="icon" type="image/png" sizes="32x32" href={Icon32} />
-<link rel="icon" type="image/png" sizes="96x96" href={Icon96} />
-<link rel="apple-touch-icon" sizes="180x180" href={IconAppleTouch180} />
diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index ea0df75588..16fa18ec0c 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -11,7 +11,6 @@
   import UploadCover from '$lib/components/shared-components/drag-and-drop-upload-overlay.svelte';
   import FullscreenContainer from '$lib/components/shared-components/fullscreen-container.svelte';
   import AppleHeader from '$lib/components/shared-components/apple-header.svelte';
-  import FaviconHeader from '$lib/components/shared-components/favicon-header.svelte';
   import { onMount } from 'svelte';
   import { loadConfig } from '$lib/stores/server-config.store';
   import { handleError } from '$lib/utils/handle-error';
@@ -83,7 +82,6 @@
   <title>{$page.data.meta?.title || 'Web'} - Immich</title>
   <link rel="manifest" href="/manifest.json" />
   <meta name="theme-color" content="currentColor" />
-  <FaviconHeader />
   <AppleHeader />
 
   {#if $page.data.meta}
diff --git a/web/src/lib/assets/favicon/apple-icon-180.png b/web/static/apple-icon-180.png
similarity index 100%
rename from web/src/lib/assets/favicon/apple-icon-180.png
rename to web/static/apple-icon-180.png
diff --git a/web/static/favicon-144.png b/web/static/favicon-144.png
new file mode 100644
index 0000000000..fd5e5aafad
Binary files /dev/null and b/web/static/favicon-144.png differ
diff --git a/web/src/lib/assets/favicon/favicon-16.png b/web/static/favicon-16.png
similarity index 100%
rename from web/src/lib/assets/favicon/favicon-16.png
rename to web/static/favicon-16.png
diff --git a/web/src/lib/assets/favicon/favicon-32.png b/web/static/favicon-32.png
similarity index 100%
rename from web/src/lib/assets/favicon/favicon-32.png
rename to web/static/favicon-32.png
diff --git a/web/static/favicon-48.png b/web/static/favicon-48.png
new file mode 100644
index 0000000000..3802a0aaaf
Binary files /dev/null and b/web/static/favicon-48.png differ
diff --git a/web/src/lib/assets/favicon/favicon-96.png b/web/static/favicon-96.png
similarity index 100%
rename from web/src/lib/assets/favicon/favicon-96.png
rename to web/static/favicon-96.png
diff --git a/web/static/favicon.ico b/web/static/favicon.ico
new file mode 100644
index 0000000000..8acbbb4fb3
Binary files /dev/null and b/web/static/favicon.ico differ
diff --git a/web/src/lib/assets/favicon/favicon.png b/web/static/favicon.png
similarity index 100%
rename from web/src/lib/assets/favicon/favicon.png
rename to web/static/favicon.png