diff --git a/assets/apple-icon-120.png b/assets/apple-icon-120.png
new file mode 100644
index 00000000..870f60d0
Binary files /dev/null and b/assets/apple-icon-120.png differ
diff --git a/assets/apple-icon-180.png b/assets/apple-icon-180.png
new file mode 100644
index 00000000..f1096f14
Binary files /dev/null and b/assets/apple-icon-180.png differ
diff --git a/templates/2xx.html b/templates/2xx.html
index 14192df8..bf7910a8 100644
--- a/templates/2xx.html
+++ b/templates/2xx.html
@@ -1,13 +1,15 @@
 <!doctype html>
 <html lang="en">
 <head>
-	<meta charset='utf-8'>
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<meta id='theThemeColor' name='theme-color' content='#4169e1'>
-  <meta name="description" content="A mobile-optimized web client for Mastodon.">
+	<meta charset='utf-8' >
+	<meta name="viewport" content="width=device-width, initial-scale=1" >
+	<meta id='theThemeColor' name='theme-color' content='#4169e1' >
+  <meta name="description" content="A mobile-optimized web client for Mastodon." >
 
-	<link rel='manifest' href='/manifest.json'>
-	<link id='theFavicon' rel='icon' type='image/png' href='/favicon.png'>
+	<link rel='manifest' href='/manifest.json' >
+	<link id='theFavicon' rel='icon' type='image/png' href='/favicon.png' >
+  <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120.png" >
+  <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180.png" >
 
 	<style>
 /* auto-generated w/ build-sass.js */
diff --git a/templates/service-worker.js b/templates/service-worker.js
index 67e075c5..2e31fafb 100644
--- a/templates/service-worker.js
+++ b/templates/service-worker.js
@@ -5,6 +5,7 @@ const ASSETS = `cache${timestamp}`
 // `assets` is an array of everything in the `assets` directory
 const toCache = __shell__.concat(__assets__)
   .filter(filename => !filename.endsWith('.map'))
+  .filter(filename => !filename.startsWith('apple-icon'))
 const cached = new Set(toCache)
 
 // `routes` is an array of `{ pattern: RegExp }` objects that
