rewrite

favicon.svg

@@ -1,6 +1,31 @@
-<!-- save this as emoji-favicon.svg -->
-<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128">
-  <text x="50%" y="50%" font-size="110" text-anchor="middle" dominant-baseline="central">
-    🐱
-  </text>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="Catcrafts">
+  <!--
+    The ASCII cat, reified: ^ ^ caret eyes and the site's ">_" prompt as the
+    mouth — the cat speaks shell. The prompt sits left of centre on purpose;
+    prompts are left-aligned. Replaces the bare ">_" tile, which was honest
+    about the terminal but silent about the name.
+
+    Drawn as paths, not <text>. A text favicon depends on a font being available
+    at 16px in whatever context the browser rasterises it — including contexts
+    with no font stack at all — and falls back to a blank tile when it is not.
+    Paths always render.
+
+    The same geometry is inlined in RenderNav (Catcrafts.Shared-Views.cppm)
+    with CSS-variable colours. Change the drawing there too or the header and
+    the tab icon drift apart.
+  -->
+  <rect width="64" height="64" rx="12" fill="#0b0d10"/>
+  <!-- head: flat crown between two ears, rounded jaw -->
+  <path d="M9 22 L13 7 L25 15 L39 15 L51 7 L55 22 L55 44 Q55 56 43 56 L21 56 Q9 56 9 44 Z"
+        fill="none" stroke="#4cc2ff" stroke-width="5" stroke-linejoin="round"/>
+  <!-- eyes: the ^ ^ of a happy ASCII cat -->
+  <path d="M17 34 L23 27 L29 34 M35 34 L41 27 L47 34"
+        fill="none" stroke="#4cc2ff" stroke-width="5"
+        stroke-linecap="round" stroke-linejoin="round"/>
+  <!-- mouth: the shell prompt -->
+  <path d="M23 40 L29 45 L23 50"
+        fill="none" stroke="#e6e8ec" stroke-width="5"
+        stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M34 50 L42 50"
+        fill="none" stroke="#e6e8ec" stroke-width="5" stroke-linecap="round"/>
 </svg>