Add favicon with clock icon representing queue/wait times

rayraycodes · rayraycodes · commit e129db4bb079 · 2026-03-01T14:25:51.000-05:00
Made-with: Cursor
diff --git a/index.html b/index.html
@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>OPD System - Hospital Queue Management</title>
     <meta name="description" content="Real-time token tracking, multilingual support, and accessibility-first design for high-volume South Asian outpatient departments" />
+    <link rel="icon" type="image/svg+xml" href="/Opdsystem/favicon.svg" />
   </head>
   <body>
     <div id="root"></div>
diff --git a/public/favicon.svg b/public/favicon.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <defs>
+    <linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#0d9488"/>
+      <stop offset="100%" style="stop-color:#0f766e"/>
+    </linearGradient>
+  </defs>
+  <rect width="32" height="32" rx="6" fill="url(#grad)"/>
+  <path d="M16 6C10.48 6 6 10.48 6 16s4.48 10 10 10 10-4.48 10-10S21.52 6 16 6zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" fill="white" opacity="0.9"/>
+  <path d="M16 10v6l4 2" stroke="white" stroke-width="2" stroke-linecap="round" fill="none"/>
+  <circle cx="16" cy="16" r="1.5" fill="white"/>
+</svg>
