From 738f5a348a4378289040f19497bc9c62ba5642ac Mon Sep 17 00:00:00 2001
From: Brian Rosner <brian@brosner.com>
Date: Sat, 16 Aug 2025 09:50:31 -0600
Subject: [PATCH] feat: add SVG favicon with lowercase 'b' using site font;
 configure head to use it with .ico fallback

---
 nuxt.config.ts     |  5 ++++-
 public/favicon.svg | 17 +++++++++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)
 create mode 100644 public/favicon.svg

diff --git a/nuxt.config.ts b/nuxt.config.ts
index 060186c..15cc6be 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -9,7 +9,10 @@ export default defineNuxtConfig({
   },
   app: {
     head: {
-      link: []
+      link: [
+        { rel: 'icon', type: 'image/svg+xml', href: '/favicon.svg' },
+        { rel: 'alternate icon', type: 'image/x-icon', href: '/favicon.ico' }
+      ]
     }
   }
 })
diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..a731f8a
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
+  <defs>
+    <style>
+      .bg { fill: #111111; }
+      .txt {
+        fill: #ffffff;
+        font-family: "Roboto Slab Variable", Roboto, "Helvetica Neue", Arial, sans-serif;
+        font-weight: 700;
+        font-size: 88px;
+      }
+    </style>
+  </defs>
+  <rect class="bg" x="0" y="0" width="128" height="128" rx="24" ry="24" />
+  <text class="txt" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">b</text>
+</svg>
+
+