diff --git a/img/hq-favicons/android-chrome-144x144.png b/img/hq-favicons/android-chrome-144x144.png
new file mode 100644
index 00000000..a4777f6d
Binary files /dev/null and b/img/hq-favicons/android-chrome-144x144.png differ
diff --git a/img/hq-favicons/android-chrome-36x36.png b/img/hq-favicons/android-chrome-36x36.png
new file mode 100644
index 00000000..911ef14d
Binary files /dev/null and b/img/hq-favicons/android-chrome-36x36.png differ
diff --git a/img/hq-favicons/android-chrome-48x48.png b/img/hq-favicons/android-chrome-48x48.png
new file mode 100644
index 00000000..cfe6f943
Binary files /dev/null and b/img/hq-favicons/android-chrome-48x48.png differ
diff --git a/img/hq-favicons/android-chrome-72x72.png b/img/hq-favicons/android-chrome-72x72.png
new file mode 100644
index 00000000..410570d2
Binary files /dev/null and b/img/hq-favicons/android-chrome-72x72.png differ
diff --git a/img/hq-favicons/android-chrome-96x96.png b/img/hq-favicons/android-chrome-96x96.png
new file mode 100644
index 00000000..9a56e62e
Binary files /dev/null and b/img/hq-favicons/android-chrome-96x96.png differ
diff --git a/img/hq-favicons/apple-touch-icon-114x114.png b/img/hq-favicons/apple-touch-icon-114x114.png
new file mode 100644
index 00000000..023f0f59
Binary files /dev/null and b/img/hq-favicons/apple-touch-icon-114x114.png differ
diff --git a/img/hq-favicons/apple-touch-icon-120x120.png b/img/hq-favicons/apple-touch-icon-120x120.png
new file mode 100644
index 00000000..b486e979
Binary files /dev/null and b/img/hq-favicons/apple-touch-icon-120x120.png differ
diff --git a/img/hq-favicons/apple-touch-icon-144x144.png b/img/hq-favicons/apple-touch-icon-144x144.png
new file mode 100644
index 00000000..67f32eb8
Binary files /dev/null and b/img/hq-favicons/apple-touch-icon-144x144.png differ
diff --git a/img/hq-favicons/apple-touch-icon-152x152.png b/img/hq-favicons/apple-touch-icon-152x152.png
new file mode 100644
index 00000000..b743be73
Binary files /dev/null and b/img/hq-favicons/apple-touch-icon-152x152.png differ
diff --git a/img/hq-favicons/apple-touch-icon-57x57.png b/img/hq-favicons/apple-touch-icon-57x57.png
new file mode 100644
index 00000000..0be0361a
Binary files /dev/null and b/img/hq-favicons/apple-touch-icon-57x57.png differ
diff --git a/img/hq-favicons/apple-touch-icon-60x60.png b/img/hq-favicons/apple-touch-icon-60x60.png
new file mode 100644
index 00000000..8ac3468a
Binary files /dev/null and b/img/hq-favicons/apple-touch-icon-60x60.png differ
diff --git a/img/hq-favicons/apple-touch-icon-72x72.png b/img/hq-favicons/apple-touch-icon-72x72.png
new file mode 100644
index 00000000..7b50576e
Binary files /dev/null and b/img/hq-favicons/apple-touch-icon-72x72.png differ
diff --git a/img/hq-favicons/apple-touch-icon-76x76.png b/img/hq-favicons/apple-touch-icon-76x76.png
new file mode 100644
index 00000000..4e578567
Binary files /dev/null and b/img/hq-favicons/apple-touch-icon-76x76.png differ
diff --git a/img/hq-favicons/apple-touch-icon-precomposed.png b/img/hq-favicons/apple-touch-icon-precomposed.png
new file mode 100644
index 00000000..e19914f7
Binary files /dev/null and b/img/hq-favicons/apple-touch-icon-precomposed.png differ
diff --git a/img/hq-favicons/apple-touch-icon.png b/img/hq-favicons/apple-touch-icon.png
new file mode 100644
index 00000000..b743be73
Binary files /dev/null and b/img/hq-favicons/apple-touch-icon.png differ
diff --git a/img/hq-favicons/browserconfig.xml b/img/hq-favicons/browserconfig.xml
new file mode 100644
index 00000000..e20a379b
--- /dev/null
+++ b/img/hq-favicons/browserconfig.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+  <msapplication>
+    <tile>
+      <square70x70logo src="images/hq-favicons/mstile-70x70.png"/>
+      <square150x150logo src="images/hq-favicons/mstile-150x150.png"/>
+      <square310x310logo src="images/hq-favicons/mstile-310x310.png"/>
+      <wide310x150logo src="images/hq-favicons/mstile-310x150.png"/>
+      <TileColor>#00aba9</TileColor>
+    </tile>
+  </msapplication>
+</browserconfig>
diff --git a/img/hq-favicons/favicon-16x16.png b/img/hq-favicons/favicon-16x16.png
new file mode 100644
index 00000000..8d5ac098
Binary files /dev/null and b/img/hq-favicons/favicon-16x16.png differ
diff --git a/img/hq-favicons/favicon-32x32.png b/img/hq-favicons/favicon-32x32.png
new file mode 100644
index 00000000..1b5f8ac4
Binary files /dev/null and b/img/hq-favicons/favicon-32x32.png differ
diff --git a/img/hq-favicons/favicon-96x96.png b/img/hq-favicons/favicon-96x96.png
new file mode 100644
index 00000000..ceb14185
Binary files /dev/null and b/img/hq-favicons/favicon-96x96.png differ
diff --git a/img/hq-favicons/favicon.ico b/img/hq-favicons/favicon.ico
new file mode 100644
index 00000000..0ef49205
Binary files /dev/null and b/img/hq-favicons/favicon.ico differ
diff --git a/img/hq-favicons/manifest.json b/img/hq-favicons/manifest.json
new file mode 100644
index 00000000..503e5f7b
--- /dev/null
+++ b/img/hq-favicons/manifest.json
@@ -0,0 +1,35 @@
+{
+	"name": "Ascribe",
+	"icons": [
+		{
+			"src": "images\/hq-favicons\/android-chrome-36x36.png",
+			"sizes": "36x36",
+			"type": "image\/png",
+			"density": "0.75"
+		},
+		{
+			"src": "images\/hq-favicons\/android-chrome-48x48.png",
+			"sizes": "48x48",
+			"type": "image\/png",
+			"density": "1.0"
+		},
+		{
+			"src": "images\/hq-favicons\/android-chrome-72x72.png",
+			"sizes": "72x72",
+			"type": "image\/png",
+			"density": "1.5"
+		},
+		{
+			"src": "images\/hq-favicons\/android-chrome-96x96.png",
+			"sizes": "96x96",
+			"type": "image\/png",
+			"density": "2.0"
+		},
+		{
+			"src": "images\/hq-favicons\/android-chrome-144x144.png",
+			"sizes": "144x144",
+			"type": "image\/png",
+			"density": "3.0"
+		}
+	]
+}
diff --git a/img/hq-favicons/mstile-144x144.png b/img/hq-favicons/mstile-144x144.png
new file mode 100644
index 00000000..0a70e96b
Binary files /dev/null and b/img/hq-favicons/mstile-144x144.png differ
diff --git a/img/hq-favicons/mstile-150x150.png b/img/hq-favicons/mstile-150x150.png
new file mode 100644
index 00000000..f3522797
Binary files /dev/null and b/img/hq-favicons/mstile-150x150.png differ
diff --git a/img/hq-favicons/mstile-310x150.png b/img/hq-favicons/mstile-310x150.png
new file mode 100644
index 00000000..9ac302ef
Binary files /dev/null and b/img/hq-favicons/mstile-310x150.png differ
diff --git a/img/hq-favicons/mstile-310x310.png b/img/hq-favicons/mstile-310x310.png
new file mode 100644
index 00000000..0490fe6b
Binary files /dev/null and b/img/hq-favicons/mstile-310x310.png differ
diff --git a/img/hq-favicons/mstile-70x70.png b/img/hq-favicons/mstile-70x70.png
new file mode 100644
index 00000000..1ebd9d1d
Binary files /dev/null and b/img/hq-favicons/mstile-70x70.png differ
diff --git a/index.html b/index.html
index d5fe491e..4e3124f4 100644
--- a/index.html
+++ b/index.html
@@ -2,6 +2,24 @@
 
 <html>
     <head>
+        <link rel="apple-touch-icon" sizes="57x57" href="<%= BASE_URL %>static/img/hq-favicons/apple-touch-icon-57x57.png">
+        <link rel="apple-touch-icon" sizes="60x60" href="<%= BASE_URL %>static/img/hq-favicons/apple-touch-icon-60x60.png">
+        <link rel="apple-touch-icon" sizes="72x72" href="<%= BASE_URL %>static/img/hq-favicons/apple-touch-icon-72x72.png">
+        <link rel="apple-touch-icon" sizes="76x76" href="<%= BASE_URL %>static/img/hq-favicons/apple-touch-icon-76x76.png">
+        <link rel="apple-touch-icon" sizes="114x114" href="<%= BASE_URL %>static/img/hq-favicons/apple-touch-icon-114x114.png">
+        <link rel="apple-touch-icon" sizes="120x120" href="<%= BASE_URL %>static/img/hq-favicons/apple-touch-icon-120x120.png">
+        <link rel="apple-touch-icon" sizes="144x144" href="<%= BASE_URL %>static/img/hq-favicons/apple-touch-icon-144x144.png">
+        <link rel="apple-touch-icon" sizes="152x152" href="<%= BASE_URL %>static/img/hq-favicons/apple-touch-icon-152x152.png">
+        <link rel="icon" type="image/png" href="<%= BASE_URL %>static/img/hq-favicons/favicon-32x32.png" sizes="32x32">
+        <link rel="icon" type="image/png" href="<%= BASE_URL %>static/img/hq-favicons/favicon-96x96.png" sizes="96x96">
+        <link rel="icon" type="image/png" href="<%= BASE_URL %>static/img/hq-favicons/favicon-16x16.png" sizes="16x16">
+        <link rel="manifest" href="<%= BASE_URL %>static/img/hq-favicons/manifest.json">
+        <link rel="shortcut icon" href="<%= BASE_URL %>static/img/hq-favicons/favicon.ico">
+        <meta name="msapplication-TileColor" content="#00aba9">
+        <meta name="msapplication-TileImage" content="<%= BASE_URL %>static/img/hq-favicons/mstile-144x144.png">
+        <meta name="msapplication-config" content="<%= BASE_URL %>static/img/hq-favicons/browserconfig.xml">
+        <meta name="theme-color" content="#ffffff">
+
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
         <title>ascribe</title>