diff --git a/src/public/images/app-icons/ios/apple-touch-icon.png b/src/public/images/app-icons/ios/apple-touch-icon.png
new file mode 100644
index 000000000..a8850d86c
Binary files /dev/null and b/src/public/images/app-icons/ios/apple-touch-icon.png differ
diff --git a/src/views/login.ejs b/src/views/login.ejs
index 8627882ac..f18a87cf6 100644
--- a/src/views/login.ejs
+++ b/src/views/login.ejs
@@ -4,6 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <title>Login</title>
+    <link rel="apple-touch-icon" sizes="180x180" href="/images/app-icons/ios/apple-touch-icon.png">
 </head>
 <body>
 <div class="container">
@@ -71,7 +72,7 @@
         document.cookie = name + "=" + (value || "")  + expires + "; path=/";
     }
 </script>
-
-<link href="libraries/bootstrap/css/bootstrap.min.css" rel="stylesheet">
-</body>
+
+<link href="libraries/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+</body>
 </html>
\ No newline at end of file
diff --git a/src/views/mobile.ejs b/src/views/mobile.ejs
index 79ad116e1..ea37c358b 100644
--- a/src/views/mobile.ejs
+++ b/src/views/mobile.ejs
@@ -4,6 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <title>Trilium Notes</title>
+    <link rel="apple-touch-icon" sizes="180x180" href="/images/app-icons/ios/apple-touch-icon.png">
 </head>
 <body class="mobile">
 <div class="row" id="container-row" style="display: none;">
@@ -101,7 +102,7 @@
 <script type="text/javascript">
     // we hide container initally because otherwise it is rendered first without CSS and then flickers into
     // final form which is pretty ugly.
-    $("#container-row").show();
-</script>
-</body>
+    $("#container-row").show();
+</script>
+</body>
 </html>
\ No newline at end of file
