diff --git a/android-chrome-192x192.png b/android-chrome-192x192.png
new file mode 100644
index 00000000..3fb39a90
Binary files /dev/null and b/android-chrome-192x192.png differ
diff --git a/android-chrome-256x256.png b/android-chrome-256x256.png
new file mode 100644
index 00000000..3200a2c1
Binary files /dev/null and b/android-chrome-256x256.png differ
diff --git a/apple-touch-icon-120x120.png b/apple-touch-icon-120x120.png
new file mode 100644
index 00000000..50a625ee
Binary files /dev/null and b/apple-touch-icon-120x120.png differ
diff --git a/apple-touch-icon-152x152.png b/apple-touch-icon-152x152.png
new file mode 100644
index 00000000..14e0c2f9
Binary files /dev/null and b/apple-touch-icon-152x152.png differ
diff --git a/apple-touch-icon-180x180.png b/apple-touch-icon-180x180.png
new file mode 100644
index 00000000..336835a9
Binary files /dev/null and b/apple-touch-icon-180x180.png differ
diff --git a/apple-touch-icon-60x60.png b/apple-touch-icon-60x60.png
new file mode 100644
index 00000000..511a4293
Binary files /dev/null and b/apple-touch-icon-60x60.png differ
diff --git a/apple-touch-icon-76x76.png b/apple-touch-icon-76x76.png
new file mode 100644
index 00000000..f2a01488
Binary files /dev/null and b/apple-touch-icon-76x76.png differ
diff --git a/apple-touch-icon.png b/apple-touch-icon.png
new file mode 100644
index 00000000..336835a9
Binary files /dev/null and b/apple-touch-icon.png differ
diff --git a/browserconfig.xml b/browserconfig.xml
new file mode 100644
index 00000000..4c9ad6fc
--- /dev/null
+++ b/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="https://imkyle4815.github.io/cardconjurer/data/favicons/mstile-150x150.png"/>
+            <TileColor>#00a300</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/favicon-16x16.png b/favicon-16x16.png
new file mode 100644
index 00000000..d946d30d
Binary files /dev/null and b/favicon-16x16.png differ
diff --git a/favicon-32x32.png b/favicon-32x32.png
new file mode 100644
index 00000000..d5e6a0c3
Binary files /dev/null and b/favicon-32x32.png differ
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 00000000..692317a4
Binary files /dev/null and b/favicon.ico differ
diff --git a/index.html b/index.html
index 0ce16df6..e2012523 100644
--- a/index.html
+++ b/index.html
@@ -9,7 +9,7 @@
 	<script src="data/scripts/autocrop.js"></script>
 	<div class="title">Card Conjurer</div>
 	<!-- Favicon craziness! -->
-	<link rel="apple-touch-icon" sizes="180x180" href="https://imkyle4815.github.io/cardconjurer/data/favicons/apple-touch-icon.png">
+	<!-- <link rel="apple-touch-icon" sizes="180x180" href="https://imkyle4815.github.io/cardconjurer/data/favicons/apple-touch-icon.png">
 	<link rel="icon" type="image/png" sizes="32x32" href="https://imkyle4815.github.io/cardconjurer/data/favicons/favicon-32x32.png">
 	<link rel="icon" type="image/png" sizes="16x16" href="https://imkyle4815.github.io/cardconjurer/data/favicons/favicon-16x16.png">
 	<link rel="manifest" href="https://imkyle4815.github.io/cardconjurer/data/favicons/site.webmanifest">
@@ -17,6 +17,15 @@
 	<link rel="shortcut icon" href="https://imkyle4815.github.io/cardconjurer/data/favicons/favicon.ico">
 	<meta name="msapplication-TileColor" content="#00a300">
 	<meta name="msapplication-config" content="https://imkyle4815.github.io/cardconjurer/data/favicons/browserconfig.xml">
+	<meta name="theme-color" content="#64ca2f"> -->
+	<link rel="apple-touch-icon" sizes="180x180" href="https://imkyle4815.github.io/cardconjurer/apple-touch-icon.png">
+	<link rel="icon" type="image/png" sizes="32x32" href="https://imkyle4815.github.io/cardconjurer/favicon-32x32.png">
+	<link rel="icon" type="image/png" sizes="16x16" href="https://imkyle4815.github.io/cardconjurer/favicon-16x16.png">
+	<link rel="manifest" href="https://imkyle4815.github.io/cardconjurer/site.webmanifest">
+	<link rel="mask-icon" href="https://imkyle4815.github.io/cardconjurer/safari-pinned-tab.svg" color="#64ca2f">
+	<link rel="shortcut icon" href="https://imkyle4815.github.io/cardconjurer/favicon.ico">
+	<meta name="msapplication-TileColor" content="#00a300">
+	<meta name="msapplication-config" content="https://imkyle4815.github.io/cardconjurer/browserconfig.xml">
 	<meta name="theme-color" content="#64ca2f">
 </head>
 <!-- <img src="data/background.png"></img> -->
diff --git a/mstile-150x150.png b/mstile-150x150.png
new file mode 100644
index 00000000..2e9155fb
Binary files /dev/null and b/mstile-150x150.png differ
diff --git a/safari-pinned-tab.svg b/safari-pinned-tab.svg
new file mode 100644
index 00000000..a7441eb8
--- /dev/null
+++ b/safari-pinned-tab.svg
@@ -0,0 +1,29 @@
+<?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="260.000000pt" height="260.000000pt" viewBox="0 0 260.000000 260.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,260.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1069 2585 c-383 -72 -708 -303 -902 -640 -56 -98 -101 -207 -135
+-334 -24 -89 -26 -111 -26 -311 0 -200 2 -222 26 -311 132 -487 470 -825 957
+-957 89 -24 111 -26 311 -26 200 0 222 2 311 26 487 132 825 470 957 957 24
+89 26 111 26 311 0 200 -2 222 -26 311 -132 487 -474 829 -957 956 -82 22
+-122 26 -281 29 -131 2 -207 -1 -261 -11z m-23 -628 c70 -20 174 -68 174 -81
+0 -22 -41 -331 -45 -334 -1 -2 -9 14 -15 35 -21 63 -78 170 -111 208 -51 58
+-100 78 -179 73 -81 -4 -134 -36 -179 -107 -60 -95 -81 -200 -81 -412 0 -256
+41 -404 134 -486 53 -47 89 -58 171 -51 101 8 180 91 240 249 15 39 29 69 30
+67 3 -3 45 -307 45 -327 0 -15 -81 -54 -163 -80 -274 -84 -554 16 -671 239
+-60 113 -79 202 -79 370 -1 163 12 227 68 345 77 161 203 262 380 305 51 12
+215 4 281 -13z m1070 0 c70 -20 174 -68 174 -81 0 -22 -41 -331 -45 -334 -1
+-2 -9 14 -15 35 -21 63 -78 170 -111 208 -51 58 -100 78 -179 73 -81 -4 -134
+-36 -179 -107 -60 -95 -81 -200 -81 -412 0 -256 41 -404 134 -486 53 -47 89
+-58 171 -51 101 8 180 91 240 249 15 39 29 69 30 67 3 -3 45 -307 45 -327 0
+-15 -81 -54 -163 -80 -274 -84 -554 16 -671 239 -60 113 -79 202 -79 370 -1
+163 12 227 68 345 77 161 203 262 380 305 51 12 215 4 281 -13z"/>
+</g>
+</svg>
diff --git a/site.webmanifest b/site.webmanifest
new file mode 100644
index 00000000..181529a1
--- /dev/null
+++ b/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "Card Conjurer",
+    "short_name": "Card Conjurer",
+    "icons": [
+        {
+            "src": "https://imkyle4815.github.io/cardconjurer/data/favicons/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "https://imkyle4815.github.io/cardconjurer/data/favicons/android-chrome-256x256.png",
+            "sizes": "256x256",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#64ca2f",
+    "background_color": "#64ca2f",
+    "display": "standalone"
+}