diff --git a/app/assets/images/android-chrome-192x192.png b/app/assets/images/android-chrome-192x192.png
index b8f3eb846..a1e8670ca 100644
Binary files a/app/assets/images/android-chrome-192x192.png and b/app/assets/images/android-chrome-192x192.png differ
diff --git a/app/assets/images/android-chrome-256x256.png b/app/assets/images/android-chrome-256x256.png
index 7aae730c6..40c599492 100644
Binary files a/app/assets/images/android-chrome-256x256.png and b/app/assets/images/android-chrome-256x256.png differ
diff --git a/app/assets/images/apple-touch-icon.png b/app/assets/images/apple-touch-icon.png
index 0fafe5d3a..97c6d0eff 100644
Binary files a/app/assets/images/apple-touch-icon.png and b/app/assets/images/apple-touch-icon.png differ
diff --git a/app/assets/images/favicon-16x16.png b/app/assets/images/favicon-16x16.png
index d53a5f31b..0660e0a75 100644
Binary files a/app/assets/images/favicon-16x16.png and b/app/assets/images/favicon-16x16.png differ
diff --git a/app/assets/images/favicon-32x32.png b/app/assets/images/favicon-32x32.png
index 0c04f19f1..5d7d55940 100644
Binary files a/app/assets/images/favicon-32x32.png and b/app/assets/images/favicon-32x32.png differ
diff --git a/app/assets/images/favicon.ico b/app/assets/images/favicon.ico
index 15fd27699..de59f534f 100644
Binary files a/app/assets/images/favicon.ico and b/app/assets/images/favicon.ico differ
diff --git a/app/assets/images/mstile-150x150.png b/app/assets/images/mstile-150x150.png
new file mode 100644
index 000000000..c9f44c8b0
Binary files /dev/null and b/app/assets/images/mstile-150x150.png differ
diff --git a/app/assets/images/safari-pinned-tab.svg b/app/assets/images/safari-pinned-tab.svg
index 4e16dae83..580be22c2 100644
--- a/app/assets/images/safari-pinned-tab.svg
+++ b/app/assets/images/safari-pinned-tab.svg
@@ -9,15 +9,16 @@ Created by potrace 1.14, written by Peter Selinger 2001-2017
 </metadata>
 <g transform="translate(0.000000,260.000000) scale(0.100000,-0.100000)"
 fill="#000000" stroke="none">
-<path d="M1202 2442 c-47 -14 -91 -61 -106 -113 -9 -28 -13 -55 -10 -60 3 -5
--7 -14 -23 -19 -124 -45 -256 -149 -338 -265 -53 -76 -78 -125 -106 -211 -22
--66 -23 -86 -27 -466 l-4 -398 -70 -67 c-39 -38 -88 -85 -110 -106 l-38 -39 0
--94 0 -94 890 0 890 0 1 23 c1 12 1 55 1 96 l0 73 -111 106 -111 105 0 282 0
-282 -66 6 c-162 13 -309 144 -344 307 -24 114 6 250 75 332 14 16 25 33 25 38
-0 10 -92 63 -142 80 -33 12 -37 18 -47 69 -21 108 -118 164 -229 133z"/>
-<path d="M1801 2181 c-57 -22 -69 -29 -118 -77 -84 -81 -115 -225 -74 -335 90
--238 405 -286 558 -85 123 160 66 396 -115 482 -77 37 -176 42 -251 15z"/>
-<path d="M955 382 c7 -48 39 -109 77 -149 71 -74 229 -102 357 -62 80 26 149
-91 174 164 32 93 59 85 -299 84 l-315 0 6 -37z"/>
+<path d="M1177 2586 c-67 -29 -117 -107 -117 -183 0 -12 -15 -24 -48 -37 -175
+-69 -342 -229 -426 -406 -74 -156 -77 -183 -78 -657 l-1 -423 -123 -116 -124
+-117 0 -109 0 -108 996 2 997 3 -1 105 -1 105 -123 117 -123 118 -1 310 c0
+170 -3 313 -7 316 -4 4 -26 8 -50 9 -105 6 -216 59 -292 140 -152 161 -161
+417 -22 583 35 42 31 48 -71 97 -42 20 -84 41 -92 45 -8 4 -18 28 -22 54 -14
+100 -80 158 -182 162 -34 1 -74 -4 -89 -10z"/>
+<path d="M1854 2297 c-64 -28 -95 -48 -134 -89 -65 -68 -99 -163 -94 -265 11
+-271 317 -431 547 -286 163 103 215 311 122 482 -35 64 -91 114 -165 149 -77
+37 -202 41 -276 9z"/>
+<path d="M910 282 c0 -32 32 -116 59 -154 114 -161 427 -170 566 -16 42 47 75
+119 75 165 l0 23 -350 0 c-332 0 -350 -1 -350 -18z"/>
 </g>
 </svg>
diff --git a/app/assets/images/site.webmanifest b/app/assets/images/site.webmanifest
index 45dc8a206..de65106f4 100644
--- a/app/assets/images/site.webmanifest
+++ b/app/assets/images/site.webmanifest
@@ -1 +1,19 @@
-{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
\ No newline at end of file
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-256x256.png",
+            "sizes": "256x256",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
diff --git a/app/templates/main_template.html b/app/templates/main_template.html
index 0beaca91a..6d745d368 100644
--- a/app/templates/main_template.html
+++ b/app/templates/main_template.html
@@ -19,11 +19,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 
     {% block headIcons %}
-      <link rel="shortcut icon" sizes="16x16 32x32 48x48" href="{{ assetPath | default('/assets') }}/images/favicon.ico" type="image/x-icon" />
-      <link rel="mask-icon" href="{{ assetPath | default('/assets') }}/images/notify-bell.svg" color="{{ themeColor | default('#F0F0F0') }}">
+      <link rel="shortcut icon" href="{{ assetPath | default('/assets') }}/images/favicon.ico" />
+      <link rel="icon" type="image/png" sizes="32x32"href="{{ assetPath | default('/assets') }}/images/favicon-32x32.png"/>
+      <link rel="icon" type="image/png" sizes="16x16" href="{{ assetPath | default('/assets') }}/images/favicon-16x16.png" />
+      <link rel="mask-icon" href="{{ assetPath | default('/assets') }}/images/safari-pinned-tab.svg" color="#5bbad5">
       <link rel="apple-touch-icon" sizes="180x180" href="{{ assetPath | default('/assets') }}/images/apple-touch-icon.png">
-      <link rel="apple-touch-icon" href="{{ assetPath | default('/assets') }}/images/apple-touch-icon.png">
+      <link rel="manifest" href="/site.webmanifest">
+      <meta name="msapplication-TileColor" content="#da532c">
       <link href="{{ assetPath | default('/assets') }}/images/notify-dark-favicon.png" rel="icon" media="(prefers-color-scheme: dark)">
+      <meta name="theme-color" content="#ffffff">
     {% endblock %}
 
     {% block head %}{% endblock %}