diff --git a/apps/microbridge-ui/src-tauri/Cargo.lock b/apps/microbridge-ui/src-tauri/Cargo.lock
index 45c976f..f2be747 100644
--- a/apps/microbridge-ui/src-tauri/Cargo.lock
+++ b/apps/microbridge-ui/src-tauri/Cargo.lock
@@ -1719,7 +1719,7 @@ dependencies = [
 
 [[package]]
 name = "mb-protocol"
-version = "0.0.1"
+version = "0.1.0"
 dependencies = [
  "serde",
 ]
@@ -1741,7 +1741,7 @@ dependencies = [
 
 [[package]]
 name = "microbridge-ui"
-version = "0.0.1"
+version = "0.1.0"
 dependencies = [
  "mb-protocol",
  "serde",
diff --git a/apps/microbridge-ui/src-tauri/icons/128x128.png b/apps/microbridge-ui/src-tauri/icons/128x128.png
new file mode 100644
index 0000000..bddba39
Binary files /dev/null and b/apps/microbridge-ui/src-tauri/icons/128x128.png differ
diff --git a/apps/microbridge-ui/src-tauri/icons/128x128@2x.png b/apps/microbridge-ui/src-tauri/icons/128x128@2x.png
new file mode 100644
index 0000000..c007107
Binary files /dev/null and b/apps/microbridge-ui/src-tauri/icons/128x128@2x.png differ
diff --git a/apps/microbridge-ui/src-tauri/icons/32x32.png b/apps/microbridge-ui/src-tauri/icons/32x32.png
new file mode 100644
index 0000000..9409c57
Binary files /dev/null and b/apps/microbridge-ui/src-tauri/icons/32x32.png differ
diff --git a/apps/microbridge-ui/src-tauri/icons/64x64.png b/apps/microbridge-ui/src-tauri/icons/64x64.png
new file mode 100644
index 0000000..89a58c3
Binary files /dev/null and b/apps/microbridge-ui/src-tauri/icons/64x64.png differ
diff --git a/apps/microbridge-ui/src-tauri/icons/icon.icns b/apps/microbridge-ui/src-tauri/icons/icon.icns
new file mode 100644
index 0000000..8eaa3aa
Binary files /dev/null and b/apps/microbridge-ui/src-tauri/icons/icon.icns differ
diff --git a/apps/microbridge-ui/src-tauri/icons/icon.ico b/apps/microbridge-ui/src-tauri/icons/icon.ico
new file mode 100644
index 0000000..f2edfde
Binary files /dev/null and b/apps/microbridge-ui/src-tauri/icons/icon.ico differ
diff --git a/apps/microbridge-ui/src-tauri/icons/icon.png b/apps/microbridge-ui/src-tauri/icons/icon.png
index fa029fc..fba0dd9 100644
Binary files a/apps/microbridge-ui/src-tauri/icons/icon.png and b/apps/microbridge-ui/src-tauri/icons/icon.png differ
diff --git a/apps/microbridge-ui/src-tauri/icons/tray.png b/apps/microbridge-ui/src-tauri/icons/tray.png
new file mode 100644
index 0000000..960aa01
Binary files /dev/null and b/apps/microbridge-ui/src-tauri/icons/tray.png differ
diff --git a/apps/microbridge-ui/src-tauri/src/lib.rs b/apps/microbridge-ui/src-tauri/src/lib.rs
index 2eb3a3b..1a3ba32 100644
--- a/apps/microbridge-ui/src-tauri/src/lib.rs
+++ b/apps/microbridge-ui/src-tauri/src/lib.rs
@@ -220,13 +220,13 @@ pub fn run() {
             let _ = hud_generation; // owned by the bus event loop
             app.manage(AppState { bus, snapshot });
 
-            let icon = app
-                .default_window_icon()
-                .cloned()
-                .expect("default window icon");
+            // Dedicated monochrome tray glyph (bridge silhouette), rendered as a
+            // template image so macOS tints it for light/dark menu bars. The full
+            // app icon is an opaque squircle and would appear as a black blob here.
+            let tray_icon = tauri::include_image!("icons/tray.png");
 
             let _tray = TrayIconBuilder::new()
-                .icon(icon)
+                .icon(tray_icon)
                 .icon_as_template(true)
                 .tooltip("Microbridge")
                 .on_tray_icon_event(|tray, event| {
diff --git a/apps/microbridge-ui/src-tauri/tauri.conf.json b/apps/microbridge-ui/src-tauri/tauri.conf.json
index 8411380..524f0d1 100644
--- a/apps/microbridge-ui/src-tauri/tauri.conf.json
+++ b/apps/microbridge-ui/src-tauri/tauri.conf.json
@@ -62,7 +62,11 @@
     "active": true,
     "targets": "all",
     "icon": [
-      "icons/icon.png"
+      "icons/32x32.png",
+      "icons/128x128.png",
+      "icons/128x128@2x.png",
+      "icons/icon.icns",
+      "icons/icon.ico"
     ],
     "macOS": {
       "minimumSystemVersion": "13.0",
diff --git a/docs/design/logo/microbridge-mark.svg b/docs/design/logo/microbridge-mark.svg
new file mode 100644
index 0000000..b35de95
--- /dev/null
+++ b/docs/design/logo/microbridge-mark.svg
@@ -0,0 +1,39 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024" role="img" aria-label="Microbridge">
+  <title>Microbridge</title>
+  <defs>
+    <linearGradient id="tile" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0" stop-color="#17171D"/>
+      <stop offset="1" stop-color="#0B0B0E"/>
+    </linearGradient>
+    <radialGradient id="sheen" cx="0.5" cy="0.16" r="0.9">
+      <stop offset="0" stop-color="#FFFFFF" stop-opacity="0.06"/>
+      <stop offset="0.55" stop-color="#FFFFFF" stop-opacity="0"/>
+    </radialGradient>
+    <linearGradient id="bridge" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0" stop-color="#6AA2FF"/>
+      <stop offset="1" stop-color="#3574F0"/>
+    </linearGradient>
+    <radialGradient id="glow" cx="0.5" cy="0.5" r="0.5">
+      <stop offset="0" stop-color="#3D7EFF" stop-opacity="0.9"/>
+      <stop offset="0.45" stop-color="#3D7EFF" stop-opacity="0.32"/>
+      <stop offset="1" stop-color="#3D7EFF" stop-opacity="0"/>
+    </radialGradient>
+  </defs>
+
+  <!-- squircle tile (inset to Apple's ~10% margin) -->
+  <rect x="100" y="100" width="824" height="824" rx="185" fill="url(#tile)"/>
+  <rect x="100" y="100" width="824" height="824" rx="185" fill="url(#sheen)"/>
+  <rect x="101.5" y="101.5" width="821" height="821" rx="183.5" fill="none" stroke="#FFFFFF" stroke-opacity="0.06" stroke-width="3"/>
+
+  <!-- arched legs: two spans on three piers (aqueduct read) -->
+  <path fill="none" stroke="url(#bridge)" stroke-width="40" stroke-linecap="round" stroke-linejoin="round"
+        d="M 306 648 V 545 A 103 103 0 0 1 512 545 V 648 M 512 545 A 103 103 0 0 1 718 545 V 648"/>
+
+  <!-- deck / roadway (bold bar resting on the arches) -->
+  <rect x="266" y="400" width="492" height="46" rx="23" fill="url(#bridge)"/>
+
+  <!-- live-signal node: a lit marker on the deck center, plumb over the center pier -->
+  <circle cx="512" cy="410" r="92" fill="url(#glow)"/>
+  <circle cx="512" cy="410" r="26" fill="#FFFFFF"/>
+  <circle cx="512" cy="410" r="26" fill="none" stroke="#3D7EFF" stroke-opacity="0.28" stroke-width="6"/>
+</svg>
diff --git a/docs/design/logo/microbridge-tray.svg b/docs/design/logo/microbridge-tray.svg
new file mode 100644
index 0000000..4d314b9
--- /dev/null
+++ b/docs/design/logo/microbridge-tray.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" role="img" aria-label="Microbridge">
+  <title>Microbridge</title>
+  <!-- monochrome template glyph: bridge only (deck + two arches), transparent bg -->
+  <path fill="none" stroke="#000000" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round"
+        d="M 8 34 V 24 A 7 7 0 0 1 22 24 V 34 M 22 24 A 7 7 0 0 1 36 24 V 34"/>
+  <rect x="4" y="12" width="36" height="5" rx="2.5" fill="#000000"/>
+</svg>