diff --git a/komga-webui/public/android-chrome-192x192.png b/komga-webui/public/android-chrome-192x192.png
new file mode 100644
index 000000000..b7836636f
Binary files /dev/null and b/komga-webui/public/android-chrome-192x192.png differ
diff --git a/komga-webui/public/android-chrome-512x512.png b/komga-webui/public/android-chrome-512x512.png
new file mode 100644
index 000000000..71d3b91bd
Binary files /dev/null and b/komga-webui/public/android-chrome-512x512.png differ
diff --git a/komga-webui/public/apple-touch-icon-180x180.png b/komga-webui/public/apple-touch-icon-180x180.png
new file mode 100644
index 000000000..1f0f78e83
Binary files /dev/null and b/komga-webui/public/apple-touch-icon-180x180.png differ
diff --git a/komga-webui/public/apple-touch-icon.png b/komga-webui/public/apple-touch-icon.png
new file mode 100644
index 000000000..fd9c64884
Binary files /dev/null and b/komga-webui/public/apple-touch-icon.png differ
diff --git a/komga-webui/public/favicon-16x16.png b/komga-webui/public/favicon-16x16.png
new file mode 100644
index 000000000..0fd545ff4
Binary files /dev/null and b/komga-webui/public/favicon-16x16.png differ
diff --git a/komga-webui/public/favicon-32x32.png b/komga-webui/public/favicon-32x32.png
new file mode 100644
index 000000000..56ffafa2e
Binary files /dev/null and b/komga-webui/public/favicon-32x32.png differ
diff --git a/komga-webui/public/favicon.ico b/komga-webui/public/favicon.ico
index a8d4606ee..6c8addedd 100644
Binary files a/komga-webui/public/favicon.ico and b/komga-webui/public/favicon.ico differ
diff --git a/komga-webui/public/index.html b/komga-webui/public/index.html
index bf7b78cf6..fe5ee36bb 100644
--- a/komga-webui/public/index.html
+++ b/komga-webui/public/index.html
@@ -6,6 +6,11 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <title>Komga</title>
     <link rel="icon" href="/favicon.ico" th:href="@{/favicon.ico}">
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" th:href="@{/apple-touch-icon.png}">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" th:href="@{/favicon-32x32.png}">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" th:href="@{/favicon-16x16.png}">
+    <meta name="msapplication-TileColor" content="#08397f">
+    <meta name="msapplication-TileImage" th:content="@{/mstile-144x144.png}" content="/mstile-144x144.png">
     <script th:inline="javascript">
         /*<![CDATA[*/
         window.resourceBaseUrl = /*[(<%="$"%>{"'" + baseUrl + "'"})]*/ '/'
diff --git a/komga-webui/public/mstile-144x144.png b/komga-webui/public/mstile-144x144.png
new file mode 100644
index 000000000..bf7ac3279
Binary files /dev/null and b/komga-webui/public/mstile-144x144.png differ
diff --git a/komga-webui/vue.config.js b/komga-webui/vue.config.js
index 118f5ff46..44419c42e 100644
--- a/komga-webui/vue.config.js
+++ b/komga-webui/vue.config.js
@@ -17,6 +17,12 @@ module.exports = {
             }
             return false
           },
+          'th:content': function (tag) {
+            if (_.has(tag, 'attributes.content')) {
+              return `@{${tag.attributes.content}}`
+            }
+            return false
+          },
           'th:src': function (tag) {
             if (_.has(tag, 'attributes.src')) {
               return `@{${tag.attributes.src}}`
diff --git a/komga/src/main/kotlin/org/gotson/komga/infrastructure/security/SecurityConfiguration.kt b/komga/src/main/kotlin/org/gotson/komga/infrastructure/security/SecurityConfiguration.kt
index 95b20c541..95fb65ea3 100644
--- a/komga/src/main/kotlin/org/gotson/komga/infrastructure/security/SecurityConfiguration.kt
+++ b/komga/src/main/kotlin/org/gotson/komga/infrastructure/security/SecurityConfiguration.kt
@@ -82,6 +82,13 @@ class SecurityConfiguration(
         "/img/**",
         "/js/**",
         "/favicon.ico",
+        "/favicon-16x16.png",
+        "/favicon-32x32.png",
+        "/mstile-144x144.png",
+        "/apple-touch-icon.png",
+        "/apple-touch-icon-180x180.png",
+        "/android-chrome-192x192.png",
+        "/android-chrome-512x512.png",
         "/",
         "/index.html"
       )
diff --git a/komga/src/main/kotlin/org/gotson/komga/infrastructure/web/WebMvcConfiguration.kt b/komga/src/main/kotlin/org/gotson/komga/infrastructure/web/WebMvcConfiguration.kt
index bc5e373ae..d60b0d225 100644
--- a/komga/src/main/kotlin/org/gotson/komga/infrastructure/web/WebMvcConfiguration.kt
+++ b/komga/src/main/kotlin/org/gotson/komga/infrastructure/web/WebMvcConfiguration.kt
@@ -30,11 +30,25 @@ class WebMvcConfiguration : WebMvcConfigurer {
     registry
       .addResourceHandler(
         "/index.html",
-        "/favicon.ico"
+        "/favicon.ico",
+        "/favicon-16x16.png",
+        "/favicon-32x32.png",
+        "/mstile-144x144.png",
+        "/apple-touch-icon.png",
+        "/apple-touch-icon-180x180.png",
+        "/android-chrome-192x192.png",
+        "/android-chrome-512x512.png"
       )
       .addResourceLocations(
         "classpath:public/index.html",
-        "classpath:public/favicon.ico"
+        "classpath:public/favicon.ico",
+        "classpath:public/favicon-16x16.png",
+        "classpath:public/favicon-32x32.png",
+        "classpath:public/mstile-144x144.png",
+        "classpath:public/apple-touch-icon.png",
+        "classpath:public/apple-touch-icon-180x180.png",
+        "classpath:public/android-chrome-192x192.png",
+        "classpath:public/android-chrome-512x512.png"
       )
       .setCacheControl(CacheControl.noStore())