diff --git a/favicon.png b/favicon.png
new file mode 100644
index 0000000..c794a62
Binary files /dev/null and b/favicon.png differ
diff --git a/img/icon-512.png b/img/icon-512.png
new file mode 100644
index 0000000..8560479
Binary files /dev/null and b/img/icon-512.png differ
diff --git a/index.html b/index.html
index e2734f8..6a51068 100644
--- a/index.html
+++ b/index.html
@@ -7,6 +7,11 @@
     <link rel="stylesheet" href="www/lib/codemirror/lib/codemirror.css" charset="utf-8">
     <link rel="stylesheet" href="www/lib/codemirror/theme/tomorrow-night.css" charset="utf-8">
     <link rel="stylesheet" href="css/main.css?cachebust=2" charset="utf-8">
+    <link rel="apple-touch-icon" href="/img/icon-512.png">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
+    <link rel="manifest" href="/manifest.json">
+    <link rel="icon" type="image/png" href="/img/icon-512.png">
   </head>
   <body>
     <header id="header">
diff --git a/manifest.json b/manifest.json
new file mode 100644
index 0000000..4560390
--- /dev/null
+++ b/manifest.json
@@ -0,0 +1,24 @@
+{
+  "id": "online-json-diff",
+  "name": "Online JSON Diff",
+  "short_name": "JSON DIff",
+  "description": "Online JSON Compare Diff Finder",
+  "start_url": "https://www.json-diff.com",
+  "display": "standalone",
+  "background_color": "#ffffff",
+  "theme_color": "#000000",
+  "icons": [
+    {
+      "purpose": "any",
+      "src": "/img/icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    },
+    {
+      "purpose":"maskable",
+      "src": "/img/icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ]
+}
