Add icons to webmanifest

src/routes/manifest.webmanifest/+server.ts

@@ -1,6 +1,8 @@
 import { json } from "@sveltejs/kit";
 import type { RequestHandler } from './$types';
-import favicon from '$lib/assets/favicon.svg?url';
+import logo from '$lib/assets/round-logo.svg';
+import maskableLogo from '$lib/assets/maps-logo-maskable.svg';
+import appleLogo from '$lib/assets/apple-touch-icon.png';
 
 export const prerender = true;
 
@@ -10,15 +12,28 @@ export const GET: RequestHandler = ({ url }) => {
         short_name: "OwlBoard Maps",
         start_url: "/",
         display: "standalone",
-        theme_color: "#ff6600",
-        background_color: "#ffffff",
+        theme_color: "#3c6f79",
+        background_color: "#3d4952",
         icons: [
             {
-                src: favicon,
+                src: logo,
                 sizes: "any",
-                type: "image/svg+xml"
-            }
-        ]
+                type: "image/svg+xml",
+                purpose: "any",
+            },
+            {
+                src: maskableLogo,
+                sizes: "any",
+                type: "image/svg+xml",
+                purpose: "maskable",
+            },
+            {
+                src: appleLogo,
+                sizes: "180x180",
+                type: "image/png",
+                purpose: "any",
+            },
+        ],
     };
 
     return json(manifest, {