diff --git a/app/favicon.ico b/app/favicon.ico
deleted file mode 100644
index 718d6fe..0000000
Binary files a/app/favicon.ico and /dev/null differ
diff --git a/app/globals.css b/app/globals.css
index 5184d12..aee5de6 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -97,6 +97,12 @@
   body {
     @apply bg-background text-foreground antialiased;
   }
+
+  /* https://ui.shadcn.com/docs/components/radix/button#cursor */
+  button:not(:disabled),
+  [role="button"]:not(:disabled) {
+    cursor: pointer;
+  }
 }
 
 /* Film grain texture overlay */
diff --git a/app/icon.svg b/app/icon.svg
new file mode 100644
index 0000000..20cddf6
--- /dev/null
+++ b/app/icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="#e8a87c" d="M7 12v1h10v-1a3 3 0 0 1 2.993-3a4.6 4.6 0 0 0-.07-.78a4 4 0 0 0-3.143-3.143C16.394 5 15.93 5 15 5H9c-.93 0-1.394 0-1.78.077A4 4 0 0 0 4.077 8.22a4.6 4.6 0 0 0-.07.78A3 3 0 0 1 7 12"/><path fill="#e8a87c" d="M18.444 18H5.556a3.6 3.6 0 0 1-.806-.092V19a.75.75 0 0 1-1.5 0v-1.849A3.55 3.55 0 0 1 2 14.444V12a2 2 0 1 1 4 0v1.2a.8.8 0 0 0 .8.8h10.4a.8.8 0 0 0 .8-.8V12a2 2 0 1 1 4 0v2.444a3.55 3.55 0 0 1-1.25 2.707V19a.75.75 0 0 1-1.5 0v-1.092a3.6 3.6 0 0 1-.806.092"/></svg>
diff --git a/components/auth-form.tsx b/components/auth-form.tsx
index 8aeda9c..c1eae60 100644
--- a/components/auth-form.tsx
+++ b/components/auth-form.tsx
@@ -4,6 +4,7 @@ import { AnimatePresence, motion } from "motion/react";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
+import { SofaLogo } from "@/components/sofa-logo";
 import { signIn, signUp } from "@/lib/auth/client";
 
 const fieldVariants = {
@@ -65,11 +66,8 @@ export function AuthForm({ mode }: { mode: "login" | "register" }) {
         transition={{ type: "spring" as const, stiffness: 200, damping: 20 }}
       >
         <div className="space-y-2 text-center">
-          <Link
-            href="/"
-            className="font-display text-2xl tracking-tight text-primary"
-          >
-            Sofa
+          <Link href="/" className="inline-flex justify-center text-primary">
+            <SofaLogo size={36} />
           </Link>
           <h1 className="text-lg font-medium">
             {isRegister ? "Create your account" : "Welcome back"}
diff --git a/components/landing-page.tsx b/components/landing-page.tsx
index 86be0b1..3ee3e6c 100644
--- a/components/landing-page.tsx
+++ b/components/landing-page.tsx
@@ -5,6 +5,7 @@ import Image from "next/image";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
 import { useEffect } from "react";
+import { SofaLogo } from "@/components/sofa-logo";
 import { useSession } from "@/lib/auth/client";
 
 /** Check whether the server has TMDB configured. */
@@ -127,8 +128,8 @@ export function LandingPage({ posterUrls }: { posterUrls: string[] }) {
           >
             Self-hosted movie & TV tracker
           </motion.p>
-          <motion.h1
-            className="font-display text-6xl tracking-tight sm:text-7xl md:text-8xl"
+          <motion.div
+            className="flex justify-center text-primary"
             initial={{ opacity: 0, y: 20 }}
             animate={{ opacity: 1, y: 0 }}
             transition={{
@@ -138,8 +139,8 @@ export function LandingPage({ posterUrls }: { posterUrls: string[] }) {
               delay: 0.1,
             }}
           >
-            Sofa
-          </motion.h1>
+            <SofaLogo size={96} className="sm:h-28 sm:w-28 md:h-32 md:w-32" />
+          </motion.div>
           <motion.p
             className="mx-auto max-w-md text-lg leading-relaxed text-muted-foreground"
             initial={{ opacity: 0, y: 20 }}
diff --git a/components/nav-bar.tsx b/components/nav-bar.tsx
index abf515d..9dda2d4 100644
--- a/components/nav-bar.tsx
+++ b/components/nav-bar.tsx
@@ -5,6 +5,7 @@ import { motion } from "motion/react";
 import Link from "next/link";
 import { usePathname, useRouter } from "next/navigation";
 import { useKeyboard } from "@/components/keyboard-provider";
+import { SofaLogo } from "@/components/sofa-logo";
 import { Kbd } from "@/components/ui/kbd";
 import { signOut, useSession } from "@/lib/auth/client";
 
@@ -25,9 +26,9 @@ export function NavBar() {
         <div className="flex items-center gap-6">
           <Link
             href="/dashboard"
-            className="font-display text-xl tracking-tight"
+            className="text-foreground transition-colors hover:text-primary"
           >
-            Sofa
+            <SofaLogo size={28} />
           </Link>
           {session?.user && (
             <div className="hidden items-center gap-1 sm:flex">
diff --git a/components/sofa-logo.tsx b/components/sofa-logo.tsx
new file mode 100644
index 0000000..7323349
--- /dev/null
+++ b/components/sofa-logo.tsx
@@ -0,0 +1,28 @@
+export function SofaLogo({
+  size = 24,
+  className,
+}: {
+  size?: number;
+  className?: string;
+}) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      className={className}
+      role="img"
+      aria-label="Sofa"
+    >
+      <path
+        fill="currentColor"
+        d="M7 12v1h10v-1a3 3 0 0 1 2.993-3a4.6 4.6 0 0 0-.07-.78a4 4 0 0 0-3.143-3.143C16.394 5 15.93 5 15 5H9c-.93 0-1.394 0-1.78.077A4 4 0 0 0 4.077 8.22a4.6 4.6 0 0 0-.07.78A3 3 0 0 1 7 12"
+      />
+      <path
+        fill="currentColor"
+        d="M18.444 18H5.556a3.6 3.6 0 0 1-.806-.092V19a.75.75 0 0 1-1.5 0v-1.849A3.55 3.55 0 0 1 2 14.444V12a2 2 0 1 1 4 0v1.2a.8.8 0 0 0 .8.8h10.4a.8.8 0 0 0 .8-.8V12a2 2 0 1 1 4 0v2.444a3.55 3.55 0 0 1-1.25 2.707V19a.75.75 0 0 1-1.5 0v-1.092a3.6 3.6 0 0 1-.806.092"
+      />
+    </svg>
+  );
+}