diff --git a/docs/layouts/partials/head.html b/docs/layouts/partials/head.html
index 53a64ca8..d0a3a3b3 100644
--- a/docs/layouts/partials/head.html
+++ b/docs/layouts/partials/head.html
@@ -4,6 +4,7 @@
   ({{ .Section | humanize | title -}}) · {{ .Site.Title -}}
   {{- end -}}</title>
 
+<link rel="manifest" href="/manifest.json">
 <meta name="color-scheme" content="light dark">
 <meta name="theme-color" content="#0e416c">
 {{ $themeToggle := resources.Get "js/theme-toggle.js" }}
diff --git a/docs/static/manifest.json b/docs/static/manifest.json
new file mode 100644
index 00000000..9cae16ff
--- /dev/null
+++ b/docs/static/manifest.json
@@ -0,0 +1,39 @@
+{
+  "name": "Modus Icons",
+  "short_name": "Modus Icons",
+  "start_url": "/?utm_source=a2hs",
+  "display": "standalone",
+  "lang": "en-us",
+  "background_color": "#f1f1f6",
+  "theme_color": "#0e416c",
+  "icons": [
+    {
+      "src": "favicon.svg",
+      "sizes": "512x512",
+      "type": "image/svg+xml"
+    }
+  ],
+  "shortcuts": [
+    {
+      "name": "Modus Solid Icons",
+      "short_name": "Solid",
+      "description": "View all the Modus Solid Icons",
+      "url": "/modus-solid/",
+      "icons": [{ "src": "/modus-solid/svg/thumbs-up.svg", "sizes": "512x512" }]
+    },
+    {
+      "name": "Modus Outlined Icons",
+      "short_name": "Outlined",
+      "description": "View all the Modus Solid Icons",
+      "url": "/modus-outlined/",
+      "icons": [{ "src": "/modus-outlined/svg/thumbs-up.svg", "sizes": "512x512" }]
+    },
+    {
+      "name": "Modus Transportation Icons",
+      "short_name": "Transportation",
+      "description": "View all the Transportation Icons",
+      "url": "/transportation/",
+      "icons": [{ "src": "/transportation/svg/truck.svg", "sizes": "512x512" }]
+    }
+  ]
+}