diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
new file mode 100644
index 00000000..ce5bff39
Binary files /dev/null and b/public/android-chrome-192x192.png differ
diff --git a/public/android-chrome-256x256.png b/public/android-chrome-256x256.png
new file mode 100644
index 00000000..b8a42d1e
Binary files /dev/null and b/public/android-chrome-256x256.png differ
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
new file mode 100644
index 00000000..fe915eb2
Binary files /dev/null and b/public/apple-touch-icon.png differ
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
new file mode 100644
index 00000000..fab089b1
Binary files /dev/null and b/public/favicon-16x16.png differ
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
new file mode 100644
index 00000000..b980cf6b
Binary files /dev/null and b/public/favicon-32x32.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
index 8d2b4736..1529e510 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/favicon.png b/public/favicon.png
deleted file mode 100644
index b5918603..00000000
Binary files a/public/favicon.png and /dev/null differ
diff --git a/public/local-apple-touch-icon.png b/public/local-apple-touch-icon.png
new file mode 100644
index 00000000..9e3b4164
Binary files /dev/null and b/public/local-apple-touch-icon.png differ
diff --git a/public/local-favicon-16x16.png b/public/local-favicon-16x16.png
new file mode 100644
index 00000000..9335b088
Binary files /dev/null and b/public/local-favicon-16x16.png differ
diff --git a/public/local-favicon-32x32.png b/public/local-favicon-32x32.png
new file mode 100644
index 00000000..3c9e5293
Binary files /dev/null and b/public/local-favicon-32x32.png differ
diff --git a/public/local-favicon.ico b/public/local-favicon.ico
new file mode 100644
index 00000000..bf998097
Binary files /dev/null and b/public/local-favicon.ico differ
diff --git a/public/local-mstile-150x150.png b/public/local-mstile-150x150.png
new file mode 100644
index 00000000..44077a98
Binary files /dev/null and b/public/local-mstile-150x150.png differ
diff --git a/public/local-safari-pinned-tab.svg b/public/local-safari-pinned-tab.svg
new file mode 100644
index 00000000..3086c1dc
--- /dev/null
+++ b/public/local-safari-pinned-tab.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="256.000000pt" height="256.000000pt" viewBox="0 0 256.000000 256.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,256.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M510 2508 c-90 -16 -207 -75 -280 -141 -66 -59 -151 -193 -163 -257
+-3 -14 -10 -45 -15 -69 -7 -27 -10 -317 -9 -785 2 -737 2 -741 24 -812 38
+-119 127 -238 230 -307 57 -39 167 -83 228 -92 45 -7 1469 -8 1500 -1 97 21
+125 31 183 60 131 66 228 179 289 336 16 41 18 108 21 795 2 514 -1 770 -8
+815 -30 175 -168 348 -335 420 -47 20 -56 23 -134 39 -55 11 -1469 11 -1531
+-1z"/>
+</g>
+</svg>
diff --git a/public/local-site.webmanifest b/public/local-site.webmanifest
new file mode 100644
index 00000000..de65106f
--- /dev/null
+++ b/public/local-site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "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/public/local_favicon.ico b/public/local_favicon.ico
deleted file mode 100644
index 63f50942..00000000
Binary files a/public/local_favicon.ico and /dev/null differ
diff --git a/public/local_favicon.png b/public/local_favicon.png
deleted file mode 100644
index 5c61c475..00000000
Binary files a/public/local_favicon.png and /dev/null differ
diff --git a/public/mstile-150x150.png b/public/mstile-150x150.png
new file mode 100644
index 00000000..21e82f52
Binary files /dev/null and b/public/mstile-150x150.png differ
diff --git a/public/safari-pinned-tab.svg b/public/safari-pinned-tab.svg
new file mode 100644
index 00000000..7cef89e0
--- /dev/null
+++ b/public/safari-pinned-tab.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="256.000000pt" height="256.000000pt" viewBox="0 0 256.000000 256.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,256.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M545 2510 c-134 -18 -238 -71 -335 -169 -72 -74 -119 -154 -147 -251
+-17 -60 -18 -118 -18 -810 0 -827 -2 -801 68 -935 45 -85 155 -194 242 -237
+137 -69 133 -69 960 -66 l740 3 74 27 c176 64 310 202 364 373 22 70 22 73 22
+830 0 624 -3 769 -14 810 -55 195 -212 353 -406 411 -55 16 -123 18 -775 20
+-393 1 -742 -2 -775 -6z m274 -577 c13 -11 105 -221 237 -538 119 -286 217
+-521 218 -522 3 -3 58 127 326 757 67 157 129 293 137 303 11 11 31 17 59 17
+34 0 47 -5 63 -26 12 -15 21 -37 21 -50 0 -13 -25 -81 -56 -151 -31 -70 -148
+-339 -261 -598 -112 -259 -214 -480 -225 -493 -30 -31 -92 -31 -119 1 -34 37
+-539 1203 -539 1242 0 48 29 75 79 75 22 0 48 -7 60 -17z"/>
+</g>
+</svg>
diff --git a/public/site.webmanifest b/public/site.webmanifest
new file mode 100644
index 00000000..f49f72df
--- /dev/null
+++ b/public/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "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": "#020617",
+    "background_color": "#020617",
+    "display": "standalone"
+}
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 301fe116..a09d0b78 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -18,11 +18,23 @@
 
     <!-- Icon -->
     @if (config('app.env') === 'local')
-        <link rel="icon" href="{{ asset('local_favicon.ico') }}" type="image/x-icon"/>
-        <link rel="shortcut icon" href="{{ asset('local_favicon.png') }}" type="image/x-icon"/>
+        <link rel="icon" href="{{ asset('local-favicon.ico') }}" type="image/x-icon"/>
+        <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('local-apple-touch-icon.png') }}">
+        <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('local-favicon-32x32.png') }}">
+        <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('local-favicon-16x16.png') }}">
+        <link rel="manifest" href="{{ asset('local-site.webmanifest') }}">
+        <link rel="mask-icon" href="{{ asset('local-safari-pinned-tab.svg') }}" color="#b17a32">
+        <meta name="msapplication-TileColor" content="#b17a32">
+        <meta name="theme-color" content="#ffffff">
     @else
         <link rel="icon" href="{{ asset('favicon.ico') }}" type="image/x-icon"/>
-        <link rel="shortcut icon" href="{{ asset('favicon.png') }}" type="image/x-icon"/>
+        <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('apple-touch-icon.png') }}">
+        <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('favicon-32x32.png') }}">
+        <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('favicon-16x16.png') }}">
+        <link rel="manifest" href="{{ asset('site.webmanifest') }}">
+        <link rel="mask-icon" href="{{ asset('safari-pinned-tab.svg') }}" color="#020617">
+        <meta name="msapplication-TileColor" content="#020617">
+        <meta name="theme-color" content="#020617">
     @endif
 </head>
 <body class="font-sans antialiased">