diff --git a/packages/client/copy-diagram-resources.js b/packages/client/copy-diagram-resources.js
index 1d65d37f..dc8ca406 100755
--- a/packages/client/copy-diagram-resources.js
+++ b/packages/client/copy-diagram-resources.js
@@ -64,6 +64,12 @@ const buildManifestJson = () => {
         sizes: '512x512',
         type: 'image/png',
       },
+      {
+        src: '/maskable.png',
+        sizes: '192x192',
+        type: 'image/png',
+        purpose: 'maskable',
+      },
     ],
   });
 };
diff --git a/packages/client/public/maskable.png b/packages/client/public/maskable.png
new file mode 100644
index 00000000..5b76c8f1
Binary files /dev/null and b/packages/client/public/maskable.png differ
diff --git a/packages/client/src/pages/_app.tsx b/packages/client/src/pages/_app.tsx
index d5fe24de..cd361159 100644
--- a/packages/client/src/pages/_app.tsx
+++ b/packages/client/src/pages/_app.tsx
@@ -34,6 +34,7 @@ function MyApp({ Component, pageProps }: AppProps) {
         <meta property="og:description" content={process.env.SEO_DESCRIPTION} />
         <meta property="og:site_name" content={process.env.SEO_APPNAME} />
         <link rel="manifest" href="/manifest.json" />
+        <link rel="apple-touch-icon" href="/icon192.png" />
         {((process.env.DNS_PREFETCH || []) as string[]).map((url) => (
           <link key={url} rel="dns-prefetch" href={url} />
         ))}
diff --git a/packages/client/public/diagram.js b/packages/client/src/thirtypart/diagram/diagram.js
similarity index 100%
rename from packages/client/public/diagram.js
rename to packages/client/src/thirtypart/diagram/diagram.js