Feat: add stethoscope+pencil favicon in SVG, ICO, and PNG sizes

docker-compose.yml

@@ -1,6 +1,6 @@
 services:
   pediatric-scribe:
-    image: danielonyejesi/pediatric-ai-scribe-v3:v1.9
+    image: danielonyejesi/pediatric-ai-scribe-v3:v2.0
     ports:
       - "3552:3000"
     env_file:

public/icons/icon.svg

@@ -0,0 +1,53 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <defs>
+    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#2563eb"/>
+      <stop offset="100%" style="stop-color:#7c3aed"/>
+    </linearGradient>
+    <linearGradient id="shine" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" style="stop-color:#ffffff;stop-opacity:0.15"/>
+      <stop offset="100%" style="stop-color:#ffffff;stop-opacity:0"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background circle -->
+  <circle cx="256" cy="256" r="256" fill="url(#bg)"/>
+  <circle cx="256" cy="256" r="256" fill="url(#shine)"/>
+
+  <!-- Stethoscope tubing — Y shape going down to chest piece -->
+  <!-- Left ear tube -->
+  <path d="M 168 110 C 155 110 140 118 136 138 L 128 210"
+        stroke="white" stroke-width="22" fill="none" stroke-linecap="round"/>
+  <!-- Right ear tube -->
+  <path d="M 344 110 C 357 110 372 118 376 138 L 384 210"
+        stroke="white" stroke-width="22" fill="none" stroke-linecap="round"/>
+  <!-- Join and go down -->
+  <path d="M 128 210 C 128 240 148 260 178 265 L 256 270 L 334 265 C 364 260 384 240 384 210"
+        stroke="white" stroke-width="22" fill="none" stroke-linecap="round"/>
+  <!-- Stem down to chest piece -->
+  <path d="M 256 270 L 256 330"
+        stroke="white" stroke-width="22" fill="none" stroke-linecap="round"/>
+
+  <!-- Chest piece circle -->
+  <circle cx="256" cy="368" r="46" fill="white"/>
+  <circle cx="256" cy="368" r="30" fill="url(#bg)"/>
+  <circle cx="256" cy="368" r="14" fill="white" opacity="0.9"/>
+
+  <!-- Ear tips -->
+  <circle cx="168" cy="108" r="16" fill="white"/>
+  <circle cx="344" cy="108" r="16" fill="white"/>
+
+  <!-- Pencil / scribe accent — bottom right -->
+  <g transform="translate(340, 340) rotate(-35)">
+    <!-- Pencil body -->
+    <rect x="-10" y="-52" width="20" height="68" rx="3" fill="#fbbf24"/>
+    <!-- Pencil tip -->
+    <polygon points="-10,16 10,16 0,38" fill="#f59e0b"/>
+    <!-- Pencil tip point -->
+    <polygon points="-5,30 5,30 0,38" fill="#1f2937"/>
+    <!-- Eraser band -->
+    <rect x="-10" y="-52" width="20" height="10" rx="2" fill="#f87171"/>
+    <!-- Pencil lines -->
+    <line x1="-10" y1="-26" x2="10" y2="-26" stroke="#e78c0a" stroke-width="1.5"/>
+  </g>
+</svg>

public/index.html

@@ -12,7 +12,12 @@
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
   <meta name="apple-mobile-web-app-title" content="PedScribe">
-  <link rel="apple-touch-icon" href="/icons/icon-192.png">
+  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <link rel="icon" type="image/svg+xml" href="/icons/icon.svg">
+  <link rel="icon" type="image/png" sizes="32x32" href="/icons/icon-32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/icons/icon-16.png">
+  <link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192.png">
+  <link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512.png">
   <script>if (localStorage.getItem('ped_scribe_token')) { document.documentElement.classList.add('has-session'); }</script>
   <style>html.has-session #auth-screen { display: none !important; }</style>
 </head>