diff --git a/images/favicon-16x16.png b/images/icons/favicon-16x16.png
similarity index 100%
rename from images/favicon-16x16.png
rename to images/icons/favicon-16x16.png
diff --git a/images/favicon-32x32.png b/images/icons/favicon-32x32.png
similarity index 100%
rename from images/favicon-32x32.png
rename to images/icons/favicon-32x32.png
diff --git a/images/icons/icon_x512.png b/images/icons/icon_x512.png
new file mode 100644
index 00000000..f1f8c9aa
Binary files /dev/null and b/images/icons/icon_x512.png differ
diff --git a/images/icons/maskable_icon_x128.png b/images/icons/maskable_icon_x128.png
new file mode 100644
index 00000000..fa877d1b
Binary files /dev/null and b/images/icons/maskable_icon_x128.png differ
diff --git a/images/icons/maskable_icon_x192.png b/images/icons/maskable_icon_x192.png
new file mode 100644
index 00000000..3322eab3
Binary files /dev/null and b/images/icons/maskable_icon_x192.png differ
diff --git a/images/icons/maskable_icon_x384.png b/images/icons/maskable_icon_x384.png
new file mode 100644
index 00000000..c7e7e705
Binary files /dev/null and b/images/icons/maskable_icon_x384.png differ
diff --git a/images/icons/maskable_icon_x512.png b/images/icons/maskable_icon_x512.png
new file mode 100644
index 00000000..5b2361fd
Binary files /dev/null and b/images/icons/maskable_icon_x512.png differ
diff --git a/index.html b/index.html
index a10ae6ec..c7504ab8 100644
--- a/index.html
+++ b/index.html
@@ -11,9 +11,11 @@
     <meta property="og:title" content="Azgaar's Fantasy Map Generator" />
     <meta property="og:description" content="Web application generating interactive and customizable maps" />
     <meta property="og:image" content="images/preview.png" />
-    <link rel="icon" type="image/png" href="images/favicon-32x32.png" sizes="32x32" />
-    <link rel="icon" type="image/png" href="images/favicon-16x16.png" sizes="16x16" />
+    <link rel="icon" type="image/png" href="images/icons/favicon-32x32.png" sizes="32x32" />
+    <link rel="icon" type="image/png" href="images/icons/favicon-16x16.png" sizes="16x16" />
+    <link rel="apple-touch-icon" href="images/icons/maskable_icon_x192" />
     <link rel="canonical" href="https://azgaar.github.io/Fantasy-Map-Generator/" />
+    <link rel="manifest" href="manifest.webmanifest" />
 
     <!-- inline css for loading screen -->
     <style type="text/css">
diff --git a/manifest.webmanifest b/manifest.webmanifest
new file mode 100644
index 00000000..919552a5
--- /dev/null
+++ b/manifest.webmanifest
@@ -0,0 +1,42 @@
+{
+  "theme_color": "#466eab",
+  "background_color": "#fff",
+  "display": "standalone",
+  "orientation": "landscape",
+  "scope": "/",
+  "start_url": "/",
+  "name": "Azgaar's Fantansy Map Generator",
+  "short_name": "Azgaar's Fantansy Map Generator",
+  "description": "Web application generating interactive and highly customizable maps",
+  "icons": [
+    {
+      "src": "images/icons/icon_x512",
+      "sizes": "512x512",
+      "type": "image/png"
+    },
+    {
+      "src": "images/icons/maskable_icon_x512",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "images/icons/maskable_icon_x384",
+      "sizes": "384x384",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "images/icons/maskable_icon_x192",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "images/icons/maskable_icon_x128",
+      "sizes": "128x128",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ]
+}