diff --git a/client/public/android-chrome-192x192.png b/client/public/android-chrome-192x192.png
new file mode 100644
index 0000000..c97c972
Binary files /dev/null and b/client/public/android-chrome-192x192.png differ
diff --git a/client/public/android-chrome-256x256.png b/client/public/android-chrome-256x256.png
new file mode 100644
index 0000000..3ad5cf6
Binary files /dev/null and b/client/public/android-chrome-256x256.png differ
diff --git a/client/public/apple-touch-icon.png b/client/public/apple-touch-icon.png
new file mode 100644
index 0000000..2dff149
Binary files /dev/null and b/client/public/apple-touch-icon.png differ
diff --git a/client/public/browserconfig.xml b/client/public/browserconfig.xml
new file mode 100644
index 0000000..c83ddcf
--- /dev/null
+++ b/client/public/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#38b2ac</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/client/public/favicon-16x16.png b/client/public/favicon-16x16.png
new file mode 100644
index 0000000..2ef7cd0
Binary files /dev/null and b/client/public/favicon-16x16.png differ
diff --git a/client/public/favicon-32x32.png b/client/public/favicon-32x32.png
new file mode 100644
index 0000000..74d4f76
Binary files /dev/null and b/client/public/favicon-32x32.png differ
diff --git a/client/public/favicon.ico b/client/public/favicon.ico
index c7b9a43..6629821 100644
Binary files a/client/public/favicon.ico and b/client/public/favicon.ico differ
diff --git a/client/public/index.html b/client/public/index.html
index 6b20eb1..8d6b095 100644
--- a/client/public/index.html
+++ b/client/public/index.html
@@ -1,17 +1,29 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title>LeagueStats</title>
-  </head>
-  <body>
-    <noscript>
-      <strong>We're sorry but LeagueStats doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
-    </noscript>
-    <div id="app"></div>
-    <!-- built files will be auto injected -->
-  </body>
-</html>
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width,initial-scale=1.0">
+
+  <link rel="apple-touch-icon" sizes="180x180" href="<%= BASE_URL %>apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="<%= BASE_URL %>favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="<%= BASE_URL %>favicon-16x16.png">
+  <link rel="manifest" href="<%= BASE_URL %>site.webmanifest">
+  <link rel="mask-icon" href="<%= BASE_URL %>safari-pinned-tab.svg" color="#2a4365">
+  <meta name="msapplication-TileColor" content="#38b2ac">
+  <meta name="theme-color" content="#ffffff">
+
+  <title>LeagueStats</title>
+</head>
+
+<body>
+  <noscript>
+    <strong>We're sorry but LeagueStats doesn't work properly without JavaScript enabled. Please enable it to
+      continue.</strong>
+  </noscript>
+  <div id="app"></div>
+  <!-- built files will be auto injected -->
+</body>
+
+</html>
\ No newline at end of file
diff --git a/client/public/mstile-150x150.png b/client/public/mstile-150x150.png
new file mode 100644
index 0000000..5690ed7
Binary files /dev/null and b/client/public/mstile-150x150.png differ
diff --git a/client/public/safari-pinned-tab.svg b/client/public/safari-pinned-tab.svg
new file mode 100644
index 0000000..bfe7da5
--- /dev/null
+++ b/client/public/safari-pinned-tab.svg
@@ -0,0 +1,36 @@
+<?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="267.000000pt" height="267.000000pt" viewBox="0 0 267.000000 267.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,267.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1110 2613 c-430 -75 -803 -374 -975 -782 -45 -107 -85 -268 -92
+-377 l-6 -91 46 -11 c25 -7 55 -12 67 -12 14 0 90 66 221 192 166 158 199 195
+194 212 -13 45 -17 143 -6 182 15 57 63 120 118 154 26 17 49 30 52 30 6 0 81
+-116 81 -125 0 -3 -7 -5 -15 -5 -26 0 -84 -61 -95 -99 -32 -119 102 -216 208
+-151 l32 20 0 -85 0 -84 -37 -7 c-53 -11 -106 -9 -158 6 l-45 13 -102 -96
+c-291 -272 -311 -293 -304 -318 4 -13 10 -53 13 -89 4 -54 1 -75 -17 -118 -20
+-47 -86 -119 -133 -147 -16 -9 -14 -16 19 -80 171 -332 472 -577 824 -669 249
+-66 502 -59 739 20 713 237 1079 1008 809 1707 -16 42 -33 77 -36 77 -4 0
+-108 -101 -232 -225 l-224 -224 12 -59 c16 -76 15 -98 -4 -163 -21 -73 -107
+-158 -179 -180 -197 -57 -375 74 -375 275 0 36 -5 48 -25 64 -25 20 -26 24
+-23 120 l3 100 58 -34 c32 -19 65 -34 73 -34 8 0 37 11 64 25 66 33 126 41
+201 25 l61 -13 239 239 c164 164 239 246 239 260 0 56 -197 261 -342 357 -158
+104 -330 173 -508 202 -118 19 -327 18 -440 -2z m328 -1085 l2 -568 375 0
+c206 0 375 -3 374 -7 0 -5 -64 -89 -143 -188 l-143 -180 -551 -3 c-304 -1
+-552 0 -552 3 0 3 41 67 90 143 l90 139 0 469 0 470 -90 142 c-49 79 -90 145
+-90 148 0 2 143 3 318 2 l317 -3 3 -567z"/>
+<path d="M903 2035 c4 -8 33 -57 67 -109 l60 -95 0 -492 0 -492 -50 -80 c-28
+-43 -58 -90 -67 -103 l-15 -24 490 0 491 0 99 128 100 127 -349 3 -349 2 0
+575 0 575 -241 0 c-208 0 -240 -2 -236 -15z"/>
+<path d="M1706 1400 c-65 -57 -70 -132 -14 -195 110 -126 305 20 217 162 -27
+43 -66 63 -123 63 -36 0 -52 -6 -80 -30z"/>
+<path d="M46 1158 c14 -102 39 -193 54 -193 24 0 60 64 60 107 0 65 -53 138
+-102 138 -17 0 -18 -5 -12 -52z"/>
+</g>
+</svg>
diff --git a/client/public/site.webmanifest b/client/public/site.webmanifest
new file mode 100644
index 0000000..de65106
--- /dev/null
+++ b/client/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": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
