diff --git a/index.html b/index.html
index fba4512f..b9abcb11 100644
--- a/index.html
+++ b/index.html
@@ -1,55 +1,60 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8"/>
-  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
-  <meta content="webkit" name="renderer"/>
-  <meta
-    content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"
-    name="viewport"
-  />
-  <meta content="noindex,nofollow" name="robots"/>
-  <title>Halo</title>
-  <link href="/favicon.ico" rel="icon"/>
-  <%- injectScript %>
-  <style>
-    body {
-      height: 100%;
-      background-color: #f5f5f5;
-    }
+  <head>
+    <meta charset="UTF-8" />
+    <meta content="IE=edge" http-equiv="X-UA-Compatible" />
+    <meta content="webkit" name="renderer" />
+    <meta
+      content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"
+      name="viewport"
+    />
+    <meta content="noindex,nofollow" name="robots" />
+    <title>Halo</title>
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+    <link rel="manifest" href="/site.webmanifest" />
+    <meta name="msapplication-TileColor" content="#da532c" />
+    <meta name="theme-color" content="#ffffff" />
+    <%- injectScript %>
+    <style>
+      body {
+        height: 100%;
+        background-color: #f5f5f5;
+      }
 
-    #loader {
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      margin: auto;
-      border: solid 3px #e5e5e5;
-      border-top-color: #333;
-      border-radius: 50%;
-      width: 30px;
-      height: 30px;
-      animation: spin 0.6s linear infinite;
-    }
+      #loader {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        margin: auto;
+        border: solid 3px #e5e5e5;
+        border-top-color: #333;
+        border-radius: 50%;
+        width: 30px;
+        height: 30px;
+        animation: spin 0.6s linear infinite;
+      }
 
-    @keyframes spin {
-      to {
-        transform: rotate(360deg);
+      @keyframes spin {
+        to {
+          transform: rotate(360deg);
+        }
       }
-    }
-  </style>
-</head>
-<body>
-<noscript>
-  <strong>
-    We're sorry but halo admin client doesn't work properly without
-    JavaScript enabled. Please enable it to continue.
-  </strong>
-</noscript>
-<div id="app">
-  <div id="loader"></div>
-</div>
-<script src="/src/main.ts" type="module"></script>
-</body>
+    </style>
+  </head>
+  <body>
+    <noscript>
+      <strong>
+        We're sorry but halo admin client doesn't work properly without
+        JavaScript enabled. Please enable it to continue.
+      </strong>
+    </noscript>
+    <div id="app">
+      <div id="loader"></div>
+    </div>
+    <script src="/src/main.ts" type="module"></script>
+  </body>
 </html>
diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
new file mode 100644
index 00000000..75f9af30
Binary files /dev/null and b/public/android-chrome-192x192.png differ
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
new file mode 100644
index 00000000..be4ad662
Binary files /dev/null and b/public/android-chrome-512x512.png differ
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
new file mode 100644
index 00000000..d2dcc355
Binary files /dev/null and b/public/apple-touch-icon.png differ
diff --git a/public/browserconfig.xml b/public/browserconfig.xml
new file mode 100644
index 00000000..f2429ad2
--- /dev/null
+++ b/public/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="./mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
new file mode 100644
index 00000000..ce403278
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..32bbba55
Binary files /dev/null and b/public/favicon-32x32.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
index df36fcfb..80fc13af 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/mstile-150x150.png b/public/mstile-150x150.png
new file mode 100644
index 00000000..9fa40fa8
Binary files /dev/null and b/public/mstile-150x150.png differ
diff --git a/public/site.webmanifest b/public/site.webmanifest
new file mode 100644
index 00000000..30d0e687
--- /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-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
