diff --git a/apps/web/index.html b/apps/web/index.html
index 3a97171..1eebeb2 100644
--- a/apps/web/index.html
+++ b/apps/web/index.html
@@ -3,6 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/png" href="/favicon.png" />
     <title>Code for Philly</title>
   </head>
   <body>
diff --git a/apps/web/public/favicon.png b/apps/web/public/favicon.png
new file mode 100644
index 0000000..14831ed
Binary files /dev/null and b/apps/web/public/favicon.png differ
diff --git a/apps/web/public/img/logo-horizontal.png b/apps/web/public/img/logo-horizontal.png
new file mode 100644
index 0000000..e1ae0e7
Binary files /dev/null and b/apps/web/public/img/logo-horizontal.png differ
diff --git a/apps/web/public/img/logo.png b/apps/web/public/img/logo.png
new file mode 100644
index 0000000..7f9d470
Binary files /dev/null and b/apps/web/public/img/logo.png differ
diff --git a/apps/web/src/components/AppHeader.tsx b/apps/web/src/components/AppHeader.tsx
index 26da256..c6946ef 100644
--- a/apps/web/src/components/AppHeader.tsx
+++ b/apps/web/src/components/AppHeader.tsx
@@ -187,16 +187,18 @@ export function AppHeader() {
   return (
     <header className="sticky top-0 z-40 w-full border-b border-border bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 shadow-sm print:hidden">
       <div className="container mx-auto flex h-14 items-center px-4 gap-4">
-        {/* Logo */}
+        {/* Wordmark — always visible. The horizontal lockup includes
+            the icon + text, so no separate text node is needed. */}
         <Link
           to="/"
-          className="flex items-center gap-2 shrink-0"
+          className="flex items-center shrink-0"
           aria-label="Code for Philly home"
         >
-          <img src="/img/logo.png" alt="" height={32} className="h-8 w-auto" />
-          <span className="hidden md:inline font-semibold text-foreground">
-            Code for Philly
-          </span>
+          <img
+            src="/img/logo-horizontal.png"
+            alt="Code for Philly"
+            className="h-8 w-auto"
+          />
         </Link>
 
         {/* Desktop nav */}
diff --git a/apps/web/tests/AppHeader.test.tsx b/apps/web/tests/AppHeader.test.tsx
index 9d040c4..5b58ff4 100644
--- a/apps/web/tests/AppHeader.test.tsx
+++ b/apps/web/tests/AppHeader.test.tsx
@@ -28,9 +28,12 @@ describe('AppHeader', () => {
     vi.restoreAllMocks();
   });
 
-  it('renders the site name', async () => {
+  it('renders a labelled home link with the logo image', async () => {
     renderWithRouter(<Wrapped />);
-    expect(screen.getByText('Code for Philly')).toBeInTheDocument();
+    const home = screen.getByRole('link', { name: /code for philly home/i });
+    expect(home).toBeInTheDocument();
+    expect(home).toHaveAttribute('href', '/');
+    expect(home.querySelector('img')).toHaveAttribute('alt', 'Code for Philly');
   });
 
   it('renders primary nav links', async () => {
