diff --git a/src/app.html b/src/app.html
index 64d3d21f..9fd76e48 100644
--- a/src/app.html
+++ b/src/app.html
@@ -14,6 +14,7 @@
 			content="Simplify documentation and avoid heavy tools. Open source Visio Alternative. Commonly used for explaining your code! Mermaid is a simple markdown-like script language for generating charts from text via javascript."
 		/>
 		<link rel="icon" type="image/png" href="favicon.png" />
+		<link rel="manifest" href="manifest.json" />
 		<link
 			rel="stylesheet"
 			href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"
diff --git a/src/routes/manifest.json.ts b/src/routes/manifest.json.ts
new file mode 100644
index 00000000..5d8e9b0c
--- /dev/null
+++ b/src/routes/manifest.json.ts
@@ -0,0 +1,27 @@
+import { base } from '$app/paths';
+export const get = (): { body: any } => {
+	return {
+		body: {
+			short_name: 'Mermaid',
+			name: 'Mermaid Live Editor',
+			icons: [
+				{
+					src: `${base}/icon-192.png`,
+					type: 'image/png',
+					sizes: '192x192'
+				},
+				{
+					src: `${base}/icon-512.png`,
+					type: 'image/png',
+					sizes: '512x512'
+				}
+			],
+			start_url: `${base}/edit`,
+			background_color: '#3367D6',
+			display: 'standalone',
+			scope: `${base}`,
+			theme_color: '#3367D6',
+			description: 'Description'
+		}
+	};
+};
diff --git a/static/icon-192.png b/static/icon-192.png
new file mode 100644
index 00000000..f7e1344f
Binary files /dev/null and b/static/icon-192.png differ
diff --git a/static/icon-512.png b/static/icon-512.png
new file mode 100644
index 00000000..3a204f57
Binary files /dev/null and b/static/icon-512.png differ