feat(ui): use SVG for browser favicon

internal/template/templates/common/layout.html

@@ -16,14 +16,8 @@
 
     <link rel="manifest" href="{{ routePath "/manifest.json" }}" crossorigin="use-credentials">
 
-    <link rel="icon" type="image/png" sizes="16x16" href="{{ iconPath "icon-16.png" }}">
-    <link rel="icon" type="image/png" sizes="32x32" href="{{ iconPath "icon-32.png" }}">
-    <link rel="icon" type="image/png" sizes="128x128" href="{{ iconPath "icon-128.png" }}">
-    <link rel="icon" type="image/png" sizes="192x192" href="{{ iconPath "icon-192.png" }}">
-    <link rel="apple-touch-icon" sizes="120x120" href="{{ iconPath "icon-120.png" }}">
-    <link rel="apple-touch-icon" sizes="152x152" href="{{ iconPath "icon-152.png" }}">
-    <link rel="apple-touch-icon" sizes="167x167" href="{{ iconPath "icon-167.png" }}">
-    <link rel="apple-touch-icon" sizes="180x180" href="{{ iconPath "icon-180.png" }}">
+    <link rel="apple-touch-icon" href="{{ iconPath "icon-180.png" }}">
+    <link rel="icon" href="{{ iconPath "icon.svg" }}">
 
     {{ $cspNonce := nonce }}
     {{ csp .user $cspNonce | safeHTML }}

internal/ui/static/bin/icon.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <style>
+    path { fill: #000; }
+    rect { fill: #fff; }
+    @media (prefers-color-scheme: dark) {
+      path { fill: #fff; }
+      rect { fill: #000; }
+    }
+  </style>
+  <rect width="512" height="512"/>
+  <path d="M178.24,117a95.75,95.75,0,0,1,45.48-11q50.36,0,64.16,43.8a139.1,139.1,0,0,1,37.57-31.07q22.13-12.73,49.34-12.73,37.77,0,54,23.08T445,198.38v174c0,4.35.61,7.3,1.83,8.88s3.86,3,7.92,4.14L469,390.14v10.65H384.53q-11,0-15.83-8.29t-4.88-24.86V187.73q0-26.64-5.89-37.88T338.24,138.6q-21.93,0-46.7,26A210,210,0,0,1,294,198.38v174c0,4.35.61,7.3,1.83,8.88s3.86,3,7.92,4.14l14.21,4.74v10.65H233.47q-11,0-15.84-8.29t-4.88-24.86V187.73q0-26.64-5.88-37.88t-19.7-11.25q-21.53,0-44.26,23.68v210.1c0,4.35.6,7.4,1.82,9.17s3.72,3.26,7.52,4.44l13.8,4.15v10.65H37.73V390.14l14.21-4.74q6.09-1.77,7.92-4.14c1.22-1.58,1.83-4.53,1.83-8.88V148.67q0-6.51-1.83-8.88t-7.92-4.15l-14.21-4.73V120.26l97.46-17.76h6.9v41.43A142.53,142.53,0,0,1,178.24,117Z"/>
+</svg>