diff --git a/README.md b/README.md
index 9c53908..1ea3004 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,7 @@
 # Relay
 
+![Relay banner](docs/assets/relay-banner.png)
+
 A self-hosted real-time chat platform written in async Rust.
 
 > **Status:** Early development. Not production ready.
diff --git a/docs/assets/relay-banner.png b/docs/assets/relay-banner.png
new file mode 100644
index 0000000..3cf7d6a
Binary files /dev/null and b/docs/assets/relay-banner.png differ
diff --git a/frontend/.gitignore b/frontend/.gitignore
index a547bf3..289e710 100644
--- a/frontend/.gitignore
+++ b/frontend/.gitignore
@@ -10,6 +10,7 @@ lerna-debug.log*
 node_modules
 dist
 dist-ssr
+.vite
 *.local
 
 # Editor directories and files
diff --git a/frontend/index.html b/frontend/index.html
index 927495d..d14c871 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -2,8 +2,14 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" href="/favicon.ico" sizes="any" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png" />
+    <link rel="apple-touch-icon" href="/favicon-180.png" />
+    <link rel="manifest" href="/manifest.webmanifest" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="theme-color" content="#0c1117" />
     <title>relay</title>
     <script>
       (function () {
diff --git a/frontend/public/favicon-16.png b/frontend/public/favicon-16.png
new file mode 100644
index 0000000..40a3704
Binary files /dev/null and b/frontend/public/favicon-16.png differ
diff --git a/frontend/public/favicon-180.png b/frontend/public/favicon-180.png
new file mode 100644
index 0000000..07a5124
Binary files /dev/null and b/frontend/public/favicon-180.png differ
diff --git a/frontend/public/favicon-192.png b/frontend/public/favicon-192.png
new file mode 100644
index 0000000..d75f767
Binary files /dev/null and b/frontend/public/favicon-192.png differ
diff --git a/frontend/public/favicon-32.png b/frontend/public/favicon-32.png
new file mode 100644
index 0000000..a75701f
Binary files /dev/null and b/frontend/public/favicon-32.png differ
diff --git a/frontend/public/favicon-48.png b/frontend/public/favicon-48.png
new file mode 100644
index 0000000..64e7417
Binary files /dev/null and b/frontend/public/favicon-48.png differ
diff --git a/frontend/public/favicon-512.png b/frontend/public/favicon-512.png
new file mode 100644
index 0000000..0430d46
Binary files /dev/null and b/frontend/public/favicon-512.png differ
diff --git a/frontend/public/favicon-64.png b/frontend/public/favicon-64.png
new file mode 100644
index 0000000..ca8ae25
Binary files /dev/null and b/frontend/public/favicon-64.png differ
diff --git a/frontend/public/favicon.ico b/frontend/public/favicon.ico
new file mode 100644
index 0000000..143fb0d
Binary files /dev/null and b/frontend/public/favicon.ico differ
diff --git a/frontend/public/favicon.svg b/frontend/public/favicon.svg
new file mode 100644
index 0000000..e8e3558
--- /dev/null
+++ b/frontend/public/favicon.svg
@@ -0,0 +1,53 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-labelledby="title desc">
+  <title id="title">Relay favicon</title>
+  <desc id="desc">A hexagonal relay node with bidirectional message flow.</desc>
+  <defs>
+    <linearGradient id="bg" x1="12" y1="8" x2="52" y2="56" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#111827"/>
+      <stop offset="1" stop-color="#0c1117"/>
+    </linearGradient>
+    <linearGradient id="relay" x1="18" y1="16" x2="46" y2="48" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#38bdf8"/>
+      <stop offset="1" stop-color="#0ea5e9"/>
+    </linearGradient>
+    <filter id="softGlow" x="-40%" y="-40%" width="180%" height="180%">
+      <feGaussianBlur stdDeviation="1.3" result="blur"/>
+      <feMerge>
+        <feMergeNode in="blur"/>
+        <feMergeNode in="SourceGraphic"/>
+      </feMerge>
+    </filter>
+  </defs>
+
+  <rect width="64" height="64" rx="14" fill="url(#bg)"/>
+
+  <!-- outer relay cell -->
+  <path
+    d="M32 8.5 52.4 20.25v23.5L32 55.5 11.6 43.75v-23.5L32 8.5Z"
+    fill="#0f172a"
+    stroke="#334155"
+    stroke-width="2.5"
+    stroke-linejoin="round"
+  />
+
+  <!-- subtle inner cell -->
+  <path
+    d="M32 14.5 47.2 23.25v17.5L32 49.5 16.8 40.75v-17.5L32 14.5Z"
+    fill="none"
+    stroke="#1e3a4d"
+    stroke-width="1.5"
+    stroke-linejoin="round"
+  />
+
+  <!-- bidirectional relay flow -->
+  <g filter="url(#softGlow)" fill="none" stroke="url(#relay)" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M21 28.5h17.7" stroke-width="4"/>
+    <path d="M35.8 23.9 41.2 28.5l-5.4 4.6" stroke-width="4"/>
+    <path d="M43 36H25.3" stroke-width="4"/>
+    <path d="M28.2 31.4 22.8 36l5.4 4.6" stroke-width="4"/>
+  </g>
+
+  <!-- terminal nodes -->
+  <circle cx="20.5" cy="28.5" r="2.6" fill="#e0f2fe"/>
+  <circle cx="43.5" cy="36" r="2.6" fill="#e0f2fe"/>
+</svg>
diff --git a/frontend/public/manifest.webmanifest b/frontend/public/manifest.webmanifest
new file mode 100644
index 0000000..a2c5f93
--- /dev/null
+++ b/frontend/public/manifest.webmanifest
@@ -0,0 +1,22 @@
+{
+  "name": "Relay",
+  "short_name": "Relay",
+  "description": "Self-hosted real-time chat written in async Rust.",
+  "start_url": "/",
+  "scope": "/",
+  "display": "standalone",
+  "background_color": "#0c1117",
+  "theme_color": "#0c1117",
+  "icons": [
+    {
+      "src": "/favicon-192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/favicon-512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ]
+}
diff --git a/src/app.rs b/src/app.rs
index 1918e8b..574c577 100644
--- a/src/app.rs
+++ b/src/app.rs
@@ -14,7 +14,7 @@ use crate::{
     auth::AuthHandle,
     config::Config,
     control::ServerControl,
-    handler::{embedded_asset, no_content, ok, ws_handler},
+    handler::{embedded_asset, ok, ws_handler},
     hub::Hub,
     message::{self, MessageHandle},
     room::{self, RoomHandle},
@@ -82,7 +82,6 @@ pub async fn app(
 
     let router = Router::new()
         .route("/health", get(ok))
-        .route("/favicon.ico", get(no_content))
         .route("/ws", any(ws_handler))
         .layer(GovernorLayer::new(governor_conf))
         .with_state(state);
diff --git a/src/handler.rs b/src/handler.rs
index 3fab24c..d36323f 100644
--- a/src/handler.rs
+++ b/src/handler.rs
@@ -57,10 +57,6 @@ fn serve_asset(path: &str) -> Response {
     }
 }
 
-pub(crate) async fn no_content() -> StatusCode {
-    StatusCode::NO_CONTENT
-}
-
 pub(crate) async fn ok() -> StatusCode {
     StatusCode::OK
 }
