diff --git a/docs/index.html b/docs/index.html
index 2a9f918..9c7e2a7 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -8,7 +8,7 @@
     <meta property="og:title" content="scribe: Your audio, transcribed on your own GPU" />
     <meta property="og:description" content="An open-source alternative to Otter.ai that runs entirely on your own hardware. Whisper large-v3 transcription with optional speaker labels, wrapped in a web UI, an API and a CLI. No cloud, no..." />
     <meta property="og:type" content="website" />
-    <link rel="icon" href="data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20100%20100%27%3E%3Ctext%20y%3D%270.9em%27%20font-size%3D%2790%27%3E%F0%9F%8E%99%EF%B8%8F%3C/text%3E%3C/svg%3E" />
+    <link rel="icon" type="image/svg+xml" href="logo.svg" />
     <style>
 :root {
   --bg: #0b0f14; --panel: #11161d; --border: #1f2833; --text: #e6edf3;
@@ -103,7 +103,7 @@
       </nav>
       <header class="hero">
         <div class="pills"><span class="pill accent">Self-hosted</span><span class="pill">Working build</span></div>
-        <h1>scribe<span class="dot">.</span></h1>
+        <h1><img src="logo.svg" alt="" width="40" height="40" style="vertical-align: -6px; margin-right: 0.35rem; border-radius: 22%" />scribe<span class="dot">.</span></h1>
         <p class="lead">Your audio, transcribed on your own GPU.</p>
         <p class="desc">An open-source alternative to Otter.ai that runs entirely on your own hardware. Whisper large-v3 transcription with optional speaker labels, wrapped in a web UI, an API and a CLI. No cloud, no accounts, no per-minute billing. Your audio never leaves the machine.</p>
         <div class="actions">
diff --git a/docs/logo.svg b/docs/logo.svg
new file mode 100644
index 0000000..1ca018a
--- /dev/null
+++ b/docs/logo.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <rect x="0" y="0" width="512" height="512" rx="123" ry="123" fill="#0B0D10"/>
+  <g id="icon">
+    <!-- Speaker A: two bold bars, taller, dominant weight -->
+    <rect x="126" y="166" width="66" height="180" rx="33" fill="#4A9EFF"/>
+    <rect x="222" y="106" width="66" height="300" rx="33" fill="#4A9EFF"/>
+    <!-- Speaker B: offset shorter bar, distinct visual weight, interleaved -->
+    <rect x="318" y="226" width="66" height="60" rx="30" fill="#4A9EFF"/>
+    <!-- Contrast accent: small off-white dot marking a "speaker turn" cue -->
+    <circle cx="351" cy="166" r="20" fill="#F2F0EA"/>
+  </g>
+</svg>