UI: add DX favicon for browser tabs and update title branding (#12)

joeldickson · joel · web-flow · commit dadd1f1dd171 · 2026-03-22T22:12:50.000+07:00
Co-authored-by: Joel Dickson &lt;joel@users.noreply.github.com&gt;
diff --git a/src/Clientside/index.html b/src/Clientside/index.html
@@ -3,8 +3,10 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="alternate icon" type="image/png" href="/favicon.png" />
     <link rel="stylesheet" href="/fonts/inter.css" />
-    <title>DevEx Telemetry Dashboard</title>
+    <title>DX Telemetry Dashboard</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/src/Clientside/public/favicon.png b/src/Clientside/public/favicon.png
diff --git a/src/Clientside/public/favicon.svg b/src/Clientside/public/favicon.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="DX Telemetry icon">
+  <defs>
+    <linearGradient id="dxg" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#19C2C9"/>
+      <stop offset="100%" stop-color="#2D7FF9"/>
+    </linearGradient>
+  </defs>
+  <rect x="2" y="2" width="60" height="60" rx="14" fill="#102235"/>
+  <rect x="9" y="9" width="46" height="46" rx="10" fill="#13293F" stroke="rgba(255,255,255,0.10)"/>
+  <path d="M16 35 L24 35 L29 25 L34 43 L39 31 L45 31" fill="none" stroke="url(#dxg)" stroke-width="4.2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M45 31 L50 31 L50 18" fill="none" stroke="#E63E8D" stroke-width="4.2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
