diff --git a/android-chrome-192x192.png b/android-chrome-192x192.png
new file mode 100644
index 0000000..2aecfae
Binary files /dev/null and b/android-chrome-192x192.png differ
diff --git a/android-chrome-512x512.png b/android-chrome-512x512.png
new file mode 100644
index 0000000..c80237b
Binary files /dev/null and b/android-chrome-512x512.png differ
diff --git a/apple-touch-icon.png b/apple-touch-icon.png
new file mode 100644
index 0000000..82d3527
Binary files /dev/null and b/apple-touch-icon.png differ
diff --git a/favicon-16x16.png b/favicon-16x16.png
new file mode 100644
index 0000000..fc1b215
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 0000000..4ee707a
Binary files /dev/null and b/favicon-32x32.png differ
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..6c91913
Binary files /dev/null and b/favicon.ico differ
diff --git a/index.html b/index.html
index c51df2b..db9e696 100644
--- a/index.html
+++ b/index.html
@@ -28,6 +28,11 @@
 <meta http-equiv="Permissions-Policy" content="interest-cohort=()">
 <script src="core.js"></script>
 
+<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">
+
 <style>
 dl.row dt { font-weight: normal; }
 dl.row dd { font-family: monospace; }
diff --git a/site.webmanifest b/site.webmanifest
new file mode 100644
index 0000000..042a439
--- /dev/null
+++ b/site.webmanifest
@@ -0,0 +1 @@
+{"name":"DualShock Calibration GUI","short_name":"DualShock GUI","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"}