From 292d282931fa1e471479fcd55ee34c87f20e3178 Mon Sep 17 00:00:00 2001
From: James Pepper <james@bitsleuth.ai>
Date: Tue, 23 Jun 2026 12:41:17 +0100
Subject: [PATCH] Replace dynamic icon with static SVG
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Remove the Next.js ImageResponse-based icon component (src/app/icon.tsx) and add a static SVG asset (src/app/icon.svg). The new 32x32 SVG includes a rounded dark background and a purple stroked circle+handle design (hsl colors preserved). This simplifies the build by using a static file instead of runtime edge image generation and updates the icon dimensions to 32×32.
---
 src/app/icon.svg |  7 +++++++
 src/app/icon.tsx | 45 ---------------------------------------------
 2 files changed, 7 insertions(+), 45 deletions(-)
 create mode 100644 src/app/icon.svg
 delete mode 100644 src/app/icon.tsx

diff --git a/src/app/icon.svg b/src/app/icon.svg
new file mode 100644
index 0000000..18ff582
--- /dev/null
+++ b/src/app/icon.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" rx="6" fill="hsl(0 0% 12%)"/>
+  <g transform="translate(4 4)" fill="none" stroke="hsl(276 100% 68.4%)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
+    <circle cx="11" cy="11" r="8"/>
+    <line x1="21" y1="21" x2="16.65" y2="16.65"/>
+  </g>
+</svg>
diff --git a/src/app/icon.tsx b/src/app/icon.tsx
deleted file mode 100644
index a492fc5..0000000
--- a/src/app/icon.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { ImageResponse } from 'next/og'
-
-export const runtime = 'edge'
-
-export const size = {
-  width: 32,
-  height: 32,
-}
-export const contentType = 'image/png'
-
-export default function Icon() {
-  return new ImageResponse(
-    (
-      <div
-        style={{
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center',
-          width: '100%',
-          height: '100%',
-          borderRadius: '6px',
-          background: 'hsl(0 0% 12%)', // Dark background
-        }}
-      >
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="24"
-          height="24"
-          viewBox="0 0 24 24"
-          fill="none"
-          stroke="hsl(276 100% 68.4%)" // Vibrant purple
-          strokeWidth="2.5"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        >
-          <circle cx="11" cy="11" r="8" />
-          <line x1="21" y1="21" x2="16.65" y2="16.65" />
-        </svg>
-      </div>
-    ),
-    {
-      ...size,
-    }
-  )
-}