[code] updated manifest.json with correct icon properties and also changed ordering of icons in header to ensure that more high res .svg is chosen over lower res .ico file.

html/home.html

@@ -4,8 +4,8 @@
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>Home | Kube</title>
-        <link rel="icon" type="image/png" href="/assets/images/favicon-96x96.png" sizes="96x96" />
         <link rel="icon" type="image/svg+xml" href="/assets/images/favicon.svg" />
+        <link rel="icon" type="image/png" href="/assets/images/favicon-96x96.png" sizes="96x96" />
         <link rel="shortcut icon" href="/assets/images/favicon.ico" />
         <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon-apple.png" />
         <meta name="apple-mobile-web-app-title" content="Kube" />

html/login.html

@@ -4,8 +4,8 @@
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>Login | Kube</title>
-        <link rel="icon" type="image/png" href="/assets/images/favicon-96x96.png" sizes="96x96" />
         <link rel="icon" type="image/svg+xml" href="/assets/images/favicon.svg" />
+        <link rel="icon" type="image/png" href="/assets/images/favicon-96x96.png" sizes="96x96" />
         <link rel="shortcut icon" href="/assets/images/favicon.ico" />
         <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon-apple.png" />
         <meta name="apple-mobile-web-app-title" content="Kube" />

html/transport.html

@@ -4,8 +4,8 @@
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>Transport | Kube</title>
-        <link rel="icon" type="image/png" href="/assets/images/favicon-96x96.png" sizes="96x96" />
         <link rel="icon" type="image/svg+xml" href="/assets/images/favicon.svg" />
+        <link rel="icon" type="image/png" href="/assets/images/favicon-96x96.png" sizes="96x96" />
         <link rel="shortcut icon" href="/assets/images/favicon.ico" />
         <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon-apple.png" />
         <meta name="apple-mobile-web-app-title" content="Kube" />

manifest.json

@@ -4,19 +4,18 @@
   "lang": "en-GB",
   "icons": [
   {
-      "src": "/favicon-192x192.png",
+    "src": "/assets/images/favicon-192x192.png",
     "sizes": "192x192",
     "type": "image/png",
     "purpose": "maskable"
   },
   {
-      "src": "/favicon-512x512.png",
+    "src": "/assets/images/favicon-512x512.png",
     "sizes": "512x512",
     "type": "image/png",
     "purpose": "maskable"
   }
-  ],
-
+],
   "id": "/",
   "start_url": "/",
   "background_color": "#000000",