diff --git a/.changeset/add-dash-favicon.md b/.changeset/add-dash-favicon.md
new file mode 100644
index 0000000..ecbbc00
--- /dev/null
+++ b/.changeset/add-dash-favicon.md
@@ -0,0 +1,5 @@
+---
+"@jmfederico/pi-web": patch
+---
+
+Add a theme-aware dash favicon and uppercase PI WEB page titles.
diff --git a/docs/404.html b/docs/404.html
index 4e51198..8533f8e 100644
--- a/docs/404.html
+++ b/docs/404.html
@@ -3,12 +3,12 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>Page not found — Pi Web</title>
+    <title>Page not found — PI WEB</title>
     <meta name="description" content="The Pi Web page you requested does not exist." />
     <meta name="robots" content="noindex" />
-    <meta property="og:title" content="Page not found — Pi Web" />
+    <meta property="og:title" content="Page not found — PI WEB" />
     <meta property="og:image" content="/assets/pi-web-banner.png" />
-    <link rel="icon" href="data:," />
+    <link rel="icon" type="image/svg+xml" href="assets/favicon.svg" />
     <script>
       (() => {
         const theme = window.localStorage.getItem("pi-web-theme");
diff --git a/docs/assets/favicon.svg b/docs/assets/favicon.svg
new file mode 100644
index 0000000..adfb567
--- /dev/null
+++ b/docs/assets/favicon.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" role="img" aria-labelledby="title desc">
+  <title id="title">piweb mark</title>
+  <desc id="desc">A horizontal brand bar.</desc>
+  <style>
+    .bar { fill: #00f0d8; }
+    @media (prefers-color-scheme: light) {
+      .bar { fill: #008c82; }
+    }
+  </style>
+  <rect class="bar" x="128" y="448" width="768" height="128"/>
+</svg>
diff --git a/docs/faq.html b/docs/faq.html
index 10fd19a..b777fdd 100644
--- a/docs/faq.html
+++ b/docs/faq.html
@@ -3,11 +3,11 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>Pi Web FAQ</title>
+    <title>PI WEB FAQ</title>
     <meta name="description" content="Answers for common Pi Web install and runtime issues." />
-    <meta property="og:title" content="Pi Web FAQ" />
+    <meta property="og:title" content="PI WEB FAQ" />
     <meta property="og:image" content="assets/pi-web-banner.png" />
-    <link rel="icon" href="data:," />
+    <link rel="icon" type="image/svg+xml" href="assets/favicon.svg" />
     <script>
       (() => {
         const theme = window.localStorage.getItem("pi-web-theme");
diff --git a/docs/index.html b/docs/index.html
index ac5c1cd..e6106b1 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -3,18 +3,18 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>Pi Web — persistent AI coding agents in your browser</title>
+    <title>PI WEB — persistent AI coding agents in your browser</title>
     <meta
       name="description"
       content="Pi Web is a browser control plane for persistent Pi Coding Agent sessions running on your own machine or server."
     />
-    <meta property="og:title" content="Pi Web" />
+    <meta property="og:title" content="PI WEB" />
     <meta
       property="og:description"
       content="Run AI coding agents in real workspaces, keep them alive, and control everything from a browser."
     />
     <meta property="og:image" content="assets/pi-web-banner.png" />
-    <link rel="icon" href="data:," />
+    <link rel="icon" type="image/svg+xml" href="assets/favicon.svg" />
     <script>
       (() => {
         const theme = window.localStorage.getItem("pi-web-theme");
diff --git a/docs/install.html b/docs/install.html
index 8ad71c6..9a569ee 100644
--- a/docs/install.html
+++ b/docs/install.html
@@ -3,11 +3,11 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>Install Pi Web</title>
+    <title>Install PI WEB</title>
     <meta name="description" content="Complete installation guide for Pi Web on Linux, macOS, and Windows WSL." />
-    <meta property="og:title" content="Install Pi Web" />
+    <meta property="og:title" content="Install PI WEB" />
     <meta property="og:image" content="assets/pi-web-banner.png" />
-    <link rel="icon" href="data:," />
+    <link rel="icon" type="image/svg+xml" href="assets/favicon.svg" />
     <script>
       (() => {
         const theme = window.localStorage.getItem("pi-web-theme");
diff --git a/docs/plugins.html b/docs/plugins.html
index 9c54d13..bea3f8e 100644
--- a/docs/plugins.html
+++ b/docs/plugins.html
@@ -3,11 +3,11 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>Pi Web plugins</title>
+    <title>PI WEB plugins</title>
     <meta name="description" content="Use and develop trusted local Pi Web UI plugins." />
-    <meta property="og:title" content="Pi Web plugins" />
+    <meta property="og:title" content="PI WEB plugins" />
     <meta property="og:image" content="assets/pi-web-banner.png" />
-    <link rel="icon" href="data:," />
+    <link rel="icon" type="image/svg+xml" href="assets/favicon.svg" />
     <script>
       (() => {
         const theme = window.localStorage.getItem("pi-web-theme");
diff --git a/docs/remote-first.html b/docs/remote-first.html
index 97c3c3c..e4df3d0 100644
--- a/docs/remote-first.html
+++ b/docs/remote-first.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>Remote-first development with Pi Web</title>
+    <title>Remote-first development with PI WEB</title>
     <meta
       name="description"
       content="Why Pi Web is built for remote AI-driven development with persistent agents and browser-based control."
     />
-    <meta property="og:title" content="Remote-first development with Pi Web" />
+    <meta property="og:title" content="Remote-first development with PI WEB" />
     <meta property="og:image" content="assets/pi-web-banner.png" />
-    <link rel="icon" href="data:," />
+    <link rel="icon" type="image/svg+xml" href="assets/favicon.svg" />
     <script>
       (() => {
         const theme = window.localStorage.getItem("pi-web-theme");
diff --git a/src/client/index.html b/src/client/index.html
index 12bc470..694eb02 100644
--- a/src/client/index.html
+++ b/src/client/index.html
@@ -3,7 +3,8 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
-    <title>Pi Web</title>
+    <title>PI WEB</title>
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <style>
       :root {
         color-scheme: dark;
diff --git a/src/client/public/favicon.svg b/src/client/public/favicon.svg
new file mode 100644
index 0000000..adfb567
--- /dev/null
+++ b/src/client/public/favicon.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" role="img" aria-labelledby="title desc">
+  <title id="title">piweb mark</title>
+  <desc id="desc">A horizontal brand bar.</desc>
+  <style>
+    .bar { fill: #00f0d8; }
+    @media (prefers-color-scheme: light) {
+      .bar { fill: #008c82; }
+    }
+  </style>
+  <rect class="bar" x="128" y="448" width="768" height="128"/>
+</svg>
