Use updated favicon files

layouts/partials/paige/links.html

@@ -4,28 +4,24 @@
     <link href="{{ relLangURL `apple-touch-icon.png` }}" rel="apple-touch-icon" sizes="180x180">
 {{ end }}
 
-{{ if fileExists "static/favicon.ico" }}
+{{ if fileExists "static/favicon-96x96.png" }}
-    <link href="{{ relLangURL `favicon.ico` }}" rel="shortcut icon">
+    <link href="{{ relLangURL `favicon-96x96.png` }}" rel="icon" sizes="16x16" type="image/png">
 {{ end }}
 
-{{ if fileExists "static/favicon.png" }}
+{{ if fileExists "static/favicon.ico" }}
-    <link href="{{ relLangURL `favicon.png` }}" rel="icon" type="image/png">
+    <link href="{{ relLangURL `favicon.ico` }}" rel="shortcut icon">
 {{ end }}
 
 {{ if fileExists "static/favicon.svg" }}
     <link href="{{ relLangURL `favicon.svg` }}" rel="icon" type="image/svg+xml">
 {{ end }}
 
-{{ if fileExists "static/favicon-16x16.png" }}
+{{ if fileExists "static/web-app-manifest-192x192.png" }}
-    <link href="{{ relLangURL `favicon-16x16.png` }}" rel="icon" sizes="16x16" type="image/png">
+    <link href="{{ relLangURL `web-app-manifest-192x192.png` }}" rel="icon" type="image/svg+xml">
-{{ end }}
-
-{{ if fileExists "static/favicon-32x32.png" }}
-    <link href="{{ relLangURL `favicon-32x32.png` }}" rel="icon" sizes="32x32" type="image/png">
 {{ end }}
 
-{{ if fileExists "static/safari-pinned-tab.svg" }}
+{{ if fileExists "static/web-app-manifest-512x512.png" }}
-    <link color="{{ $page.Param `paige.site.color` | default `#0d6efd` }}" href="{{ relLangURL `safari-pinned-tab.svg` }}" rel="mask-icon">
+    <link href="{{ relLangURL `web-app-manifest-512x512.png` }}" rel="icon" type="image/svg+xml">
 {{ end }}
 
 {{ if fileExists "assets/site.webmanifest" }}