diff --git a/src/app/hq-command/icon.tsx b/src/app/hq-command/icon.tsx
new file mode 100644
index 0000000..0574046
--- /dev/null
+++ b/src/app/hq-command/icon.tsx
@@ -0,0 +1,59 @@
+// src/app/hq-command/icon.tsx
+// ─────────────────────────────────────────────────────────────────────────────
+// Programmatic favicon for the HQ Command Center.
+// Uses Next.js App Router icon convention — generates a square PNG on demand,
+// so no external image file is needed and it never looks stretched.
+//
+// Design: dark rounded square with a cyan "F" glyph, matching the command
+// center's dark-mode aesthetic (#050505 bg + #00F0FF accent).
+// ─────────────────────────────────────────────────────────────────────────────
+
+import { ImageResponse } from "next/og";
+
+export const size = { width: 32, height: 32 };
+export const contentType = "image/png";
+export default function Icon() {
+  return new ImageResponse(
+    (
+      <div
+        style={{
+          width: "100%",
+          height: "100%",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          background: "#0A0A0F",
+          borderRadius: "6px",
+        }}
+      >
+        {/* Subtle accent ring */}
+        <div
+          style={{
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            width: "28px",
+            height: "28px",
+            borderRadius: "5px",
+            border: "1.5px solid rgba(0, 240, 255, 0.3)",
+            background: "linear-gradient(135deg, #0A0A1A 0%, #0D1117 100%)",
+          }}
+        >
+          <span
+            style={{
+              color: "#00F0FF",
+              fontSize: "18px",
+              fontWeight: 900,
+              fontFamily: "Inter, system-ui, -apple-system, sans-serif",
+              lineHeight: 1,
+              marginTop: "-1px",
+            }}
+          >
+            F
+          </span>
+        </div>
+      </div>
+    ),
+    { ...size },
+  );
+}