diff --git a/src/OpenIPC.Viewer.Web.Client/index.html b/src/OpenIPC.Viewer.Web.Client/index.html
index f62299e..c176d58 100644
--- a/src/OpenIPC.Viewer.Web.Client/index.html
+++ b/src/OpenIPC.Viewer.Web.Client/index.html
@@ -3,6 +3,10 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <!-- Bundled, not CDN-linked: the console is meant to run on an offline LAN. -->
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+    <meta name="theme-color" content="#0a0d11" />
     <title>OpenIPC Viewer</title>
   </head>
   <body>
diff --git a/src/OpenIPC.Viewer.Web.Client/public/apple-touch-icon.png b/src/OpenIPC.Viewer.Web.Client/public/apple-touch-icon.png
new file mode 100644
index 0000000..b6542f0
Binary files /dev/null and b/src/OpenIPC.Viewer.Web.Client/public/apple-touch-icon.png differ
diff --git a/src/OpenIPC.Viewer.Web.Client/public/favicon.svg b/src/OpenIPC.Viewer.Web.Client/public/favicon.svg
new file mode 100644
index 0000000..de113be
--- /dev/null
+++ b/src/OpenIPC.Viewer.Web.Client/public/favicon.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <!-- Browser-tab icon: the OpenIPC aperture mark on the brand indigo tile,
+       same geometry as src/components/Logo.tsx / the desktop app icon. -->
+  <rect width="100" height="100" rx="22" fill="#5B6CD9"/>
+  <g fill="none" stroke="#fff" stroke-width="9" transform="translate(50 50) scale(0.78) translate(-50 -50)">
+    <path d="M33,29 L5,50 L33,71" stroke-linejoin="round"/>
+    <path d="M67,29 L95,50 L67,71" stroke-linejoin="round"/>
+    <path d="M37,27 C43,12 57,12 63,27" stroke-linecap="round"/>
+    <path d="M37,73 C43,88 57,88 63,73" stroke-linecap="round"/>
+    <circle cx="50" cy="50" r="13" fill="#fff" stroke="none"/>
+  </g>
+</svg>
diff --git a/src/OpenIPC.Viewer.Web.Client/src/components/Logo.tsx b/src/OpenIPC.Viewer.Web.Client/src/components/Logo.tsx
new file mode 100644
index 0000000..8cf8069
--- /dev/null
+++ b/src/OpenIPC.Viewer.Web.Client/src/components/Logo.tsx
@@ -0,0 +1,27 @@
+// The OpenIPC aperture mark, ported from the desktop SplashAperture.axaml
+// (same 100x100 geometry, same stroke widths) so the web console wears the same
+// logo as the app icon. Inline SVG rather than the 512px PNG: it stays crisp at
+// 18px in the sidebar, and `currentColor` lets the mark follow the theme.
+export function Logo({ size = 18, className }: { size?: number; className?: string }) {
+  return (
+    <svg
+      className={className}
+      width={size}
+      height={size}
+      viewBox="0 0 100 100"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth={9}
+      aria-hidden="true"
+    >
+      {/* Chevrons < > */}
+      <path d="M33,29 L5,50 L33,71" strokeLinejoin="round" />
+      <path d="M67,29 L95,50 L67,71" strokeLinejoin="round" />
+      {/* Aperture caps ⌒ ⌣ */}
+      <path d="M37,27 C43,12 57,12 63,27" strokeLinecap="round" />
+      <path d="M37,73 C43,88 57,88 63,73" strokeLinecap="round" />
+      {/* Pupil */}
+      <circle cx="50" cy="50" r="13" fill="currentColor" stroke="none" />
+    </svg>
+  )
+}
diff --git a/src/OpenIPC.Viewer.Web.Client/src/components/Shell.tsx b/src/OpenIPC.Viewer.Web.Client/src/components/Shell.tsx
index cf9540c..3f122c2 100644
--- a/src/OpenIPC.Viewer.Web.Client/src/components/Shell.tsx
+++ b/src/OpenIPC.Viewer.Web.Client/src/components/Shell.tsx
@@ -1,6 +1,7 @@
 import { NavLink, Outlet, useNavigate } from 'react-router-dom'
 import { useAuth } from '../auth'
 import { useI18n } from '../i18n'
+import { Logo } from './Logo'
 import type { ReactNode } from 'react'
 
 // The persistent app frame: fixed left sidebar + routed content. Markup/skin
@@ -20,7 +21,7 @@ export function Shell() {
     <div className="shell">
       <nav className="sidebar">
         <div className="brand">
-          <span className="dot" /> OpenIPC
+          <Logo size={20} /> OpenIPC
         </div>
 
         <NavItem to="/grid" label={t('Nav.Grid')}>
diff --git a/src/OpenIPC.Viewer.Web.Client/src/pages/Login.tsx b/src/OpenIPC.Viewer.Web.Client/src/pages/Login.tsx
index 592619e..56e7e95 100644
--- a/src/OpenIPC.Viewer.Web.Client/src/pages/Login.tsx
+++ b/src/OpenIPC.Viewer.Web.Client/src/pages/Login.tsx
@@ -2,6 +2,7 @@ import { useState, type FormEvent } from 'react'
 import { ApiError } from '../api'
 import { useAuth } from '../auth'
 import { useI18n } from '../i18n'
+import { Logo } from '../components/Logo'
 
 export function Login() {
   const { login } = useAuth()
@@ -27,7 +28,10 @@ export function Login() {
 
   return (
     <div className="login">
-      <h1 style={{ textAlign: 'center' }}>OpenIPC Viewer</h1>
+      <div className="login-brand">
+        <Logo size={56} />
+        <h1>OpenIPC Viewer</h1>
+      </div>
       <div className="card">
         <p className="muted" style={{ marginTop: 0 }}>
           {t('Login.Subtitle')}
diff --git a/src/OpenIPC.Viewer.Web.Client/src/styles.css b/src/OpenIPC.Viewer.Web.Client/src/styles.css
index d105624..97e4a2a 100644
--- a/src/OpenIPC.Viewer.Web.Client/src/styles.css
+++ b/src/OpenIPC.Viewer.Web.Client/src/styles.css
@@ -49,7 +49,7 @@ code, .mono { font-family: "Cascadia Code", Consolas, Menlo, monospace; }
   display:flex; flex-direction:column; padding:16px 12px; gap:2px; }
 .sidebar .brand { font-weight:600; font-size:16px; padding:6px 10px 18px;
   display:flex; align-items:center; gap:9px; }
-.sidebar .brand .dot { width:16px; height:16px; border-radius:5px; background:var(--accent); display:inline-block; }
+.sidebar .brand svg { color:var(--accent); flex:none; }
 .navitem { display:flex; align-items:center; gap:10px; padding:9px 10px;
   border-radius:var(--r-sm); color:var(--text-2); font-weight:500; cursor:pointer;
   background:none; border:none; width:100%; text-align:left; font:inherit; }
@@ -184,6 +184,9 @@ label input, label select { color:var(--text-1); }
 
 /* Login: centered card, no sidebar. */
 .login { max-width:340px; margin:12vh auto 0; padding:24px; }
+.login-brand { display:flex; flex-direction:column; align-items:center; gap:12px; margin-bottom:20px; }
+.login-brand svg { color:var(--accent); }
+.login-brand h1 { margin:0; }
 .login .card { background:var(--bg2); border:1px solid var(--border-weak);
   border-radius:var(--r-lg); padding:28px 24px; }
 
