diff --git a/static/assets/touch-icon-ipad-retina.png b/static/assets/touch-icon-ipad-retina.png
new file mode 100644
index 000000000..98ce80182
Binary files /dev/null and b/static/assets/touch-icon-ipad-retina.png differ
diff --git a/static/assets/touch-icon-ipad.png b/static/assets/touch-icon-ipad.png
new file mode 100644
index 000000000..2dc98845d
Binary files /dev/null and b/static/assets/touch-icon-ipad.png differ
diff --git a/static/assets/touch-icon-iphone-retina.png b/static/assets/touch-icon-iphone-retina.png
new file mode 100644
index 000000000..9056b1ab7
Binary files /dev/null and b/static/assets/touch-icon-iphone-retina.png differ
diff --git a/templates/skel.html b/templates/skel.html
index ded6359ba..261cb3ae5 100644
--- a/templates/skel.html
+++ b/templates/skel.html
@@ -45,6 +45,9 @@
     </title>
     <link rel="shortcut icon" href="/assets/favicon.ico" />
     <link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />
+    <link rel="apple-touch-icon" sizes="152x152" href="/assets/touch-icon-ipad.png">
+    <link rel="apple-touch-icon" sizes="167x167" href="/assets/touch-icon-ipad-retina.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/assets/touch-icon-iphone-retina.png">
     <link rel="stylesheet" href={{ get_url(path="/style.css" , cachebust=true) }} />
     <script async src={{ get_url(path="/js/components.js" , cachebust=true) }}></script>
     <script defer data-domain="matrix.org" src="https://plausible.io/js/script.tagged-events.js"></script>