diff --git a/docs/logo-icon.svg b/docs/logo-icon.svg
new file mode 100644
index 00000000..531a71d0
--- /dev/null
+++ b/docs/logo-icon.svg
@@ -0,0 +1,47 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" role="img" aria-label="Graphify">
+  <defs>
+    <style>
+      .edge { stroke: #22c55e; stroke-width: 1.1; stroke-linecap: round; opacity: 0.55; fill: none; }
+      .edge-hot { stroke: #4ade80; stroke-width: 1.2; stroke-linecap: round; opacity: 0.9; fill: none; }
+      .node { fill: #040806; stroke: #22c55e; stroke-width: 1.3; }
+      .node-hub { fill: #0a1410; stroke: #4ade80; stroke-width: 1.6; }
+      .node-amber { fill: #040806; stroke: #f59e0b; stroke-width: 1.3; }
+      .node-amber-core { fill: #f59e0b; }
+      .node-core { fill: #22c55e; }
+      .node-hub-core { fill: #4ade80; }
+    </style>
+  </defs>
+
+  <!-- subtle halo around hub -->
+  <circle cx="24" cy="24" r="11" fill="none" stroke="#22c55e" stroke-width="0.4" opacity="0.18"/>
+
+  <!-- edges: hub to satellites -->
+  <line class="edge-hot" x1="24" y1="24" x2="10"  y2="11"/>
+  <line class="edge-hot" x1="24" y1="24" x2="39"  y2="14"/>
+  <line class="edge-hot" x1="24" y1="24" x2="38"  y2="36"/>
+  <line class="edge-hot" x1="24" y1="24" x2="11"  y2="37"/>
+
+  <!-- perimeter edges -->
+  <line class="edge" x1="10" y1="11" x2="39" y2="14"/>
+  <line class="edge" x1="39" y1="14" x2="38" y2="36"/>
+  <line class="edge" x1="38" y1="36" x2="11" y2="37"/>
+  <line class="edge" x1="11" y1="37" x2="10" y2="11"/>
+
+  <!-- satellite nodes -->
+  <circle class="node"       cx="10" cy="11" r="2.6"/>
+  <circle class="node-core"  cx="10" cy="11" r="1.1"/>
+
+  <circle class="node"       cx="39" cy="14" r="2.6"/>
+  <circle class="node-core"  cx="39" cy="14" r="1.1"/>
+
+  <!-- amber accent node -->
+  <circle class="node-amber"      cx="38" cy="36" r="2.8"/>
+  <circle class="node-amber-core" cx="38" cy="36" r="1.25"/>
+
+  <circle class="node"       cx="11" cy="37" r="2.6"/>
+  <circle class="node-core"  cx="11" cy="37" r="1.1"/>
+
+  <!-- central hub / god-node -->
+  <circle class="node-hub"      cx="24" cy="24" r="4.4"/>
+  <circle class="node-hub-core" cx="24" cy="24" r="1.8"/>
+</svg>