Redoing the favicon completely

public/static/site.webmanifest

@@ -1,19 +1,21 @@
 {
-    "name": "",
-    "short_name": "",
-    "icons": [
-        {
-            "src": "/public/android-chrome-192x192.png",
-            "sizes": "192x192",
-            "type": "image/png"
-        },
-        {
-            "src": "/public/android-chrome-512x512.png",
-            "sizes": "512x512",
-            "type": "image/png"
-        }
-    ],
-    "theme_color": "#ffffff",
-    "background_color": "#ffffff",
-    "display": "standalone"
-}
+  "name": "YSTV Web Auth",
+  "short_name": "Web Auth",
+  "icons": [
+    {
+      "src": "/public/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/public/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}

templates/_head.tmpl

@@ -4,16 +4,12 @@
     <script src="https://code.jquery.com/jquery-3.7.0.slim.min.js"
             integrity="sha256-tG5mcZUtJsZvyKAxYLVXrmjKBVLd6VpVccqz/r4ypFE=" crossorigin="anonymous"></script>
     <link rel="stylesheet" href="/public/main.css"/>
-    <link rel="apple-touch-icon" sizes="180x180" href="/public/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/public/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/public/favicon-16x16.png">
-    <link rel="manifest" href="/public/site.webmanifest">
-    <link rel="mask-icon" href="/public/safari-pinned-tab.svg" color="#343434">
-    <link rel="shortcut icon" href="/public/favicon.ico">
-    <meta name="msapplication-TileColor" content="#343434">
-    <meta name="msapplication-config" content="/public/browserconfig.xml">
-    <meta name="theme-color" content="#ffffff">
-    <link rel="icon" type="image/x-icon" href="/public/favicon.ico">
+    <link rel="icon" type="image/png" href="/public/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="/public/favicon.svg" />
+    <link rel="shortcut icon" href="/public/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/public/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-title" content="YSTV Web Auth" />
+    <link rel="manifest" href="/public/site.webmanifest" />
     <link href="/public/bulma-calendar.min.css" rel="stylesheet">
     <script src="/public/bulma-calendar.min.js"></script>
     <link