[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

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