diff --git a/dist/apple-touch-icon.png b/dist/apple-touch-icon.png
deleted file mode 100644
index d38a30821f..0000000000
Binary files a/dist/apple-touch-icon.png and /dev/null differ
diff --git a/dist/doc/html.md b/dist/doc/html.md
index 947243a5cb..1f1513f406 100644
--- a/dist/doc/html.md
+++ b/dist/doc/html.md
@@ -156,9 +156,9 @@ using some polyfill CDN service, like [cdn.polyfill.io](https://cdn.polyfill.io/
 just put it before the other scripts in the bottom of the page:
 
 ```html
-    <script src="https://cdn.polyfill.io/v1/polyfill.min.js"></script>
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
-    <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')</script>
+    <script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>
+    <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
+    <script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
     <script src="js/plugins.js"></script>
     <script src="js/main.js"></script>
 </body>
diff --git a/dist/icon.png b/dist/icon.png
new file mode 100644
index 0000000000..d75a215c16
Binary files /dev/null and b/dist/icon.png differ
diff --git a/dist/index.html b/dist/index.html
index 46ac39aaa7..0bad552495 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -7,7 +7,8 @@
         <meta name="description" content="">
         <meta name="viewport" content="width=device-width, initial-scale=1">
 
-        <link rel="apple-touch-icon" href="apple-touch-icon.png">
+        <link rel="manifest" href="site.webmanifest">
+        <link rel="apple-touch-icon" href="icon.png">
         <!-- Place favicon.ico in the root directory -->
 
         <link rel="stylesheet" href="css/normalize.css">
diff --git a/dist/site.webmanifest b/dist/site.webmanifest
new file mode 100644
index 0000000000..a539a68fb5
--- /dev/null
+++ b/dist/site.webmanifest
@@ -0,0 +1,8 @@
+{
+    "icons": [{
+        "src": "icon.png",
+        "sizes": "192x192",
+        "type": "image/png"
+    }],
+    "start_url": "/"
+}
diff --git a/src/apple-touch-icon.png b/src/apple-touch-icon.png
deleted file mode 100644
index d38a30821f..0000000000
Binary files a/src/apple-touch-icon.png and /dev/null differ
diff --git a/src/icon.png b/src/icon.png
new file mode 100644
index 0000000000..d75a215c16
Binary files /dev/null and b/src/icon.png differ
diff --git a/src/index.html b/src/index.html
index c85775ed22..c104d119b4 100644
--- a/src/index.html
+++ b/src/index.html
@@ -7,7 +7,8 @@
         <meta name="description" content="">
         <meta name="viewport" content="width=device-width, initial-scale=1">
 
-        <link rel="apple-touch-icon" href="apple-touch-icon.png">
+        <link rel="manifest" href="site.webmanifest">
+        <link rel="apple-touch-icon" href="icon.png">
         <!-- Place favicon.ico in the root directory -->
 
         <link rel="stylesheet" href="css/normalize.css">
diff --git a/src/site.webmanifest b/src/site.webmanifest
new file mode 100644
index 0000000000..a539a68fb5
--- /dev/null
+++ b/src/site.webmanifest
@@ -0,0 +1,8 @@
+{
+    "icons": [{
+        "src": "icon.png",
+        "sizes": "192x192",
+        "type": "image/png"
+    }],
+    "start_url": "/"
+}
diff --git a/test/file_existence.js b/test/file_existence.js
index 0713d97fb1..8eec5e176d 100644
--- a/test/file_existence.js
+++ b/test/file_existence.js
@@ -20,7 +20,6 @@ const expectedFilesInDistDir = [
     '.gitignore',
     '.htaccess',
     '404.html',
-    'apple-touch-icon.png',
     'browserconfig.xml',
 
     'css/', // for directories, a `/` character
@@ -41,6 +40,8 @@ const expectedFilesInDistDir = [
     'favicon.ico',
     'humans.txt',
 
+    'icon.png',
+
     'img/',
         'img/.gitignore',
 
@@ -55,6 +56,7 @@ const expectedFilesInDistDir = [
 
     'LICENSE.txt',
     'robots.txt',
+    'site.webmanifest',
     'tile-wide.png',
     'tile.png'