diff --git a/.agents/skills/frontend/nodejs-setup/SKILL.md b/.agents/skills/frontend/nodejs-setup/SKILL.md
index 8c757377..f5eb1dd7 100644
--- a/.agents/skills/frontend/nodejs-setup/SKILL.md
+++ b/.agents/skills/frontend/nodejs-setup/SKILL.md
@@ -64,8 +64,8 @@ pnpm add -w -D <pkg>                            # root tooling only
 - `@visionset/annotator` keeps `react` as an **optional peer dependency** — never promote it to
   a hard dependency; the core must stay usable without React.
 - `@visionset/ui-core` UI primitives are **Radix behaviour + shadcn Nova styling, iconed with
-  Tabler**. Do not add another component library, and do not add a second icon set:
-  `@tabler/icons-react` is the only one the frontend declares, and a gate refuses another.
+  lucide**. Do not add another component library, and do not add a second icon set:
+  `lucide-react` is the only one the frontend declares, and a gate refuses another.
 - `@visionset/app` is `private: true` — never published to npm; its bundle ships inside the
   Python wheel.
 
diff --git a/AGENTS.md b/AGENTS.md
index 1e391beb..19da2040 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -64,7 +64,7 @@ client of the same SDK, and the release artifact is a plain `pip` package.
 | Component | Location | Stack |
 | --- | --- | --- |
 | Python distribution | `src/visionset/` | Python 3.12+, pydantic v2, FastAPI, Typer, MCP, SQLAlchemy, uv |
-| Frontend workspace | `frontend/` | Node 24, pnpm, TypeScript, React 19, Vite, vitest, Radix + Tabler |
+| Frontend workspace | `frontend/` | Node 24, pnpm, TypeScript, React 19, Vite, vitest, Radix + lucide |
 | Dev infra | `docker/` | Docker Compose (dev only) |
 
 See `README.md` for the monorepo map and `CONTRIBUTING.md` for the full check list.
diff --git a/DESIGN.md b/DESIGN.md
index 5b7f8e32..b646a3f6 100644
--- a/DESIGN.md
+++ b/DESIGN.md
@@ -27,6 +27,13 @@ that CLI version is the reference for every value in this document. Nothing here
 invented — every token, every derived radius, every chart colour traces back to the
 CLI's own output.
 
+**One property deliberately diverges: the icon set.** The preset decodes
+`icons: tabler`, and that line above says so because it is what the code decodes to;
+the product draws `lucide-react`, and `components.json` says `iconLibrary: lucide`.
+The schema accepts the value, so this is a decision rather than drift — but it is the
+one place where reading the preset and reading the configuration give different
+answers, and it is written here so nobody has to discover that by diffing them.
+
 `@visionset/ui-core` owns the implementation, in exactly three files:
 
 | File | Role |
@@ -409,11 +416,13 @@ First-class, and part of every rule above rather than a section to satisfy after
 - **Ad-hoc geometry that fights Nova.** A control's height, padding, or radius is not a
   per-screen decision; reaching past the geometry table above for a bespoke size is a
   design decision to make in this document, not in a component diff.
-- **Mixing icon sets in new code.** Tabler is the set, and now the only one: every icon
-  the primitives, the screens and the annotation workspace draw is
-  `@tabler/icons-react`, no package declares a second icon library, and
-  `tests/scripts/design_tokens.test.mjs` refuses one that reappears in a manifest or an
-  import. A second set is a decision to make in this document, not a dependency to add.
+- **Mixing icon sets in new code.** `lucide-react` is the set, and the only one: every
+  icon the primitives, the screens and the annotation workspace draw comes from it, no
+  package declares a second icon library, and `tests/scripts/design_tokens.test.mjs`
+  refuses one that reappears in a manifest or an import. The rule is *one* set rather
+  than one particular set — what costs a reader is two of them on a screen, where the
+  same idea arrives at two weights and two grids. Changing which one is a decision to
+  make in this document, not a dependency to add.
 - **Brand in a functional control.** Robomous coral is identity — the wordmark and its
   styleguide swatch, nothing else. A functional control reaching for `brand` is a
   semantic-colour violation regardless of how many other sites already use it correctly.
diff --git a/docs/content/architecture/frontend/ui-core.md b/docs/content/architecture/frontend/ui-core.md
index f74fc618..2f2019d7 100644
--- a/docs/content/architecture/frontend/ui-core.md
+++ b/docs/content/architecture/frontend/ui-core.md
@@ -79,12 +79,15 @@ Geist heading fonts, radius `medium`, menu `inverted`/`subtle`) - the CLI's own
 generated output, transcribed verbatim, plus five VisionSet extension roles
 (`stage`, `brand`, `success`, `warning`, `origin-*`) added through shadcn's own
 extension convention. `components.json` (`style: "radix-nova"`,
-`iconLibrary: "tabler"`, `menuColor: "inverted"`, `menuAccent: "subtle"`) holds
+`iconLibrary: "lucide"`, `menuColor: "inverted"`, `menuAccent: "subtle"`) holds
 the preset properties shadcn's own tools read - the fields its config schema
 defines, and no others. The schema is strict, so the properties it has no field
 for - the radius, the fonts, the chart palette, every colour - are values
 carried by `styles.css` instead; see [`DESIGN.md`](../../../../DESIGN.md)'s
-Source of Truth for the three layers. `tokens.ts` is the TypeScript mirror for a caller that
+Source of Truth for the three layers. The icon set is the one place the
+configuration and the preset disagree on purpose: the preset decodes `tabler`, the
+product draws `lucide-react`, and `iconLibrary` records the product rather than the
+preset. `tokens.ts` is the TypeScript mirror for a caller that
 cannot read CSS. Both themes - light and dark - are declared in full from the
 preset, so `bg-primary` in a component here and `bg-primary` in a screen mean
 the same colour by construction. There is no `tailwind.config.js` in this
@@ -106,7 +109,7 @@ visual-design rule. The current choices:
 | Concern | Choice |
 | --- | --- |
 | UI primitives | Radix (+ shadcn-style composition with `cva` and `cn`) - the open-code shadcn maintenance model is the direction: a primitive is VisionSet-owned source in `frontend/ui-core/src/primitives/`, edited directly, not a package dependency upgraded blindly |
-| Icons | `@tabler/icons-react`, and nothing else: the primitives, the screens and the annotation workspace all draw from it, and no package declares a second icon library |
+| Icons | `lucide-react`, and nothing else: the primitives, the screens and the annotation workspace all draw from it, and no package declares a second icon library |
 | Styling | Tailwind v4, CSS-first `@theme`, on the shadcn preset `b3bXyyPdWj` - no `tailwind.config.js`, ever |
 | Toasts | sonner |
 | Component tests | vitest + jsdom + @testing-library/react |
diff --git a/frontend/app/e2e/visual.spec.ts-snapshots/annotator-desktop-dark-visual-linux.png b/frontend/app/e2e/visual.spec.ts-snapshots/annotator-desktop-dark-visual-linux.png
index bf1993e4..6ae82a8b 100644
Binary files a/frontend/app/e2e/visual.spec.ts-snapshots/annotator-desktop-dark-visual-linux.png and b/frontend/app/e2e/visual.spec.ts-snapshots/annotator-desktop-dark-visual-linux.png differ
diff --git a/frontend/app/e2e/visual.spec.ts-snapshots/annotator-desktop-light-visual-linux.png b/frontend/app/e2e/visual.spec.ts-snapshots/annotator-desktop-light-visual-linux.png
index a3fc21ff..333daeec 100644
Binary files a/frontend/app/e2e/visual.spec.ts-snapshots/annotator-desktop-light-visual-linux.png and b/frontend/app/e2e/visual.spec.ts-snapshots/annotator-desktop-light-visual-linux.png differ
diff --git a/frontend/app/e2e/visual.spec.ts-snapshots/menu-open-dark-visual-linux.png b/frontend/app/e2e/visual.spec.ts-snapshots/menu-open-dark-visual-linux.png
index 93eeed36..be5eac50 100644
Binary files a/frontend/app/e2e/visual.spec.ts-snapshots/menu-open-dark-visual-linux.png and b/frontend/app/e2e/visual.spec.ts-snapshots/menu-open-dark-visual-linux.png differ
diff --git a/frontend/app/e2e/visual.spec.ts-snapshots/menu-open-light-visual-linux.png b/frontend/app/e2e/visual.spec.ts-snapshots/menu-open-light-visual-linux.png
index 5720bfec..7da1e4d7 100644
Binary files a/frontend/app/e2e/visual.spec.ts-snapshots/menu-open-light-visual-linux.png and b/frontend/app/e2e/visual.spec.ts-snapshots/menu-open-light-visual-linux.png differ
diff --git a/frontend/app/e2e/visual.spec.ts-snapshots/models-desktop-dark-visual-linux.png b/frontend/app/e2e/visual.spec.ts-snapshots/models-desktop-dark-visual-linux.png
index 96fc29e2..e80b8e32 100644
Binary files a/frontend/app/e2e/visual.spec.ts-snapshots/models-desktop-dark-visual-linux.png and b/frontend/app/e2e/visual.spec.ts-snapshots/models-desktop-dark-visual-linux.png differ
diff --git a/frontend/app/e2e/visual.spec.ts-snapshots/models-desktop-light-visual-linux.png b/frontend/app/e2e/visual.spec.ts-snapshots/models-desktop-light-visual-linux.png
index 780b8fa3..10683c6f 100644
Binary files a/frontend/app/e2e/visual.spec.ts-snapshots/models-desktop-light-visual-linux.png and b/frontend/app/e2e/visual.spec.ts-snapshots/models-desktop-light-visual-linux.png differ
diff --git a/frontend/app/e2e/visual.spec.ts-snapshots/projects-desktop-dark-visual-linux.png b/frontend/app/e2e/visual.spec.ts-snapshots/projects-desktop-dark-visual-linux.png
index c58e8660..aa9b1292 100644
Binary files a/frontend/app/e2e/visual.spec.ts-snapshots/projects-desktop-dark-visual-linux.png and b/frontend/app/e2e/visual.spec.ts-snapshots/projects-desktop-dark-visual-linux.png differ
diff --git a/frontend/app/e2e/visual.spec.ts-snapshots/projects-desktop-light-visual-linux.png b/frontend/app/e2e/visual.spec.ts-snapshots/projects-desktop-light-visual-linux.png
index 4e610f2d..f3ccd00c 100644
Binary files a/frontend/app/e2e/visual.spec.ts-snapshots/projects-desktop-light-visual-linux.png and b/frontend/app/e2e/visual.spec.ts-snapshots/projects-desktop-light-visual-linux.png differ
diff --git a/frontend/app/e2e/visual.spec.ts-snapshots/schema-desktop-dark-visual-linux.png b/frontend/app/e2e/visual.spec.ts-snapshots/schema-desktop-dark-visual-linux.png
index 8b00f4d0..d7d4ca99 100644
Binary files a/frontend/app/e2e/visual.spec.ts-snapshots/schema-desktop-dark-visual-linux.png and b/frontend/app/e2e/visual.spec.ts-snapshots/schema-desktop-dark-visual-linux.png differ
diff --git a/frontend/app/e2e/visual.spec.ts-snapshots/schema-narrow-light-visual-linux.png b/frontend/app/e2e/visual.spec.ts-snapshots/schema-narrow-light-visual-linux.png
index a442b967..18e8ff0f 100644
Binary files a/frontend/app/e2e/visual.spec.ts-snapshots/schema-narrow-light-visual-linux.png and b/frontend/app/e2e/visual.spec.ts-snapshots/schema-narrow-light-visual-linux.png differ
diff --git a/frontend/app/package.json b/frontend/app/package.json
index cdfa9a2b..273dd79f 100644
--- a/frontend/app/package.json
+++ b/frontend/app/package.json
@@ -17,9 +17,9 @@
     "cycle": "playwright test -c playwright.cycle.config.ts"
   },
   "dependencies": {
-    "@tabler/icons-react": "^3.46.0",
     "@visionset/annotator": "workspace:*",
     "@visionset/ui-core": "workspace:*",
+    "lucide-react": "^1.32.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-router": "^8.3.0"
diff --git a/frontend/app/src/shell/AppShell.tsx b/frontend/app/src/shell/AppShell.tsx
index e0734198..17712eb5 100644
--- a/frontend/app/src/shell/AppShell.tsx
+++ b/frontend/app/src/shell/AppShell.tsx
@@ -82,14 +82,7 @@
  * right level for it.
  */
 
-import {
-  IconCpu,
-  IconFolders,
-  IconHome,
-  IconLayoutSidebarLeftCollapse,
-  IconLayoutSidebarLeftExpand,
-  IconLogout,
-} from "@tabler/icons-react";
+import { Cpu, Folders, House, LogOut, PanelLeftClose, PanelLeftOpen } from "lucide-react";
 import {
   Button,
   buttonVariants,
@@ -145,21 +138,21 @@ export function AppShell(): JSX.Element {
             onClick={toggle}
           >
             {collapsed ? (
-              <IconLayoutSidebarLeftExpand aria-hidden="true" />
+              <PanelLeftOpen aria-hidden="true" />
             ) : (
-              <IconLayoutSidebarLeftCollapse aria-hidden="true" />
+              <PanelLeftClose aria-hidden="true" />
             )}
           </RailButton>
         </div>
 
         <RailLink to="/" end collapsed={collapsed} testId="rail-home" label="Home">
-          <IconHome aria-hidden="true" />
+          <House aria-hidden="true" />
         </RailLink>
         <RailLink to="/projects" collapsed={collapsed} testId="rail-projects" label="Projects">
-          <IconFolders aria-hidden="true" />
+          <Folders aria-hidden="true" />
         </RailLink>
         <RailLink to="/models" collapsed={collapsed} testId="rail-models" label="Models">
-          <IconCpu aria-hidden="true" />
+          <Cpu aria-hidden="true" />
         </RailLink>
 
         <div className="mt-auto">
@@ -243,7 +236,7 @@ function SignOut({ collapsed }: { readonly collapsed: boolean }): JSX.Element {
   const label = access === "session" ? "Use a token" : "Sign out";
   return (
     <RailButton testId="rail-sign-out" label={label} onClick={signOut} wide={!collapsed}>
-      <IconLogout aria-hidden="true" />
+      <LogOut aria-hidden="true" />
       {!collapsed && <span className="truncate">{label}</span>}
     </RailButton>
   );
diff --git a/frontend/app/src/shell/NotFound.tsx b/frontend/app/src/shell/NotFound.tsx
index 4c6a133a..a57d8462 100644
--- a/frontend/app/src/shell/NotFound.tsx
+++ b/frontend/app/src/shell/NotFound.tsx
@@ -9,7 +9,7 @@
  */
 
 import { Button, EmptyState } from "@visionset/ui-core";
-import { IconCompass } from "@tabler/icons-react";
+import { Compass } from "lucide-react";
 import type { JSX } from "react";
 import { Link, useLocation } from "react-router";
 
@@ -18,7 +18,7 @@ export function NotFound(): JSX.Element {
   return (
     <EmptyState
       data-testid="not-found"
-      icon={<IconCompass className="size-8" aria-hidden="true" />}
+      icon={<Compass className="size-8" aria-hidden="true" />}
       title="No such page"
       description={pathname}
       action={
diff --git a/frontend/app/src/styleguide/Styleguide.tsx b/frontend/app/src/styleguide/Styleguide.tsx
index 9a6a6c95..81ad4045 100644
--- a/frontend/app/src/styleguide/Styleguide.tsx
+++ b/frontend/app/src/styleguide/Styleguide.tsx
@@ -80,7 +80,7 @@ import {
   formatGeometries,
   toast,
 } from "@visionset/ui-core";
-import { IconPlus, IconPointer, IconSquare, IconTrash } from "@tabler/icons-react";
+import { MousePointer2, Plus, Square, Trash2 } from "lucide-react";
 import type { JSX, ReactNode } from "react";
 
 /** The demo schema, borrowed so the swatches show the real palette rule. */
@@ -204,13 +204,13 @@ export function Styleguide(): JSX.Element {
         <Section title="Buttons" description="Five variants, four sizes.">
           <div className="flex flex-wrap items-center gap-2">
             <Button variant="primary" data-testid="button-primary">
-              <IconPlus className="size-4" aria-hidden="true" />
+              <Plus className="size-4" aria-hidden="true" />
               New project
             </Button>
             <Button variant="secondary">Cancel</Button>
             <Button variant="ghost">Ghost</Button>
             <Button variant="destructive">
-              <IconTrash className="size-4" aria-hidden="true" />
+              <Trash2 className="size-4" aria-hidden="true" />
               Delete
             </Button>
             <Button variant="link">Learn more</Button>
@@ -220,7 +220,7 @@ export function Styleguide(): JSX.Element {
             <Tooltip>
               <TooltipTrigger asChild>
                 <Button variant="primary" size="icon" aria-label="Select (V)">
-                  <IconPointer className="size-4" aria-hidden="true" />
+                  <MousePointer2 className="size-4" aria-hidden="true" />
                 </Button>
               </TooltipTrigger>
               <TooltipContent side="right">Select (V)</TooltipContent>
@@ -228,7 +228,7 @@ export function Styleguide(): JSX.Element {
             <Tooltip>
               <TooltipTrigger asChild>
                 <Button variant="ghost" size="icon" aria-label="Box (B)">
-                  <IconSquare className="size-4" aria-hidden="true" />
+                  <Square className="size-4" aria-hidden="true" />
                 </Button>
               </TooltipTrigger>
               <TooltipContent side="right">Box (B)</TooltipContent>
@@ -458,7 +458,7 @@ export function Styleguide(): JSX.Element {
             meta="11 images · ingested Aug 7, 2026"
             actions={
               <Button variant="secondary">
-                <IconPlus className="size-4" aria-hidden="true" />
+                <Plus className="size-4" aria-hidden="true" />
                 Ingest
               </Button>
             }
diff --git a/frontend/ui-core/components.json b/frontend/ui-core/components.json
index 87992df7..acca9a50 100644
--- a/frontend/ui-core/components.json
+++ b/frontend/ui-core/components.json
@@ -4,7 +4,7 @@
   "rsc": false,
   "tsx": true,
   "tailwind": { "config": "", "css": "src/styles.css", "baseColor": "neutral", "cssVariables": true, "prefix": "" },
-  "iconLibrary": "tabler",
+  "iconLibrary": "lucide",
   "rtl": false,
   "aliases": { "components": "@/components", "utils": "@/lib/cn", "ui": "@/primitives", "lib": "@/lib", "hooks": "@/hooks" },
   "menuColor": "inverted",
diff --git a/frontend/ui-core/package.json b/frontend/ui-core/package.json
index 53e67df0..1a2320fc 100644
--- a/frontend/ui-core/package.json
+++ b/frontend/ui-core/package.json
@@ -53,12 +53,12 @@
     "@radix-ui/react-slot": "^1.3.3",
     "@radix-ui/react-tabs": "^1.1.21",
     "@radix-ui/react-tooltip": "^1.2.16",
-    "@tabler/icons-react": "^3.46.0",
     "@tanstack/react-query": "^5.101.4",
     "@tanstack/react-virtual": "^3.14.9",
     "@visionset/annotator": "workspace:*",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "lucide-react": "^1.32.0",
     "openapi-fetch": "^0.17.0",
     "shadcn": "^4.18.0",
     "sonner": "^2.0.8",
diff --git a/frontend/ui-core/src/annotator/AddClassDialog.tsx b/frontend/ui-core/src/annotator/AddClassDialog.tsx
index e67e356e..934be458 100644
--- a/frontend/ui-core/src/annotator/AddClassDialog.tsx
+++ b/frontend/ui-core/src/annotator/AddClassDialog.tsx
@@ -85,7 +85,7 @@
  * where every other refusal here renders.
  */
 
-import { IconPlus, IconX } from "@tabler/icons-react";
+import { Plus, X } from "lucide-react";
 import { useEffect, useRef, useState, type JSX } from "react";
 
 import { asApiError } from "../data/errors";
@@ -634,7 +634,7 @@ export function AddClassDialog({
                       onBank?.(banked);
                     }}
                   >
-                    <IconX className="size-3" aria-hidden="true" />
+                    <X className="size-3" aria-hidden="true" />
                   </button>
                 </li>
               ))}
@@ -830,7 +830,7 @@ export function AddClassDialog({
                 disabled={pending || !readyForm}
                 onClick={addAnother}
               >
-                <IconPlus className="size-4" aria-hidden="true" />
+                <Plus className="size-4" aria-hidden="true" />
                 Create and add another
                 <kbd className="ml-1 rounded border border-border px-1 font-mono text-xs text-muted-foreground">
                   ⌘↵
diff --git a/frontend/ui-core/src/annotator/AnnotationPage.tsx b/frontend/ui-core/src/annotator/AnnotationPage.tsx
index 7741847e..c0808e6e 100644
--- a/frontend/ui-core/src/annotator/AnnotationPage.tsx
+++ b/frontend/ui-core/src/annotator/AnnotationPage.tsx
@@ -131,21 +131,7 @@ import {
   type Viewport,
 } from "@visionset/annotator";
 import { AnnotatorStore as Store } from "@visionset/annotator";
-import {
-  IconAlertTriangle,
-  IconArrowBackUp,
-  IconArrowLeft,
-  IconCheck,
-  IconChecks,
-  IconChevronLeft,
-  IconChevronRight,
-  IconDevices,
-  IconDots,
-  IconEye,
-  IconHelpCircle,
-  IconLayoutGrid,
-  IconPlayerSkipForward,
-} from "@tabler/icons-react";
+import { ArrowLeft, Check, CheckCheck, ChevronLeft, ChevronRight, CircleHelp, Eye, Grid3x3, MonitorSmartphone, MoreHorizontal, SkipForward, TriangleAlert, Undo2 } from "lucide-react";
 import {
   useCallback,
   useEffect,
@@ -491,7 +477,7 @@ function TooNarrow({
   return (
     <div className="flex h-full items-center justify-center p-6" data-testid="viewport-too-narrow">
       <EmptyState
-        icon={<IconDevices className="size-8" />}
+        icon={<MonitorSmartphone className="size-8" />}
         title="This screen is too narrow to annotate on"
         description={`Annotating is precision work on a large surface: the editor needs at least ${ANNOTATOR_MIN_VIEWPORT_PX}px of width for the canvas, the tools and the object list to coexist. Rotate to landscape, widen the window, or open this job on a larger screen.`}
         {...(onOpenGallery === undefined || destination === undefined
@@ -503,7 +489,7 @@ function TooNarrow({
                   data-testid="too-narrow-gallery"
                   onClick={() => onOpenGallery(destination.project_id, destination.id)}
                 >
-                  <IconLayoutGrid className="size-4" aria-hidden="true" />
+                  <Grid3x3 className="size-4" aria-hidden="true" />
                   Back to the batch
                 </Button>
               ),
@@ -1926,7 +1912,7 @@ function Workspace({
             onClick={() => attempt(onOpenGallery)}
             disabled={onOpenGallery === undefined}
           >
-            <IconArrowLeft className="size-4" />
+            <ArrowLeft className="size-4" />
           </Button>
 
           {/* The batch's pin, not the project's active version. Named here because
@@ -2038,7 +2024,7 @@ function Workspace({
               data-testid="open-gallery"
               onClick={() => setGalleryOpen(true)}
             >
-              <IconLayoutGrid className="size-4" />
+              <Grid3x3 className="size-4" />
             </Button>
 
             <Button
@@ -2049,7 +2035,7 @@ function Workspace({
               disabled={assetIndex === 0}
               onClick={() => go(-1)}
             >
-              <IconChevronLeft className="size-4" />
+              <ChevronLeft className="size-4" />
             </Button>
             {/*
               `tabular-nums` is the whole reason this is a separate span rather
@@ -2072,7 +2058,7 @@ function Workspace({
               disabled={assetIndex >= assetCount - 1}
               onClick={() => go(1)}
             >
-              <IconChevronRight className="size-4" />
+              <ChevronRight className="size-4" />
             </Button>
           </div>
 
@@ -2117,7 +2103,7 @@ function Workspace({
                 disabled={!declares(asset, ASSET_ACTION.restore) || setProgress.isPending}
                 onClick={unskip}
               >
-                <IconArrowBackUp className="size-4" />
+                <Undo2 className="size-4" />
                 Un-skip
               </Button>
             ) : (
@@ -2129,7 +2115,7 @@ function Workspace({
                 disabled={!declares(asset, ASSET_ACTION.skip) || setProgress.isPending}
                 onClick={() => settle("skipped")}
               >
-                <IconPlayerSkipForward className="size-4" />
+                <SkipForward className="size-4" />
                 Skip
                 <Chip>X</Chip>
               </Button>
@@ -2222,7 +2208,7 @@ function Workspace({
                       });
                     }}
                   >
-                    <IconChecks className="size-4" />
+                    <CheckCheck className="size-4" />
                     {jobState === "completed" ? "Finished" : "Finish job"}
                   </Button>
                 </TooltipTrigger>
@@ -2290,7 +2276,7 @@ function Workspace({
                 onClick={() => go(1)}
               >
                 {flowLabel}
-                <IconChevronRight className="size-4" />
+                <ChevronRight className="size-4" />
               </Button>
             )}
 
@@ -2337,7 +2323,7 @@ function Workspace({
                     disabled={readOnly || !dirty || save.isPending}
                     onClick={() => attempt()}
                   >
-                    <IconCheck className="size-4" />
+                    <Check className="size-4" />
                     Save and stay
                   </Button>
                 </TooltipTrigger>
@@ -2394,7 +2380,7 @@ function Workspace({
                   disabled={setProgress.isPending}
                   onClick={() => settle(reviewAction.progress)}
                 >
-                  <IconChecks className="size-4" />
+                  <CheckCheck className="size-4" />
                   {reviewAction.label}
                 </Button>
               </TooltipTrigger>
@@ -2427,7 +2413,7 @@ function Workspace({
                 aria-label="More actions"
                 data-testid="more-actions"
               >
-                <IconDots className="size-4" />
+                <MoreHorizontal className="size-4" />
               </Button>
             </DropdownMenuTrigger>
             <DropdownMenuContent align="end">
@@ -2444,7 +2430,7 @@ function Workspace({
                   disabled={readOnly || !dirty || save.isPending}
                   onSelect={() => attempt()}
                 >
-                  <IconCheck className="size-4" />
+                  <Check className="size-4" />
                   Save and stay
                 </DropdownMenuItem>
               )}
@@ -2456,7 +2442,7 @@ function Workspace({
                   disabled={setProgress.isPending}
                   onSelect={() => settle(reviewAction.progress)}
                 >
-                  <IconChecks className="size-4" />
+                  <CheckCheck className="size-4" />
                   {reviewAction.label}
                 </DropdownMenuItem>
               )}
@@ -2472,7 +2458,7 @@ function Workspace({
                     data-testid="return-to-annotator"
                     onSelect={() => settle("annotated")}
                   >
-                    <IconArrowBackUp className="size-4" />
+                    <Undo2 className="size-4" />
                     Return to annotator
                   </DropdownMenuItem>
                   {/* Inside the conditional, not above the row below it: the two
@@ -2483,7 +2469,7 @@ function Workspace({
                 </>
               )}
               <DropdownMenuItem data-testid="menu-shortcuts" onSelect={() => setHelpOpen(true)}>
-                <IconHelpCircle className="size-4" />
+                <CircleHelp className="size-4" />
                 Keyboard shortcuts
               </DropdownMenuItem>
             </DropdownMenuContent>
@@ -2510,7 +2496,7 @@ function Workspace({
           className="flex shrink-0 items-center gap-2 border-b border-border bg-muted px-3 py-1.5 text-xs text-muted-foreground"
           data-testid="readonly-banner"
         >
-          <IconEye className="size-3.5 shrink-0" aria-hidden="true" />
+          <Eye className="size-3.5 shrink-0" aria-hidden="true" />
           <span className="font-medium">Viewing only.</span>
           {workflowBecause ?? settledBecause}
           {/*
@@ -2553,7 +2539,7 @@ function Workspace({
           className="flex shrink-0 items-center gap-2 border-b border-destructive/30 bg-destructive/5 px-3 py-1.5 text-xs text-destructive"
           data-testid="skipped-notice"
         >
-          <IconPlayerSkipForward className="size-3.5 shrink-0" aria-hidden="true" />
+          <SkipForward className="size-3.5 shrink-0" aria-hidden="true" />
           This asset is skipped, so it will not reach the dataset and its annotations will not
           count towards the job. Un-skip it to put it back in play.
         </p>
@@ -2717,7 +2703,7 @@ function Workspace({
               <EditorNotice
                 testId="opening-refusal"
                 tone="warn"
-                icon={<IconAlertTriangle className="size-4" />}
+                icon={<TriangleAlert className="size-4" />}
                 title={asApiError(openingRefusal).code}
               >
                 {refusalProse(openingRefusal)}
@@ -2736,7 +2722,7 @@ function Workspace({
               <EditorNotice
                 testId="save-refusal"
                 tone="warn"
-                icon={<IconAlertTriangle className="size-4" />}
+                icon={<TriangleAlert className="size-4" />}
                 title={asApiError(save.error).code}
               >
                 <p className="font-medium text-foreground">This frame could not be saved</p>
@@ -2766,7 +2752,7 @@ function Workspace({
               <EditorNotice
                 testId="action-refusal"
                 tone="warn"
-                icon={<IconAlertTriangle className="size-4" />}
+                icon={<TriangleAlert className="size-4" />}
                 title={asApiError(actionRefusal).code}
               >
                 {refusalProse(actionRefusal)}
@@ -3201,7 +3187,7 @@ function SaveState({
     // so the exception is retired rather than inherited. The tick still
     // carries the meaning on its own — state is never colour alone.
     <span className="flex items-center gap-1 text-xs text-success" data-testid="save-state">
-      <IconCheck className="size-3.5" aria-hidden="true" />
+      <Check className="size-3.5" aria-hidden="true" />
       Saved
     </span>
   );
diff --git a/frontend/ui-core/src/annotator/AnnotatorPanel.tsx b/frontend/ui-core/src/annotator/AnnotatorPanel.tsx
index ebb8e8e4..f562f194 100644
--- a/frontend/ui-core/src/annotator/AnnotatorPanel.tsx
+++ b/frontend/ui-core/src/annotator/AnnotatorPanel.tsx
@@ -82,7 +82,7 @@ import {
   type LabelClass,
   type Tool,
 } from "@visionset/annotator";
-import { IconCheck, IconEye, IconEyeOff, IconSparkles, IconTag, IconTrash } from "@tabler/icons-react";
+import { Check, Eye, EyeOff, Sparkles, Tag, Trash2 } from "lucide-react";
 import { useEffect, useRef, useState, type JSX, type RefObject } from "react";
 
 import { geometryLabel } from "../data/geometryCategory";
@@ -284,7 +284,7 @@ export function AnnotatorPanel({
             disabled={drawn.length === 0}
             onClick={() => onHiddenChange(allHidden ? new Set() : new Set(drawn.map((o) => o.id)))}
           >
-            {allHidden ? <IconEyeOff className="size-4" /> : <IconEye className="size-4" />}
+            {allHidden ? <EyeOff className="size-4" /> : <Eye className="size-4" />}
           </Button>
         </div>
       </div>
@@ -428,7 +428,7 @@ function TagRegion({
                 />
                 <span className="truncate">{declared.name}</span>
                 {on ? (
-                  <IconCheck className="size-3 text-primary" aria-hidden="true" />
+                  <Check className="size-3 text-primary" aria-hidden="true" />
                 ) : (
                   <kbd className="rounded-sm border border-border px-1 font-mono text-xs">
                     {hotkeyForClass(schema, declared.name) ?? "—"}
@@ -487,7 +487,7 @@ function ModelMark({
           aria-label={`Model-produced by ${annotation.model_ref ?? "an unnamed model"}`}
           className="flex shrink-0 items-center text-xs text-muted-foreground"
         >
-          <IconSparkles className="size-3" aria-hidden="true" />
+          <Sparkles className="size-3" aria-hidden="true" />
         </span>
       </TooltipTrigger>
       {/* The full reference, which is far too long for the row and is exactly
@@ -591,7 +591,7 @@ function ObjectRow({
         data-testid={`object-visibility-${index}`}
         onClick={onToggleVisible}
       >
-        {hidden ? <IconEyeOff className="size-3.5" /> : <IconEye className="size-3.5" />}
+        {hidden ? <EyeOff className="size-3.5" /> : <Eye className="size-3.5" />}
       </Button>
       <Button
         variant="ghost"
@@ -601,7 +601,7 @@ function ObjectRow({
         onClick={onRemove}
         disabled={onRemove === undefined}
       >
-        <IconTrash className="size-3.5" />
+        <Trash2 className="size-3.5" />
       </Button>
     </li>
   );
@@ -639,7 +639,7 @@ function RowReassign({
           aria-label={`Reassign object ${index + 1}`}
           data-testid={`object-reclass-${index}`}
         >
-          <IconTag className="size-3.5" />
+          <Tag className="size-3.5" />
         </Button>
       </DropdownMenuTrigger>
       <ReassignMenu
diff --git a/frontend/ui-core/src/annotator/AssetImage.tsx b/frontend/ui-core/src/annotator/AssetImage.tsx
index 49c90a83..28dd4d5d 100644
--- a/frontend/ui-core/src/annotator/AssetImage.tsx
+++ b/frontend/ui-core/src/annotator/AssetImage.tsx
@@ -22,7 +22,7 @@
  * app-level blob cache would only pin the same bytes in JS memory a second time.
  */
 
-import { IconPhotoOff } from "@tabler/icons-react";
+import { ImageOff } from "lucide-react";
 import { useEffect, useState, type JSX, type ReactNode } from "react";
 
 import { useApiClient } from "../data/ApiProvider";
@@ -86,7 +86,7 @@ export function AssetImage({ projectId, assetId, children }: AssetImageProps): J
         data-testid="asset-image-error"
         className="flex size-full flex-col items-center justify-center gap-2 text-muted-foreground"
       >
-        <IconPhotoOff className="size-6" aria-hidden="true" />
+        <ImageOff className="size-6" aria-hidden="true" />
         <span className="text-xs">The asset&rsquo;s content could not be loaded.</span>
       </div>
     );
diff --git a/frontend/ui-core/src/annotator/CanvasReassign.tsx b/frontend/ui-core/src/annotator/CanvasReassign.tsx
index 26bc4a3a..9e7f8150 100644
--- a/frontend/ui-core/src/annotator/CanvasReassign.tsx
+++ b/frontend/ui-core/src/annotator/CanvasReassign.tsx
@@ -54,7 +54,7 @@ import {
   useAnnotatorSnapshot,
 } from "@visionset/annotator";
 import type { AnnotatorStore, Geometry, Viewport } from "@visionset/annotator";
-import { IconTag } from "@tabler/icons-react";
+import { Tag } from "lucide-react";
 import type { JSX } from "react";
 
 import { Button } from "../primitives/Button";
@@ -130,7 +130,7 @@ export function CanvasReassign({
             aria-label={`Reassign the selected ${subject.label_class}`}
             data-testid="canvas-reclass"
           >
-            <IconTag className="size-3.5" />
+            <Tag className="size-3.5" />
           </Button>
         </DropdownMenuTrigger>
         <ReassignMenu
diff --git a/frontend/ui-core/src/annotator/ClassRegion.tsx b/frontend/ui-core/src/annotator/ClassRegion.tsx
index 880e16b4..cabd93d0 100644
--- a/frontend/ui-core/src/annotator/ClassRegion.tsx
+++ b/frontend/ui-core/src/annotator/ClassRegion.tsx
@@ -58,7 +58,7 @@ import {
   type LabelClass,
   type Tool,
 } from "@visionset/annotator";
-import { IconPlus } from "@tabler/icons-react";
+import { Plus } from "lucide-react";
 import { useState, type JSX, type RefObject } from "react";
 
 import { formatGeometries, geometryLabel } from "../data/geometryCategory";
@@ -202,7 +202,7 @@ export function ClassRegion({
             disabled={onAddClass === undefined}
             onClick={() => onAddClass?.("")}
           >
-            <IconPlus className="size-4" />
+            <Plus className="size-4" />
           </Button>
         </div>
       </div>
@@ -267,7 +267,7 @@ export function ClassRegion({
               className="flex h-9 w-full shrink-0 items-center gap-2 border-t border-border px-3 text-left text-sm text-muted-foreground hover:bg-muted"
               onClick={() => onAddClass?.(creatable)}
             >
-              <IconPlus className="size-3.5 shrink-0" aria-hidden="true" />
+              <Plus className="size-3.5 shrink-0" aria-hidden="true" />
               <span className="truncate">Create class “{creatable}”</span>
             </button>
           )}
diff --git a/frontend/ui-core/src/annotator/GeometryIcon.tsx b/frontend/ui-core/src/annotator/GeometryIcon.tsx
index e1858876..4402549e 100644
--- a/frontend/ui-core/src/annotator/GeometryIcon.tsx
+++ b/frontend/ui-core/src/annotator/GeometryIcon.tsx
@@ -10,7 +10,7 @@
  * size. The strip can afford them — it is five controls learned once.
  */
 
-import { IconPointer, IconPolygon, IconSquare, IconVectorSpline } from "@tabler/icons-react";
+import { MousePointer2, Spline, Square, Waypoints } from "lucide-react";
 import type { JSX } from "react";
 
 export interface GeometryIconProps {
@@ -27,10 +27,10 @@ export interface GeometryIconProps {
 
 /** One glyph per geometry: a closed rectangle, a closed path, an open path, or the pointer. */
 export function GeometryIcon({ tool, className = "size-4" }: GeometryIconProps): JSX.Element {
-  if (tool === "bbox") return <IconSquare className={className} />;
-  if (tool === "polygon") return <IconPolygon className={className} />;
-  // A lane is a path, and it must read as an OPEN one — `IconPolygon` is already
+  if (tool === "bbox") return <Square className={className} />;
+  if (tool === "polygon") return <Spline className={className} />;
+  // A lane is a path, and it must read as an OPEN one — `Spline` is already
   // the closed shape above it, and using it here would say "closed" for a lane.
-  if (tool === "polyline") return <IconVectorSpline className={className} />;
-  return <IconPointer className={className} />;
+  if (tool === "polyline") return <Waypoints className={className} />;
+  return <MousePointer2 className={className} />;
 }
diff --git a/frontend/ui-core/src/annotator/ReassignMenu.tsx b/frontend/ui-core/src/annotator/ReassignMenu.tsx
index 29e77783..bca1d259 100644
--- a/frontend/ui-core/src/annotator/ReassignMenu.tsx
+++ b/frontend/ui-core/src/annotator/ReassignMenu.tsx
@@ -47,7 +47,7 @@
 
 import { digitFromCode, hotkeyForClass } from "@visionset/annotator";
 import type { Annotation, AnnotationSchema, LabelClass } from "@visionset/annotator";
-import { IconCheck } from "@tabler/icons-react";
+import { Check } from "lucide-react";
 import type { JSX, KeyboardEvent } from "react";
 
 import { formatGeometries } from "../data/geometryCategory";
@@ -143,7 +143,7 @@ export function ReassignMenu({
               style={{ background: classColor(declared, declared.name) }}
             />
             <span className="min-w-0 flex-1 truncate">{declared.name}</span>
-            {current && <IconCheck className="size-3.5 shrink-0" aria-label="current class" />}
+            {current && <Check className="size-3.5 shrink-0" aria-label="current class" />}
             {ok ? (
               hotkey !== null && (
                 <kbd className="shrink-0 rounded-sm border border-border px-1 font-mono text-xs text-muted-foreground">
diff --git a/frontend/ui-core/src/annotator/SuggestPanel.tsx b/frontend/ui-core/src/annotator/SuggestPanel.tsx
index f47615a1..83e280ba 100644
--- a/frontend/ui-core/src/annotator/SuggestPanel.tsx
+++ b/frontend/ui-core/src/annotator/SuggestPanel.tsx
@@ -63,13 +63,7 @@ import {
   type SuggestionState,
   type Detail,
 } from "@visionset/annotator";
-import {
-  IconAlertTriangle,
-  IconCheck,
-  IconLoader2,
-  IconSparkles,
-  IconX,
-} from "@tabler/icons-react";
+import { Check, Loader2, Sparkles, TriangleAlert, X } from "lucide-react";
 import type { JSX, ReactNode } from "react";
 
 import { EditorNotice } from "./EditorNotice";
@@ -224,7 +218,7 @@ export function SuggestPanel({
   */
   if (isParked(session)) {
     return (
-      <EditorNotice testId="suggest-panel" tone="calm" icon={<IconSparkles className="size-4" />}>
+      <EditorNotice testId="suggest-panel" tone="calm" icon={<Sparkles className="size-4" />}>
         <p className="font-medium text-foreground" data-testid="suggest-parked">
           {heldClass === null
             ? "Nothing selected to suggest for"
@@ -248,7 +242,7 @@ export function SuggestPanel({
           data-testid="suggest-discard"
           onClick={onDiscard}
         >
-          <IconX className="size-4" aria-hidden="true" />
+          <X className="size-4" aria-hidden="true" />
           Put the tool away
         </Button>
       </EditorNotice>
@@ -265,9 +259,9 @@ export function SuggestPanel({
         tone={copy.tone}
         icon={
           copy.tone === "warn" ? (
-            <IconAlertTriangle className="size-4" />
+            <TriangleAlert className="size-4" />
           ) : (
-            <IconLoader2 className="size-4 animate-spin" />
+            <Loader2 className="size-4 animate-spin" />
           )
         }
       >
@@ -294,7 +288,7 @@ export function SuggestPanel({
 
   if (session.status === "refused") {
     return (
-      <EditorNotice testId="suggest-panel" tone="warn" icon={<IconAlertTriangle className="size-4" />}>
+      <EditorNotice testId="suggest-panel" tone="warn" icon={<TriangleAlert className="size-4" />}>
         <p className="font-medium text-foreground">That suggestion could not be made</p>
         {/* The server's sentence, verbatim. It is the one that carries the
             install command when the cause is a missing extra. */}
@@ -315,7 +309,7 @@ export function SuggestPanel({
   // lives in `usePendingIndicator` rather than here.
   if (session.status === "asking") {
     return (
-      <EditorNotice testId="suggest-panel" tone="calm" icon={<IconLoader2 className="size-4 animate-spin" />}>
+      <EditorNotice testId="suggest-panel" tone="calm" icon={<Loader2 className="size-4 animate-spin" />}>
         <p className="font-medium text-foreground" data-testid="suggest-asking">
           Looking at that…
         </p>
@@ -334,7 +328,7 @@ export function SuggestPanel({
 
   if (session.status === "none") {
     return (
-      <EditorNotice testId="suggest-panel" tone="calm" icon={<IconSparkles className="size-4" />}>
+      <EditorNotice testId="suggest-panel" tone="calm" icon={<Sparkles className="size-4" />}>
         <p className="font-medium text-foreground" data-testid="suggest-none">
           Nothing to suggest there
         </p>
@@ -375,7 +369,7 @@ export function SuggestPanel({
   */
   if (isAcceptable(session)) {
     return (
-      <EditorNotice testId="suggest-panel" tone="calm" icon={<IconSparkles className="size-4" />}>
+      <EditorNotice testId="suggest-panel" tone="calm" icon={<Sparkles className="size-4" />}>
         <p className="font-medium text-foreground" data-testid="suggest-shown">
           A shape for “{session.labelClass}”
         </p>
@@ -384,7 +378,7 @@ export function SuggestPanel({
         </p>
         <div className="mt-1 flex gap-2">
           <Button variant="primary" size="sm" data-testid="suggest-accept" onClick={onAccept}>
-            <IconCheck className="size-4" aria-hidden="true" />
+            <Check className="size-4" aria-hidden="true" />
             Accept
             <Chip>↵</Chip>
           </Button>
@@ -404,7 +398,7 @@ export function SuggestPanel({
   }
 
   return (
-    <EditorNotice testId="suggest-panel" tone="calm" icon={<IconSparkles className="size-4" />}>
+    <EditorNotice testId="suggest-panel" tone="calm" icon={<Sparkles className="size-4" />}>
       <p className="font-medium text-foreground" data-testid="suggest-idle">
         Click the thing you want
       </p>
@@ -495,7 +489,7 @@ function Discard({ onDiscard }: { readonly onDiscard: () => void }): JSX.Element
       data-testid="suggest-discard"
       onClick={onDiscard}
     >
-      <IconX className="size-4" aria-hidden="true" />
+      <X className="size-4" aria-hidden="true" />
       Clear the points
       <Chip>Esc</Chip>
     </Button>
diff --git a/frontend/ui-core/src/annotator/ToolPalette.tsx b/frontend/ui-core/src/annotator/ToolPalette.tsx
index 84d2e230..e0f36e79 100644
--- a/frontend/ui-core/src/annotator/ToolPalette.tsx
+++ b/frontend/ui-core/src/annotator/ToolPalette.tsx
@@ -94,14 +94,7 @@ import {
 } from "@visionset/annotator";
 
 import { geometryLabel } from "../data/geometryCategory";
-import {
-  IconArrowBackUp,
-  IconArrowForwardUp,
-  IconHandStop,
-  IconHelpCircle,
-  IconPlus,
-  IconSparkles,
-} from "@tabler/icons-react";
+import { CircleHelp, Hand, Plus, Redo2, Sparkles, Undo2 } from "lucide-react";
 
 import { GeometryIcon } from "./GeometryIcon";
 import type { JSX, MouseEvent, ReactNode } from "react";
@@ -439,7 +432,7 @@ export function ToolPalette({
           onMouseDown={keepFocus}
           onClick={suggest.onToggle}
         >
-          <IconSparkles className="size-4" />
+          <Sparkles className="size-4" />
         </PaletteButton>
       )}
 
@@ -454,7 +447,7 @@ export function ToolPalette({
           onMouseDown={keepFocus}
           onClick={onAddClass}
         >
-          <IconPlus className="size-4" />
+          <Plus className="size-4" />
         </PaletteButton>
       )}
 
@@ -472,7 +465,7 @@ export function ToolPalette({
         onMouseDown={keepFocus}
         onClick={hand.onToggle}
       >
-        <IconHandStop className="size-4" />
+        <Hand className="size-4" />
       </PaletteButton>
 
       {!readOnly && history !== undefined && (
@@ -493,7 +486,7 @@ export function ToolPalette({
             onMouseDown={keepFocus}
             onClick={history.onUndo}
           >
-            <IconArrowBackUp className="size-4" />
+            <Undo2 className="size-4" />
           </PaletteButton>
           <PaletteButton
             testId="tool-redo"
@@ -503,7 +496,7 @@ export function ToolPalette({
             onMouseDown={keepFocus}
             onClick={history.onRedo}
           >
-            <IconArrowForwardUp className="size-4" />
+            <Redo2 className="size-4" />
           </PaletteButton>
         </>
       )}
@@ -517,7 +510,7 @@ export function ToolPalette({
         onMouseDown={keepFocus}
         onClick={onToggleHelp}
       >
-        <IconHelpCircle className="size-4" />
+        <CircleHelp className="size-4" />
       </PaletteButton>
     </div>
   );
diff --git a/frontend/ui-core/src/annotator/ZoomWidget.tsx b/frontend/ui-core/src/annotator/ZoomWidget.tsx
index 94524044..410236fc 100644
--- a/frontend/ui-core/src/annotator/ZoomWidget.tsx
+++ b/frontend/ui-core/src/annotator/ZoomWidget.tsx
@@ -25,7 +25,7 @@
  * a person could change to get it.
  */
 
-import { IconMaximize, IconMinimize, IconMinus, IconPlus, IconScan } from "@tabler/icons-react";
+import { Maximize2, Minimize2, Minus, Plus, Scan } from "lucide-react";
 import { useEffect, useState, type JSX } from "react";
 
 import { Button } from "../primitives/Button";
@@ -70,7 +70,7 @@ export function ZoomWidget({
         reason={floorReason}
         onClick={onZoomOut}
       >
-        <IconMinus className="size-4" />
+        <Minus className="size-4" />
       </ZoomButton>
 
       {/* The stage's own scale, capped by it — so the ceiling reads exactly
@@ -89,7 +89,7 @@ export function ZoomWidget({
         reason={ceilingReason}
         onClick={onZoomIn}
       >
-        <IconPlus className="size-4" />
+        <Plus className="size-4" />
       </ZoomButton>
 
       <span className="mx-0.5 h-5 w-px bg-border" />
@@ -97,7 +97,7 @@ export function ZoomWidget({
       {/* The same implementation `mod+0` reaches, which is why that chord stays
           intercepted rather than forwarded to the host. */}
       <ZoomButton testId="fit" label="Fit to window" atBound={false} reason="" onClick={onFit}>
-        <IconScan className="size-4" />
+        <Scan className="size-4" />
       </ZoomButton>
 
       {fullscreen !== null && (
@@ -108,7 +108,7 @@ export function ZoomWidget({
           reason=""
           onClick={fullscreen.toggle}
         >
-          {fullscreen.active ? <IconMinimize className="size-4" /> : <IconMaximize className="size-4" />}
+          {fullscreen.active ? <Minimize2 className="size-4" /> : <Maximize2 className="size-4" />}
         </ZoomButton>
       )}
     </div>
diff --git a/frontend/ui-core/src/data/TokenGate.tsx b/frontend/ui-core/src/data/TokenGate.tsx
index f0c488de..fa9727b7 100644
--- a/frontend/ui-core/src/data/TokenGate.tsx
+++ b/frontend/ui-core/src/data/TokenGate.tsx
@@ -45,7 +45,7 @@
  * for ten minutes.
  */
 
-import { IconKey } from "@tabler/icons-react";
+import { Key } from "lucide-react";
 import { useEffect, useState, type FormEvent, type JSX, type ReactNode } from "react";
 
 import { createApiClient } from "../client";
@@ -123,7 +123,7 @@ export function TokenForm(): JSX.Element {
       <Card className="w-full max-w-md">
         <CardHeader>
           <CardTitle className="flex items-center gap-2">
-            <IconKey className="size-4 text-primary" aria-hidden="true" />
+            <Key className="size-4 text-primary" aria-hidden="true" />
             Connect to a workspace
           </CardTitle>
           <CardDescription>
diff --git a/frontend/ui-core/src/patterns/AsyncStates.tsx b/frontend/ui-core/src/patterns/AsyncStates.tsx
index cecbf2f6..6c85bfac 100644
--- a/frontend/ui-core/src/patterns/AsyncStates.tsx
+++ b/frontend/ui-core/src/patterns/AsyncStates.tsx
@@ -17,7 +17,7 @@
  * incident id where a person can quote it. What a retry *does* is the caller's.
  */
 
-import { IconAlertTriangle, IconInbox } from "@tabler/icons-react";
+import { Inbox, TriangleAlert } from "lucide-react";
 import type { JSX, ReactNode } from "react";
 
 import { cn } from "../lib/cn";
@@ -78,7 +78,7 @@ export function EmptyState({
       )}
     >
       <span className="text-muted-foreground" aria-hidden="true">
-        {icon ?? <IconInbox className="size-8" />}
+        {icon ?? <Inbox className="size-8" />}
       </span>
       <p className="text-base font-semibold font-heading">{title}</p>
       {description !== undefined && (
@@ -126,7 +126,7 @@ export function ErrorState({
       variant="destructive"
       title={
         <span className="flex items-center gap-2">
-          <IconAlertTriangle className="size-4 shrink-0" aria-hidden="true" />
+          <TriangleAlert className="size-4 shrink-0" aria-hidden="true" />
           {message}
         </span>
       }
diff --git a/frontend/ui-core/src/patterns/BackLink.tsx b/frontend/ui-core/src/patterns/BackLink.tsx
index a19f2454..1eafdbeb 100644
--- a/frontend/ui-core/src/patterns/BackLink.tsx
+++ b/frontend/ui-core/src/patterns/BackLink.tsx
@@ -17,7 +17,7 @@
  * renders no control rather than a dead one — the caller omits it.
  */
 
-import { IconArrowLeft } from "@tabler/icons-react";
+import { ArrowLeft } from "lucide-react";
 import type { JSX } from "react";
 
 import { Button } from "../primitives/Button";
@@ -42,7 +42,7 @@ export function BackLink({ label, onNavigate }: BackLinkProps): JSX.Element {
       className="-ml-2 w-fit max-w-64 text-muted-foreground hover:text-foreground"
       onClick={onNavigate}
     >
-      <IconArrowLeft aria-hidden="true" />
+      <ArrowLeft aria-hidden="true" />
       <span className="truncate">{label}</span>
     </Button>
   );
diff --git a/frontend/ui-core/src/patterns/ClassFields.tsx b/frontend/ui-core/src/patterns/ClassFields.tsx
index a7e5c376..9d857649 100644
--- a/frontend/ui-core/src/patterns/ClassFields.tsx
+++ b/frontend/ui-core/src/patterns/ClassFields.tsx
@@ -19,7 +19,7 @@
  * mounted.
  */
 
-import { IconPlus, IconTrash } from "@tabler/icons-react";
+import { Plus, Trash2 } from "lucide-react";
 import type { JSX } from "react";
 
 import { geometryLabel, groupGeometries } from "../data/geometryCategory";
@@ -287,7 +287,7 @@ function Attributes({
             onChange([...attributes, { name: "", kind: "string", required: false, default: null }])
           }
         >
-          <IconPlus className="size-4" aria-hidden="true" />
+          <Plus className="size-4" aria-hidden="true" />
           Add
         </Button>
       </div>
@@ -404,7 +404,7 @@ function Attributes({
                 disabled={disabled}
                 onClick={() => onChange(attributes.filter((_, i) => i !== index))}
               >
-                <IconTrash aria-hidden="true" />
+                <Trash2 aria-hidden="true" />
               </Button>
             </div>
           </div>
diff --git a/frontend/ui-core/src/patterns/ProjectNav.tsx b/frontend/ui-core/src/patterns/ProjectNav.tsx
index 517b8c17..a5853501 100644
--- a/frontend/ui-core/src/patterns/ProjectNav.tsx
+++ b/frontend/ui-core/src/patterns/ProjectNav.tsx
@@ -45,18 +45,7 @@
  * and a hairline, no `sidebar-*` token anywhere in it.
  */
 
-import {
-  IconChevronDown,
-  IconDatabase,
-  IconDots,
-  IconLayoutGrid,
-  IconPencil,
-  IconSitemap,
-  IconStack2,
-  IconTrash,
-  IconUpload,
-  type Icon,
-} from "@tabler/icons-react";
+import { ChevronDown, Database, Grid3x3, Layers, MoreHorizontal, Network, Pencil, Trash2, type LucideIcon, Upload } from "lucide-react";
 import { cva } from "class-variance-authority";
 import type { JSX, MouseEvent, ReactNode } from "react";
 
@@ -87,7 +76,7 @@ export const DEFAULT_PROJECT_SECTION: ProjectSection = "overview";
 
 interface SectionLabel {
   readonly label: string;
-  readonly icon: Icon;
+  readonly icon: LucideIcon;
 }
 
 /**
@@ -109,10 +98,10 @@ const navItemVariants = cva(
 );
 
 const SECTION_LABELS: Record<ProjectSection, SectionLabel> = {
-  overview: { label: "Overview", icon: IconLayoutGrid },
-  schema: { label: "Schema", icon: IconSitemap },
-  batches: { label: "Batches", icon: IconStack2 },
-  dataset: { label: "Dataset", icon: IconDatabase },
+  overview: { label: "Overview", icon: Grid3x3 },
+  schema: { label: "Schema", icon: Network },
+  batches: { label: "Batches", icon: Layers },
+  dataset: { label: "Dataset", icon: Database },
 };
 
 /** One batch the annotator can be opened on: what the `Annotate ▾` menu lists. */
@@ -251,7 +240,7 @@ function Cta({ annotate, onIngest, contentOwnsTheAction = false, layout }: Proje
       className={wide}
       onClick={onIngest}
     >
-      <IconUpload className="size-4" aria-hidden="true" />
+      <Upload className="size-4" aria-hidden="true" />
       Ingest
     </Button>
   );
@@ -277,7 +266,7 @@ function AnnotateAction({
   if (targets.length === 1 && only !== undefined) {
     return (
       <Button variant="primary" data-testid="go-annotate" className={className} onClick={() => onOpen(only.id)}>
-        <IconPencil className="size-4" aria-hidden="true" />
+        <Pencil className="size-4" aria-hidden="true" />
         Annotate
       </Button>
     );
@@ -288,9 +277,9 @@ function AnnotateAction({
         {/* Same testid and variant as the jumping form: one control with two
             shapes, and the chevron is what tells them apart. */}
         <Button variant="primary" data-testid="go-annotate" className={className}>
-          <IconPencil className="size-4" aria-hidden="true" />
+          <Pencil className="size-4" aria-hidden="true" />
           Annotate
-          <IconChevronDown className="size-4" aria-hidden="true" />
+          <ChevronDown className="size-4" aria-hidden="true" />
         </Button>
       </DropdownMenuTrigger>
       <DropdownMenuContent align="start">
@@ -319,20 +308,20 @@ function Overflow({ onRename, onDelete }: ProjectNavProps): JSX.Element | null {
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
         <Button variant="ghost" size="icon" aria-label="More actions" data-testid="project-menu">
-          <IconDots className="size-4" aria-hidden="true" />
+          <MoreHorizontal className="size-4" aria-hidden="true" />
         </Button>
       </DropdownMenuTrigger>
       <DropdownMenuContent align="start">
         {onRename !== undefined && (
           <DropdownMenuItem data-testid="rename-project" onSelect={onRename}>
-            <IconPencil className="size-4" aria-hidden="true" />
+            <Pencil className="size-4" aria-hidden="true" />
             Rename
           </DropdownMenuItem>
         )}
         {onRename !== undefined && onDelete !== undefined && <DropdownMenuSeparator />}
         {onDelete !== undefined && (
           <DropdownMenuItem destructive data-testid="delete-project" onSelect={onDelete}>
-            <IconTrash className="size-4" aria-hidden="true" />
+            <Trash2 className="size-4" aria-hidden="true" />
             Delete
           </DropdownMenuItem>
         )}
diff --git a/frontend/ui-core/src/patterns/projectNav.test.tsx b/frontend/ui-core/src/patterns/projectNav.test.tsx
index 566e2ed5..0aa9b18e 100644
--- a/frontend/ui-core/src/patterns/projectNav.test.tsx
+++ b/frontend/ui-core/src/patterns/projectNav.test.tsx
@@ -163,10 +163,14 @@ describe("ProjectNav", () => {
     expect(screen.getByTestId("project-menu")).toBeTruthy();
   });
 
-  it("is drawn with Tabler only", () => {
+  it("draws from the one icon set and no other", () => {
     // `import.meta.url` is an `http://localhost/` URL under jsdom, so the path is
     // resolved from the package root vitest runs in rather than from this module.
     const source = readFileSync(resolve(process.cwd(), "src/patterns/ProjectNav.tsx"), "utf8");
-    expect(source).not.toMatch(/lucide-react/);
+    // Both directions: the set it draws, and the one it must not reach back for.
+    // Asserting only the absence would pass for a file that had stopped drawing
+    // icons at all.
+    expect(source).toMatch(/lucide-react/);
+    expect(source).not.toMatch(/@tabler\/icons-react/);
   });
 });
diff --git a/frontend/ui-core/src/primitives/Dialog.tsx b/frontend/ui-core/src/primitives/Dialog.tsx
index 1846a89f..9109ca68 100644
--- a/frontend/ui-core/src/primitives/Dialog.tsx
+++ b/frontend/ui-core/src/primitives/Dialog.tsx
@@ -14,7 +14,7 @@
  */
 
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { IconX } from "@tabler/icons-react";
+import { X } from "lucide-react";
 import {
   createContext,
   forwardRef,
@@ -95,7 +95,7 @@ export const DialogContent = forwardRef<
             "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 dark:hover:bg-muted/50"
           }
         >
-          <IconX className="size-4" aria-hidden="true" />
+          <X className="size-4" aria-hidden="true" />
         </DialogPrimitive.Close>
       </DialogPrimitive.Content>
     </DialogPortal>
diff --git a/frontend/ui-core/src/primitives/Select.tsx b/frontend/ui-core/src/primitives/Select.tsx
index de28c64e..9f3aad0a 100644
--- a/frontend/ui-core/src/primitives/Select.tsx
+++ b/frontend/ui-core/src/primitives/Select.tsx
@@ -65,7 +65,7 @@
  */
 
 import * as SelectPrimitive from "@radix-ui/react-select";
-import { IconCheck, IconChevronDown, IconChevronUp } from "@tabler/icons-react";
+import { Check, ChevronDown, ChevronUp } from "lucide-react";
 import {
   forwardRef,
   type ComponentPropsWithoutRef,
@@ -112,7 +112,7 @@ export const SelectTrigger = forwardRef<
     >
       {children}
       <SelectPrimitive.Icon asChild>
-        <IconChevronDown className="size-4 text-muted-foreground" aria-hidden="true" />
+        <ChevronDown className="size-4 text-muted-foreground" aria-hidden="true" />
       </SelectPrimitive.Icon>
     </SelectPrimitive.Trigger>
   );
@@ -156,7 +156,7 @@ export const SelectContent = forwardRef<
           because it is the fix `models.spec.ts` asserts.
         */}
         <SelectPrimitive.ScrollUpButton className="z-10 flex cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4">
-          <IconChevronUp className="size-4 text-muted-foreground" aria-hidden="true" />
+          <ChevronUp className="size-4 text-muted-foreground" aria-hidden="true" />
         </SelectPrimitive.ScrollUpButton>
         <SelectPrimitive.Viewport
           className={cn(
@@ -167,7 +167,7 @@ export const SelectContent = forwardRef<
           {children}
         </SelectPrimitive.Viewport>
         <SelectPrimitive.ScrollDownButton className="z-10 flex cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4">
-          <IconChevronDown className="size-4 text-muted-foreground" aria-hidden="true" />
+          <ChevronDown className="size-4 text-muted-foreground" aria-hidden="true" />
         </SelectPrimitive.ScrollDownButton>
       </SelectPrimitive.Content>
     </SelectPrimitive.Portal>
@@ -214,7 +214,7 @@ export const SelectItem = forwardRef<
       </SelectPrimitive.ItemText>
       <span className="absolute right-2 flex size-4 items-center justify-center">
         <SelectPrimitive.ItemIndicator>
-          <IconCheck className="size-4 text-primary" aria-hidden="true" />
+          <Check className="size-4 text-primary" aria-hidden="true" />
         </SelectPrimitive.ItemIndicator>
       </span>
     </SelectPrimitive.Item>
diff --git a/frontend/ui-core/src/screens/AssetThumbnail.tsx b/frontend/ui-core/src/screens/AssetThumbnail.tsx
index 5922d8f7..c6f33a60 100644
--- a/frontend/ui-core/src/screens/AssetThumbnail.tsx
+++ b/frontend/ui-core/src/screens/AssetThumbnail.tsx
@@ -36,7 +36,7 @@
  * gigabytes.
  */
 
-import { IconPhoto, IconPhotoOff } from "@tabler/icons-react";
+import { Image, ImageOff } from "lucide-react";
 import { useEffect, useState, type JSX } from "react";
 
 import { useApiClient } from "../data/ApiProvider";
@@ -71,9 +71,9 @@ export function ThumbnailPlaceholder({
       className={`flex items-center justify-center bg-muted text-muted-foreground ${className ?? ""}`}
     >
       {broken ? (
-        <IconPhotoOff className="size-5" aria-hidden="true" />
+        <ImageOff className="size-5" aria-hidden="true" />
       ) : (
-        <IconPhoto className="size-5" aria-hidden="true" />
+        <Image className="size-5" aria-hidden="true" />
       )}
       <span className="sr-only">{alt}</span>
     </div>
diff --git a/frontend/ui-core/src/screens/BatchLifecycle.tsx b/frontend/ui-core/src/screens/BatchLifecycle.tsx
index ed6de80d..75acbf04 100644
--- a/frontend/ui-core/src/screens/BatchLifecycle.tsx
+++ b/frontend/ui-core/src/screens/BatchLifecycle.tsx
@@ -23,7 +23,7 @@
  */
 
 import { useState, type JSX } from "react";
-import { IconPlayerPlay, IconSquareCheck } from "@tabler/icons-react";
+import { Play, SquareCheck } from "lucide-react";
 
 import { asApiError } from "../data/errors";
 import { refusalProse } from "../data/refusals";
@@ -152,7 +152,7 @@ export function CompleteBatchButton({
         disabled={outstanding > 0 || finish.isPending}
         onClick={() => finish.mutate()}
       >
-        <IconSquareCheck className="size-4" aria-hidden="true" />
+        <SquareCheck className="size-4" aria-hidden="true" />
         {finish.isPending ? "Completing…" : "Complete"}
       </Button>
 
@@ -356,7 +356,7 @@ export function StartAnnotatingButton({
         disabled={start.isPending}
         onClick={() => start.mutate()}
       >
-        <IconPlayerPlay className="size-4" aria-hidden="true" />
+        <Play className="size-4" aria-hidden="true" />
         {start.isPending ? "Starting…" : "Start annotating"}
       </Button>
       {refusal !== null && (
diff --git a/frontend/ui-core/src/screens/BatchesScreen.tsx b/frontend/ui-core/src/screens/BatchesScreen.tsx
index adbb0a64..8e1a67af 100644
--- a/frontend/ui-core/src/screens/BatchesScreen.tsx
+++ b/frontend/ui-core/src/screens/BatchesScreen.tsx
@@ -30,7 +30,7 @@
  * UUIDs. A program has the SDK and the API.
  */
 
-import { IconPlayerPlay, IconStack2, IconUpload } from "@tabler/icons-react";
+import { Layers, Play, Upload } from "lucide-react";
 import { useState, type JSX } from "react";
 
 import { Async } from "../data/Async";
@@ -89,7 +89,7 @@ export function BatchesScreen({
           <>
             {onIngest !== undefined && (
               <Button variant="secondary" data-testid="go-ingest" onClick={onIngest}>
-                <IconUpload className="size-4" aria-hidden="true" />
+                <Upload className="size-4" aria-hidden="true" />
                 Ingest
               </Button>
             )}
@@ -285,7 +285,7 @@ function Lifecycle({
       // several filled buttons down the same column, under a page header whose
       // "Annotate" is the actual forward action.
       <Button variant="secondary" size="sm" data-testid={`approve-${batch.name}`} onClick={onApprove}>
-        <IconStack2 className="size-4" aria-hidden="true" />
+        <Layers className="size-4" aria-hidden="true" />
         Approve
       </Button>
     );
@@ -300,7 +300,7 @@ function Lifecycle({
           disabled={start.isPending}
           onClick={() => start.mutate()}
         >
-          <IconPlayerPlay className="size-4" aria-hidden="true" />
+          <Play className="size-4" aria-hidden="true" />
           Start
         </Button>
         {start.isError && (
diff --git a/frontend/ui-core/src/screens/CorrectionBatch.tsx b/frontend/ui-core/src/screens/CorrectionBatch.tsx
index 1605aee0..6fd8e5b7 100644
--- a/frontend/ui-core/src/screens/CorrectionBatch.tsx
+++ b/frontend/ui-core/src/screens/CorrectionBatch.tsx
@@ -31,7 +31,7 @@
  * selection is a thing somebody chose.
  */
 
-import { IconGitBranch } from "@tabler/icons-react";
+import { GitBranch } from "lucide-react";
 import { useState, type JSX } from "react";
 
 import { BATCH_ACTION, declares } from "../data/capabilities";
@@ -119,7 +119,7 @@ export function CorrectionButton({
         data-testid={`correct-${batch.name}`}
         onClick={() => setShowing(true)}
       >
-        <IconGitBranch className="size-4" aria-hidden="true" />
+        <GitBranch className="size-4" aria-hidden="true" />
         Create correction batch
       </Button>
       <CorrectionDialog
@@ -286,7 +286,7 @@ export function CorrectionOf({
   if (parentName === undefined) return null;
   return (
     <span className="flex items-center gap-1 text-xs text-muted-foreground" data-testid="correction-of">
-      <IconGitBranch className="size-3.5 shrink-0" aria-hidden="true" />
+      <GitBranch className="size-3.5 shrink-0" aria-hidden="true" />
       Correction of{" "}
       {onOpenParent === undefined ? (
         parentName
diff --git a/frontend/ui-core/src/screens/DatasetAssetDialog.tsx b/frontend/ui-core/src/screens/DatasetAssetDialog.tsx
index d315b98d..25b37ab4 100644
--- a/frontend/ui-core/src/screens/DatasetAssetDialog.tsx
+++ b/frontend/ui-core/src/screens/DatasetAssetDialog.tsx
@@ -22,13 +22,7 @@
  * because coordinates without a frame cannot be placed.
  */
 
-import {
-  IconChevronLeft,
-  IconChevronRight,
-  IconEye,
-  IconEyeOff,
-  IconTrash,
-} from "@tabler/icons-react";
+import { ChevronLeft, ChevronRight, Eye, EyeOff, Trash2 } from "lucide-react";
 import { useState, type CSSProperties, type JSX, type KeyboardEvent } from "react";
 import {
   BboxShape,
@@ -164,7 +158,7 @@ export function DatasetAssetDialog({
               disabled={!hasPrevious}
               onClick={() => onIndex(index - 1)}
             >
-              <IconChevronLeft aria-hidden="true" />
+              <ChevronLeft aria-hidden="true" />
             </Button>
             <Button
               variant="secondary"
@@ -174,7 +168,7 @@ export function DatasetAssetDialog({
               disabled={!hasNext}
               onClick={() => onIndex(index + 1)}
             >
-              <IconChevronRight aria-hidden="true" />
+              <ChevronRight aria-hidden="true" />
             </Button>
             <Button
               variant="ghost"
@@ -183,7 +177,7 @@ export function DatasetAssetDialog({
               aria-pressed={showLabels}
               onClick={() => setShowLabels((value) => !value)}
             >
-              {showLabels ? <IconEye aria-hidden="true" /> : <IconEyeOff aria-hidden="true" />}
+              {showLabels ? <Eye aria-hidden="true" /> : <EyeOff aria-hidden="true" />}
               {showLabels ? "Hide labels" : "Show labels"}
             </Button>
           </div>
@@ -194,7 +188,7 @@ export function DatasetAssetDialog({
               data-testid="preview-remove"
               onClick={() => onRemove(asset)}
             >
-              <IconTrash aria-hidden="true" />
+              <Trash2 aria-hidden="true" />
               Remove from dataset
             </Button>
             <Button variant="secondary" size="sm" onClick={onClose}>
diff --git a/frontend/ui-core/src/screens/DatasetScreen.tsx b/frontend/ui-core/src/screens/DatasetScreen.tsx
index 9a182eea..e1dda620 100644
--- a/frontend/ui-core/src/screens/DatasetScreen.tsx
+++ b/frontend/ui-core/src/screens/DatasetScreen.tsx
@@ -43,15 +43,7 @@
  * button runs it.
  */
 
-import {
-  IconCheck,
-  IconDownload,
-  IconJson,
-  IconShieldCheck,
-  IconTag,
-  IconTrash,
-  IconUpload,
-} from "@tabler/icons-react";
+import { Braces, Check, Download, ShieldCheck, Tag, Trash2, Upload } from "lucide-react";
 import { useEffect, useState, type FormEvent, type JSX } from "react";
 
 import { Async } from "../data/Async";
@@ -163,7 +155,7 @@ export function DatasetScreen({ projectId, tab, onTabChange }: DatasetScreenProp
             disabled={dataset.data === undefined}
             onClick={() => setPublishing(true)}
           >
-            <IconTag className="size-4" aria-hidden="true" />
+            <Tag className="size-4" aria-hidden="true" />
             Publish release
           </Button>
         }
@@ -496,7 +488,7 @@ function TrunkTile({
           onClick={onRemove}
           className="text-muted-foreground hover:text-destructive"
         >
-          <IconTrash aria-hidden="true" />
+          <Trash2 aria-hidden="true" />
         </Button>
       </span>
     </div>
@@ -595,7 +587,7 @@ function ReleaseCard({ release }: { readonly release: Release }): JSX.Element {
     <Card data-testid={`release-${release.tag}`}>
       <CardHeader>
         <CardTitle className="flex items-center gap-2">
-          <IconTag className="size-4 text-muted-foreground" aria-hidden="true" />
+          <Tag className="size-4 text-muted-foreground" aria-hidden="true" />
           {release.tag}
           <Badge>v{release.schema_version}</Badge>
           {release.split !== null && release.split !== undefined && (
@@ -618,7 +610,7 @@ function ReleaseCard({ release }: { readonly release: Release }): JSX.Element {
 
         <div className="flex flex-wrap items-center gap-2">
           <Button variant="secondary" size="sm" data-testid={`export-${release.tag}`} onClick={() => setExporting(true)}>
-            <IconDownload className="size-4" aria-hidden="true" />
+            <Download className="size-4" aria-hidden="true" />
             Export
           </Button>
           <Button
@@ -632,7 +624,7 @@ function ReleaseCard({ release }: { readonly release: Release }): JSX.Element {
               })
             }
           >
-            <IconJson className="size-4" aria-hidden="true" />
+            <Braces className="size-4" aria-hidden="true" />
             Manifest
           </Button>
           <Button
@@ -642,7 +634,7 @@ function ReleaseCard({ release }: { readonly release: Release }): JSX.Element {
             disabled={verify.isFetching}
             onClick={() => void verify.refetch()}
           >
-            <IconShieldCheck className="size-4" aria-hidden="true" />
+            <ShieldCheck className="size-4" aria-hidden="true" />
             {verify.isFetching ? "Verifying…" : "Verify"}
           </Button>
         </div>
@@ -717,7 +709,7 @@ function Verification({
   if (report.ok) {
     return (
       <p className="flex items-center gap-2 text-xs text-muted-foreground" data-testid={`verified-${tag}`}>
-        <IconCheck className="size-3.5" aria-hidden="true" />
+        <Check className="size-3.5" aria-hidden="true" />
         {report.checked} blobs re-read and re-hashed. Intact.
       </p>
     );
@@ -885,7 +877,7 @@ function PublishDialog({
               data-testid="publish-submit"
               disabled={tag.trim() === "" || publish.isPending || (split && !balanced)}
             >
-              <IconUpload className="size-4" aria-hidden="true" />
+              <Upload className="size-4" aria-hidden="true" />
               {publish.isPending ? "Publishing…" : "Publish"}
             </Button>
           </DialogFooter>
@@ -1151,7 +1143,7 @@ function ExportDialog({
             disabled={format === "" || running || (needsConsent && !consented)}
             onClick={() => run(needsConsent)}
           >
-            <IconDownload className="size-4" aria-hidden="true" />
+            <Download className="size-4" aria-hidden="true" />
             {running ? "Exporting…" : needsConsent ? "Export anyway" : "Export"}
           </Button>
         </DialogFooter>
diff --git a/frontend/ui-core/src/screens/DeleteBatch.tsx b/frontend/ui-core/src/screens/DeleteBatch.tsx
index a384dd12..ca3b1a9d 100644
--- a/frontend/ui-core/src/screens/DeleteBatch.tsx
+++ b/frontend/ui-core/src/screens/DeleteBatch.tsx
@@ -33,7 +33,7 @@
  * says so, and `test_batch_service.py` holds it.
  */
 
-import { IconDots, IconTrash } from "@tabler/icons-react";
+import { MoreHorizontal, Trash2 } from "lucide-react";
 import { useState, type JSX } from "react";
 
 import { BATCH_ACTION, declares, withheldBecause } from "../data/capabilities";
@@ -89,7 +89,7 @@ export function BatchOverflowMenu({
             aria-label={`More actions for ${batch.name}`}
             data-testid={`batch-overflow-${batch.name}`}
           >
-            <IconDots aria-hidden="true" />
+            <MoreHorizontal aria-hidden="true" />
           </Button>
         </DropdownMenuTrigger>
         <DropdownMenuContent align={align} className="w-64">
@@ -107,7 +107,7 @@ export function BatchOverflowMenu({
             data-testid={`delete-batch-${batch.name}`}
             onSelect={() => setConfirming(true)}
           >
-            <IconTrash className="size-4 shrink-0" aria-hidden="true" />
+            <Trash2 className="size-4 shrink-0" aria-hidden="true" />
             <span className="flex flex-col items-start gap-0.5">
               <span>Delete batch</span>
               {reason !== null && (
diff --git a/frontend/ui-core/src/screens/GalleryScreen.tsx b/frontend/ui-core/src/screens/GalleryScreen.tsx
index 7eab3c71..99dbff6b 100644
--- a/frontend/ui-core/src/screens/GalleryScreen.tsx
+++ b/frontend/ui-core/src/screens/GalleryScreen.tsx
@@ -36,16 +36,7 @@
 
 import { useCallback, useEffect, useMemo, useRef, useState, type JSX } from "react";
 import { useWindowVirtualizer } from "@tanstack/react-virtual";
-import {
-  IconArrowBackUp,
-  IconCheck,
-  IconEraser,
-  IconEye,
-  IconPlayerPlay,
-  IconPlayerSkipForward,
-  IconTrash,
-  IconX,
-} from "@tabler/icons-react";
+import { Check, Eraser, Eye, Play, SkipForward, Trash2, Undo2, X } from "lucide-react";
 
 import { Async } from "../data/Async";
 import { readStep, writePref } from "../data/prefs";
@@ -740,9 +731,9 @@ function BatchHeader({
               onClick={onStartAnnotating}
             >
               {editable ? (
-                <IconPlayerPlay className="size-4" aria-hidden="true" />
+                <Play className="size-4" aria-hidden="true" />
               ) : (
-                <IconEye className="size-4" aria-hidden="true" />
+                <Eye className="size-4" aria-hidden="true" />
               )}
               {/* The label says which of the three it is doing — starting on the
                   first frame that is waiting, reopening a batch whose work is
@@ -944,7 +935,7 @@ function JobRow({
           onClick={() => assign.mutate(null)}
           className="text-muted-foreground hover:text-foreground"
         >
-          <IconX className="size-4" aria-hidden="true" />
+          <X className="size-4" aria-hidden="true" />
         </button>
       )}
       {assign.isError && <FieldError>{refusalProse(assign.error)}</FieldError>}
@@ -1252,7 +1243,7 @@ function Tile({
           {picture}
           {selected && (
             <span className="absolute right-1 top-1 rounded-full bg-primary p-0.5 text-primary-foreground">
-              <IconCheck className="size-3" aria-hidden="true" />
+              <Check className="size-3" aria-hidden="true" />
             </span>
           )}
         </button>
@@ -1507,7 +1498,7 @@ function BulkBar({
         {...(withheld === null ? {} : { title: withheld })}
         onClick={() => bulk.mutate({ targets: skippable, progress: "skipped" })}
       >
-        <IconPlayerSkipForward className="size-4" aria-hidden="true" />
+        <SkipForward className="size-4" aria-hidden="true" />
         {bulk.isPending ? "Working…" : `Mark skipped (${skippable.length})`}
       </Button>
 
@@ -1519,7 +1510,7 @@ function BulkBar({
         {...(withheld === null ? {} : { title: withheld })}
         onClick={() => bulk.mutate({ targets: restorable, progress: "unannotated" })}
       >
-        <IconArrowBackUp className="size-4" aria-hidden="true" />
+        <Undo2 className="size-4" aria-hidden="true" />
         {bulk.isPending ? "Working…" : `Restore (${restorable.length})`}
       </Button>
 
@@ -1537,7 +1528,7 @@ function BulkBar({
         {...(withheld === null ? {} : { title: withheld })}
         onClick={() => bulk.mutate({ targets: returnable, progress: "annotated" })}
       >
-        <IconArrowBackUp className="size-4" aria-hidden="true" />
+        <Undo2 className="size-4" aria-hidden="true" />
         {bulk.isPending ? "Working…" : `Return to annotator (${returnable.length})`}
       </Button>
 
@@ -1549,7 +1540,7 @@ function BulkBar({
         {...(withheld === null ? {} : { title: withheld })}
         onClick={() => bulk.mutate({ targets: confirmable, progress: "annotated" })}
       >
-        <IconCheck className="size-4" aria-hidden="true" />
+        <Check className="size-4" aria-hidden="true" />
         {bulk.isPending ? "Working…" : `Confirm labels (${confirmable.length})`}
       </Button>
 
@@ -1561,7 +1552,7 @@ function BulkBar({
         {...(withheld === null ? {} : { title: withheld })}
         onClick={() => setDiscarding(true)}
       >
-        <IconEraser className="size-4" aria-hidden="true" />
+        <Eraser className="size-4" aria-hidden="true" />
         {discard.isPending ? "Discarding…" : `Discard model labels (${discardable.length})`}
       </Button>
 
@@ -1580,7 +1571,7 @@ function BulkBar({
         {...(removable ? {} : { title: MEMBERSHIP_FIXED })}
         onClick={() => setConfirming(true)}
       >
-        <IconTrash className="size-4" aria-hidden="true" />
+        <Trash2 className="size-4" aria-hidden="true" />
         {remove.isPending ? "Removing…" : `Remove from batch (${removalIds.length})`}
       </Button>
 
@@ -1694,7 +1685,7 @@ function BulkBar({
         aria-label="Clear selection"
         className="text-muted-foreground hover:text-foreground"
       >
-        <IconX className="size-4" aria-hidden="true" />
+        <X className="size-4" aria-hidden="true" />
       </button>
 
       <RemoveFromBatchDialog
diff --git a/frontend/ui-core/src/screens/HomeScreen.tsx b/frontend/ui-core/src/screens/HomeScreen.tsx
index c818b904..48ae4414 100644
--- a/frontend/ui-core/src/screens/HomeScreen.tsx
+++ b/frontend/ui-core/src/screens/HomeScreen.tsx
@@ -45,19 +45,7 @@
  * open and a button claiming otherwise would land somewhere empty.
  */
 
-import {
-  IconAlertCircle,
-  IconArrowRight,
-  IconFolders,
-  IconLoader2,
-  IconPlayerPlay,
-  IconPlus,
-  IconRocket,
-  IconSparkles,
-  IconStack2,
-  IconTags,
-  IconUpload,
-} from "@tabler/icons-react";
+import { ArrowRight, CircleAlert, Folders, Layers, Loader2, Play, Plus, Rocket, Sparkles, Tags, Upload } from "lucide-react";
 import { useState, type JSX, type ReactNode } from "react";
 
 import { asApiError } from "../data/errors";
@@ -153,7 +141,7 @@ export function HomeScreen({
           data-testid="home-new-project"
           onClick={() => setCreating(true)}
         >
-          <IconPlus aria-hidden="true" />
+          <Plus aria-hidden="true" />
           New project
         </Button>
       </header>
@@ -209,24 +197,24 @@ function FirstRun({ onCreate }: { readonly onCreate: () => void }): JSX.Element
   return (
     <div className="mx-auto flex max-w-2xl flex-col items-center gap-6 py-16 text-center">
       <div className="flex flex-col items-center gap-2">
-        <IconFolders className="size-8 text-muted-foreground" aria-hidden="true" />
+        <Folders className="size-8 text-muted-foreground" aria-hidden="true" />
         <h1 className="text-2xl font-semibold text-foreground">Start your first project</h1>
         <p className="text-xs text-muted-foreground">
           A project is where a schema, its batches and its dataset live.
         </p>
       </div>
       <Button variant="primary" data-testid="home-create-project" onClick={onCreate}>
-        <IconPlus aria-hidden="true" />
+        <Plus aria-hidden="true" />
         Create project
       </Button>
       <div className="grid w-full gap-3 sm:grid-cols-3">
-        <Stage icon={<IconUpload className="size-4" />} title="Ingest">
+        <Stage icon={<Upload className="size-4" />} title="Ingest">
           Register images or a video and let it become frames.
         </Stage>
-        <Stage icon={<IconTags className="size-4" />} title="Annotate">
+        <Stage icon={<Tags className="size-4" />} title="Annotate">
           Declare the classes you will draw, then label a batch.
         </Stage>
-        <Stage icon={<IconRocket className="size-4" />} title="Release">
+        <Stage icon={<Rocket className="size-4" />} title="Release">
           Freeze what is finished and export it to train on.
         </Stage>
       </div>
@@ -328,7 +316,7 @@ function Resume({
         </div>
         {act !== undefined && (
           <Button variant="primary" className="ml-auto" data-testid="home-resume-cta" onClick={act}>
-            <IconPlayerPlay aria-hidden="true" />
+            <Play aria-hidden="true" />
             {RESUME_LABEL[resume.kind]}
           </Button>
         )}
@@ -412,15 +400,15 @@ function AttentionRow({
 function AttentionIcon({ kind }: { readonly kind: AttentionItem["kind"] }): JSX.Element {
   const shape = "size-4 shrink-0";
   if (kind === "job_failed") {
-    return <IconAlertCircle className={`${shape} text-destructive`} aria-hidden="true" />;
+    return <CircleAlert className={`${shape} text-destructive`} aria-hidden="true" />;
   }
   if (kind === "job_running") {
-    return <IconLoader2 className={`${shape} text-muted-foreground`} aria-hidden="true" />;
+    return <Loader2 className={`${shape} text-muted-foreground`} aria-hidden="true" />;
   }
   if (kind === "pre_labeled") {
-    return <IconSparkles className={`${shape} text-muted-foreground`} aria-hidden="true" />;
+    return <Sparkles className={`${shape} text-muted-foreground`} aria-hidden="true" />;
   }
-  return <IconStack2 className={`${shape} text-muted-foreground`} aria-hidden="true" />;
+  return <Layers className={`${shape} text-muted-foreground`} aria-hidden="true" />;
 }
 
 /** One sentence per row, in the vocabulary the wire declared. */
@@ -471,7 +459,7 @@ function Recent({
             onClick={onOpenProjects}
           >
             All projects
-            <IconArrowRight className="size-3" aria-hidden="true" />
+            <ArrowRight className="size-3" aria-hidden="true" />
           </button>
         )}
       </div>
@@ -526,10 +514,10 @@ function Activity({ entries }: { readonly entries: readonly ActivityEntry[] }):
 
 function ActivityIcon({ kind }: { readonly kind: ActivityEntry["kind"] }): JSX.Element {
   const shape = "size-4 shrink-0 text-muted-foreground";
-  if (kind === "release_published") return <IconRocket className={shape} aria-hidden="true" />;
-  if (kind === "batch_promoted") return <IconStack2 className={shape} aria-hidden="true" />;
-  if (kind === "schema_version") return <IconTags className={shape} aria-hidden="true" />;
-  return <IconUpload className={shape} aria-hidden="true" />;
+  if (kind === "release_published") return <Rocket className={shape} aria-hidden="true" />;
+  if (kind === "batch_promoted") return <Layers className={shape} aria-hidden="true" />;
+  if (kind === "schema_version") return <Tags className={shape} aria-hidden="true" />;
+  return <Upload className={shape} aria-hidden="true" />;
 }
 
 /**
diff --git a/frontend/ui-core/src/screens/IngestScreen.tsx b/frontend/ui-core/src/screens/IngestScreen.tsx
index f85cf5bc..20657370 100644
--- a/frontend/ui-core/src/screens/IngestScreen.tsx
+++ b/frontend/ui-core/src/screens/IngestScreen.tsx
@@ -119,18 +119,7 @@
  * run still say which batch holds what it managed to read.
  */
 
-import {
-  IconAlertTriangle,
-  IconArrowLeft,
-  IconCheck,
-  IconFolderOpen,
-  IconMovie,
-  IconPhoto,
-  IconRefresh,
-  IconRotate,
-  IconUpload,
-  IconX,
-} from "@tabler/icons-react";
+import { ArrowLeft, Check, Film, FolderOpen, Image, RefreshCw, RotateCw, TriangleAlert, Upload, X } from "lucide-react";
 import { useQueryClient } from "@tanstack/react-query";
 import {
   useEffect,
@@ -535,9 +524,9 @@ export function IngestScreen({
                 <form className="flex flex-col gap-4" onSubmit={launch}>
                   <div className="flex items-center gap-2">
                     {source.kind === "video" ? (
-                      <IconMovie className="size-4 text-muted-foreground" aria-hidden="true" />
+                      <Film className="size-4 text-muted-foreground" aria-hidden="true" />
                     ) : (
-                      <IconPhoto className="size-4 text-muted-foreground" aria-hidden="true" />
+                      <Image className="size-4 text-muted-foreground" aria-hidden="true" />
                     )}
                     <span className="text-sm font-medium" title={source.name}>
                       {sourceLabel(source.name)}
@@ -612,7 +601,7 @@ export function IngestScreen({
                         (registration is idempotent, nothing to undo), but every
                         setting on this screen resets with the files. */}
                     <Button variant="ghost" data-testid="back-to-files" onClick={again}>
-                      <IconArrowLeft aria-hidden="true" />
+                      <ArrowLeft aria-hidden="true" />
                       Change files
                     </Button>
                     <Button
@@ -714,7 +703,7 @@ function Step({
           )}
           aria-hidden="true"
         >
-          {checked ? <IconCheck className="size-3.5" /> : index}
+          {checked ? <Check className="size-3.5" /> : index}
         </span>
         {!last && <div className="mt-1 w-px flex-1 bg-border" aria-hidden="true" />}
       </div>
@@ -785,9 +774,9 @@ function SelectionPanel({
       <div className="flex items-center gap-3 p-3">
         <span className="flex size-9 shrink-0 items-center justify-center rounded-md bg-muted">
           {isVideo ? (
-            <IconMovie className="size-4 text-muted-foreground" aria-hidden="true" />
+            <Film className="size-4 text-muted-foreground" aria-hidden="true" />
           ) : (
-            <IconPhoto className="size-4 text-muted-foreground" aria-hidden="true" />
+            <Image className="size-4 text-muted-foreground" aria-hidden="true" />
           )}
         </span>
         <div className="min-w-0 flex-1">
@@ -819,7 +808,7 @@ function SelectionPanel({
           aria-label="Clear selection"
           onClick={onClear}
         >
-          <IconX aria-hidden="true" />
+          <X aria-hidden="true" />
         </Button>
       </div>
 
@@ -972,7 +961,7 @@ function RunCard({
                   disabled={resume.isPending}
                   onClick={() => resume.mutate(job.id)}
                 >
-                  <IconRefresh aria-hidden="true" />
+                  <RefreshCw aria-hidden="true" />
                   {resume.isPending ? "Resuming…" : "Resume"}
                 </Button>
                 <FieldHint>
@@ -1076,7 +1065,7 @@ function Outcome({
       <div className="flex flex-wrap gap-2">
         {batchId !== null && onOpenBatch !== undefined && (
           <Button variant="primary" data-testid="open-batch" onClick={() => onOpenBatch(batchId)}>
-            <IconFolderOpen aria-hidden="true" />
+            <FolderOpen aria-hidden="true" />
             Open batch
           </Button>
         )}
@@ -1084,11 +1073,11 @@ function Outcome({
             is a real second run — registration is idempotent and content
             addressing makes re-reading free. */}
         <Button variant="secondary" data-testid="rerun-source" onClick={onRerun}>
-          <IconRotate aria-hidden="true" />
+          <RotateCw aria-hidden="true" />
           Ingest into another batch
         </Button>
         <Button variant="secondary" data-testid="ingest-another" onClick={onAgain}>
-          <IconUpload aria-hidden="true" />
+          <Upload aria-hidden="true" />
           Ingest another source
         </Button>
       </div>
@@ -1118,7 +1107,7 @@ function Outcome({
  * Renders nothing at all when nothing was partial, which is the ok-state.
  *
  * The treatment is the one this card already uses for a report — the neutral
- * `Alert` box, with `Failures`' own `IconAlertTriangle` in the heading. No new
+ * `Alert` box, with `Failures`' own `TriangleAlert` in the heading. No new
  * `Alert` variant was added for it: the icon and the sentence carry the status,
  * which is what keeps it from being conveyed by colour alone.
  */
@@ -1134,7 +1123,7 @@ function Partials({
     <Alert
       title={
         <span className="flex items-center gap-2">
-          <IconAlertTriangle className="size-4 text-warning" aria-hidden="true" />
+          <TriangleAlert className="size-4 text-warning" aria-hidden="true" />
           Some of what you ingested was damaged
         </span>
       }
@@ -1185,7 +1174,7 @@ function Failures({
   return (
     <div className="flex flex-col gap-2" data-testid="failures">
       <p className="flex items-center gap-2 text-sm">
-        <IconAlertTriangle className="size-4 text-destructive" aria-hidden="true" />
+        <TriangleAlert className="size-4 text-destructive" aria-hidden="true" />
         {/* The refused count, not `failures.length`: a partial belongs to the
             report above, and counting it here would say a file could not be read
             while its frames are in the batch. */}
@@ -1285,7 +1274,7 @@ function Dropzone({ onFiles }: { readonly onFiles: (files: readonly File[]) => v
         over ? "border-primary bg-primary/5" : "border-border bg-muted"
       }`}
     >
-      <IconUpload className="size-6 text-muted-foreground" aria-hidden="true" />
+      <Upload className="size-6 text-muted-foreground" aria-hidden="true" />
       <p className="text-sm">Drop images or a video here</p>
       <p className="text-xs text-muted-foreground">
         Nothing is filtered in the browser — the server reads every file and reports what it
diff --git a/frontend/ui-core/src/screens/ModelsScreen.tsx b/frontend/ui-core/src/screens/ModelsScreen.tsx
index b410a535..677cf80e 100644
--- a/frontend/ui-core/src/screens/ModelsScreen.tsx
+++ b/frontend/ui-core/src/screens/ModelsScreen.tsx
@@ -135,20 +135,7 @@
  * instead of disabling itself.
  */
 
-import {
-  IconBroadcast,
-  IconCpu,
-  IconDots,
-  IconDownload,
-  IconFileSearch,
-  IconFilter,
-  IconPencil,
-  IconPlug,
-  IconShieldCheck,
-  IconTrash,
-  IconWorld,
-  IconX,
-} from "@tabler/icons-react";
+import { Cpu, Download, FileSearch, Filter, Globe, MoreHorizontal, Pencil, Plug, RadioTower, ShieldCheck, Trash2, X } from "lucide-react";
 import { useEffect, useRef, useState, type FormEvent, type JSX, type ReactNode } from "react";
 
 import { Async } from "../data/Async";
@@ -260,7 +247,7 @@ export function ModelsScreen(): JSX.Element {
           </p>
         </div>
         <Button variant="primary" data-testid="new-connection" onClick={() => setCreating(true)}>
-          <IconPlug aria-hidden="true" />
+          <Plug aria-hidden="true" />
           Add model
         </Button>
       </header>
@@ -317,13 +304,13 @@ export function ModelsScreen(): JSX.Element {
                       data-testid="clear-filters"
                       onClick={() => setChosen(NO_FILTERS)}
                     >
-                      <IconX className="size-4" aria-hidden="true" />
+                      <X className="size-4" aria-hidden="true" />
                       Clear
                     </Button>
                   )}
                   {page.items.length > FILTER_ABOVE && (
                     <div className="flex items-center gap-2">
-                      <IconFilter className="size-4 text-muted-foreground" aria-hidden="true" />
+                      <Filter className="size-4 text-muted-foreground" aria-hidden="true" />
                       <Label htmlFor="connection-filter" className="sr-only">
                         Filter connections
                       </Label>
@@ -559,7 +546,7 @@ export function ConnectionCard({
                   aria-label={`Actions for ${connection.name}`}
                   data-testid={`actions-${connection.name}`}
                 >
-                  <IconDots aria-hidden="true" />
+                  <MoreHorizontal aria-hidden="true" />
                 </Button>
               </DropdownMenuTrigger>
               <DropdownMenuContent align="end">
@@ -578,7 +565,7 @@ export function ConnectionCard({
                     disabled={busy}
                     onSelect={weights.start}
                   >
-                    <IconFileSearch className="size-4" aria-hidden="true" />
+                    <FileSearch className="size-4" aria-hidden="true" />
                     {busy ? busyLabel : "Check for missing files"}
                   </DropdownMenuItem>
                 )}
@@ -588,7 +575,7 @@ export function ConnectionCard({
                     disabled={busy}
                     onSelect={integrity.start}
                   >
-                    <IconShieldCheck className="size-4" aria-hidden="true" />
+                    <ShieldCheck className="size-4" aria-hidden="true" />
                     {busy ? busyLabel : "Check files are undamaged"}
                   </DropdownMenuItem>
                 )}
@@ -598,19 +585,19 @@ export function ConnectionCard({
                     disabled={probe.isPending}
                     onSelect={() => probe.mutate(connection.id)}
                   >
-                    <IconBroadcast className="size-4" aria-hidden="true" />
+                    <RadioTower className="size-4" aria-hidden="true" />
                     {probe.isPending ? "Asking the endpoint…" : "Test endpoint"}
                   </DropdownMenuItem>
                 )}
                 {can.has("update") && (
                   <DropdownMenuItem data-testid="action-edit" onSelect={onEdit}>
-                    <IconPencil className="size-4" aria-hidden="true" />
+                    <Pencil className="size-4" aria-hidden="true" />
                     Edit
                   </DropdownMenuItem>
                 )}
                 {can.has("delete") && (
                   <DropdownMenuItem data-testid="action-delete" onSelect={onDelete}>
-                    <IconTrash className="size-4" aria-hidden="true" />
+                    <Trash2 className="size-4" aria-hidden="true" />
                     Delete
                   </DropdownMenuItem>
                 )}
@@ -716,7 +703,7 @@ export function ConnectionCard({
             disabled={busy}
             onClick={weights.start}
           >
-            <IconDownload aria-hidden="true" />
+            <Download aria-hidden="true" />
             {busy ? busyLabel : "Download weights"}
           </Button>
         </CardFooter>
@@ -1228,14 +1215,14 @@ function ConnectionForm({
           <div className="grid gap-3 sm:grid-cols-2" data-testid="choose-type">
             <KindChoice
               testId="choose-local"
-              icon={<IconCpu className="size-5" aria-hidden="true" />}
+              icon={<Cpu className="size-5" aria-hidden="true" />}
               title="Local"
               description="Weights this machine downloads and runs."
               onChoose={() => setKind("local")}
             />
             <KindChoice
               testId="choose-http"
-              icon={<IconWorld className="size-5" aria-hidden="true" />}
+              icon={<Globe className="size-5" aria-hidden="true" />}
               title="HTTP"
               description="An endpoint that answers this project's inference contract."
               onChoose={() => setKind("http")}
diff --git a/frontend/ui-core/src/screens/OverviewPanel.tsx b/frontend/ui-core/src/screens/OverviewPanel.tsx
index 18344aab..9f110671 100644
--- a/frontend/ui-core/src/screens/OverviewPanel.tsx
+++ b/frontend/ui-core/src/screens/OverviewPanel.tsx
@@ -40,7 +40,7 @@
  * a cursor already on its way somewhere.
  */
 
-import { IconAlertTriangle, IconPhoto, IconTags, IconUpload } from "@tabler/icons-react";
+import { Image, Tags, TriangleAlert, Upload } from "lucide-react";
 import type { JSX } from "react";
 
 import { asApiError } from "../data/errors";
@@ -357,7 +357,7 @@ function FirstRun({
       // above it is not competing with a checklist step pointing somewhere else.
       <div data-testid="first-run" data-invitation={invitation}>
         <EmptyState
-          icon={<IconPhoto className="size-8" />}
+          icon={<Image className="size-8" />}
           title="Nothing ingested yet"
           description="Ingest images or a video to see counts, class distribution and samples here."
           action={
@@ -366,7 +366,7 @@ function FirstRun({
               // above this one, same label and same handler, so a filled button
               // here would render the identical action twice.
               <Button variant="secondary" data-testid="overview-ingest" onClick={onIngest}>
-                <IconUpload aria-hidden="true" />
+                <Upload aria-hidden="true" />
                 Ingest
               </Button>
             )
@@ -380,7 +380,7 @@ function FirstRun({
   return (
     <div data-testid="first-run" data-invitation={invitation}>
       <EmptyState
-        icon={<IconTags className="size-8" />}
+        icon={<Tags className="size-8" />}
         title={first ? "Define your first classes" : "Define your classes"}
         description={
           first
@@ -394,7 +394,7 @@ function FirstRun({
           <div className="flex flex-col items-center gap-2">
             {onOpenSchema !== undefined && (
               <Button variant="primary" data-testid="first-run-cta" onClick={onOpenSchema}>
-                <IconTags aria-hidden="true" />
+                <Tags aria-hidden="true" />
                 Define classes
               </Button>
             )}
@@ -492,7 +492,7 @@ function Distribution({
               className="flex items-center gap-1.5 text-xs text-warning"
               data-testid="imbalance-note"
             >
-              <IconAlertTriangle className="size-3.5 shrink-0" aria-hidden="true" />
+              <TriangleAlert className="size-3.5 shrink-0" aria-hidden="true" />
               {note}
             </p>
           )}
diff --git a/frontend/ui-core/src/screens/PreLabelDialog.tsx b/frontend/ui-core/src/screens/PreLabelDialog.tsx
index 2f3e58a3..093f9c4c 100644
--- a/frontend/ui-core/src/screens/PreLabelDialog.tsx
+++ b/frontend/ui-core/src/screens/PreLabelDialog.tsx
@@ -86,7 +86,7 @@
 
 import { useEffect, useState, type JSX } from "react";
 import { useQueryClient } from "@tanstack/react-query";
-import { IconSparkles } from "@tabler/icons-react";
+import { Sparkles } from "lucide-react";
 
 import { BATCH_ACTION, declares } from "../data/capabilities";
 import { producesProse } from "../data/geometryCategory";
@@ -555,7 +555,7 @@ export function PreLabelButton({ batch, className, onSegment }: PreLabelButtonPr
         data-testid={`pre-label-${batch.name}`}
         onClick={() => setOpen(true)}
       >
-        <IconSparkles className="size-4" aria-hidden="true" />
+        <Sparkles className="size-4" aria-hidden="true" />
         Pre-label
       </Button>
       <PreLabelDialog
diff --git a/frontend/ui-core/src/screens/ProjectPreLabelDialog.tsx b/frontend/ui-core/src/screens/ProjectPreLabelDialog.tsx
index f6fdf792..bb390b1f 100644
--- a/frontend/ui-core/src/screens/ProjectPreLabelDialog.tsx
+++ b/frontend/ui-core/src/screens/ProjectPreLabelDialog.tsx
@@ -14,7 +14,7 @@
  * pressing Start could only reproduce the refusal the row already shows.
  */
 
-import { IconSparkles } from "@tabler/icons-react";
+import { Sparkles } from "lucide-react";
 import { useMemo, useState, type JSX } from "react";
 
 import { BATCH_ACTION, declares } from "../data/capabilities";
@@ -72,7 +72,7 @@ export function ProjectPreLabelButton({
         data-testid="project-prelabel"
         onClick={() => setOpen(true)}
       >
-        <IconSparkles className="size-4" aria-hidden="true" />
+        <Sparkles className="size-4" aria-hidden="true" />
         Pre-label
       </Button>
       {open && (
diff --git a/frontend/ui-core/src/screens/ProjectScreen.tsx b/frontend/ui-core/src/screens/ProjectScreen.tsx
index 6df3c50c..42ec78f7 100644
--- a/frontend/ui-core/src/screens/ProjectScreen.tsx
+++ b/frontend/ui-core/src/screens/ProjectScreen.tsx
@@ -65,7 +65,7 @@
  * and the editor already spells that.
  */
 
-import { IconChevronDown, IconChevronRight, IconUpload } from "@tabler/icons-react";
+import { ChevronDown, ChevronRight, Upload } from "lucide-react";
 import { useEffect, useMemo, useRef, useState, type JSX, type ReactNode } from "react";
 
 import { formatGeometries } from "../data/geometryCategory";
@@ -541,7 +541,7 @@ function Section({
   const headerIngest: ReactNode =
     ingestInHeader === undefined ? undefined : (
       <Button variant="secondary" data-testid="go-ingest" onClick={ingestInHeader}>
-        <IconUpload className="size-4" aria-hidden="true" />
+        <Upload className="size-4" aria-hidden="true" />
         Ingest
       </Button>
     );
@@ -1019,9 +1019,9 @@ function AnnotationRun({
             onClick={() => setOpen((shown) => !shown)}
           >
             {open ? (
-              <IconChevronDown className="size-4 shrink-0" aria-hidden="true" />
+              <ChevronDown className="size-4 shrink-0" aria-hidden="true" />
             ) : (
-              <IconChevronRight className="size-4 shrink-0" aria-hidden="true" />
+              <ChevronRight className="size-4 shrink-0" aria-hidden="true" />
             )}
             v{oldest.version}–v{newest.version}
             {newest.version === active && <Badge variant="accent">active</Badge>}
diff --git a/frontend/ui-core/src/screens/ProjectsScreen.tsx b/frontend/ui-core/src/screens/ProjectsScreen.tsx
index af05fadd..96cfae82 100644
--- a/frontend/ui-core/src/screens/ProjectsScreen.tsx
+++ b/frontend/ui-core/src/screens/ProjectsScreen.tsx
@@ -24,7 +24,7 @@
  * rather than disk.
  */
 
-import { IconArrowDown, IconArrowUp, IconFolderPlus, IconTrash } from "@tabler/icons-react";
+import { ArrowDown, ArrowUp, FolderPlus, Trash2 } from "lucide-react";
 import { useState, type FormEvent, type JSX } from "react";
 
 import { Async } from "../data/Async";
@@ -74,7 +74,7 @@ export function ProjectsScreen({ onOpenProject }: ProjectsScreenProps): JSX.Elem
   const [creating, setCreating] = useState(false);
   const [doomed, setDoomed] = useState<Project | null>(null);
   const [order, setOrder] = useState<CreatedOrder>("newest");
-  const OrderIcon = order === "newest" ? IconArrowDown : IconArrowUp;
+  const OrderIcon = order === "newest" ? ArrowDown : ArrowUp;
 
   return (
     <div className="flex flex-col gap-6" data-testid="projects-screen">
@@ -86,7 +86,7 @@ export function ProjectsScreen({ onOpenProject }: ProjectsScreenProps): JSX.Elem
           </p>
         </div>
         <Button variant="primary" data-testid="new-project" onClick={() => setCreating(true)}>
-          <IconFolderPlus aria-hidden="true" />
+          <FolderPlus aria-hidden="true" />
           New project
         </Button>
       </header>
@@ -200,7 +200,7 @@ export function ProjectsScreen({ onOpenProject }: ProjectsScreenProps): JSX.Elem
                       data-testid={`delete-${project.name}`}
                       onClick={() => setDoomed(project)}
                     >
-                      <IconTrash aria-hidden="true" />
+                      <Trash2 aria-hidden="true" />
                     </Button>
                   </TableCell>
                 </TableRow>
diff --git a/frontend/ui-core/src/screens/PromoteButton.tsx b/frontend/ui-core/src/screens/PromoteButton.tsx
index 4ceaa4c2..7aef90f3 100644
--- a/frontend/ui-core/src/screens/PromoteButton.tsx
+++ b/frontend/ui-core/src/screens/PromoteButton.tsx
@@ -43,7 +43,7 @@
  * F18 is that it had no promote control at all.
  */
 
-import { IconArrowBarUp, IconArrowRight } from "@tabler/icons-react";
+import { ArrowRight, ArrowUpToLine } from "lucide-react";
 import type { JSX } from "react";
 
 import { BATCH_ACTION, declares } from "../data/capabilities";
@@ -116,7 +116,7 @@ export function PromoteButton({
         disabled={promote.isPending}
         onClick={() => promote.mutate(batch.id)}
       >
-        <IconArrowBarUp className="size-4" aria-hidden="true" />
+        <ArrowUpToLine className="size-4" aria-hidden="true" />
         {/*
           The label no longer carries the outcome. It said "Promoted" after a
           press and that was the entire feedback — a label flip is not a report,
@@ -158,7 +158,7 @@ export function PromoteButton({
           onClick={onOpenDataset}
         >
           Open the dataset
-          <IconArrowRight className="size-3.5" aria-hidden="true" />
+          <ArrowRight className="size-3.5" aria-hidden="true" />
         </Button>
       )}
 
diff --git a/frontend/ui-core/src/screens/SchemaEditor.tsx b/frontend/ui-core/src/screens/SchemaEditor.tsx
index 028b3906..0f7b7fbe 100644
--- a/frontend/ui-core/src/screens/SchemaEditor.tsx
+++ b/frontend/ui-core/src/screens/SchemaEditor.tsx
@@ -96,7 +96,7 @@
  * omission.
  */
 
-import { IconPlus, IconTrash } from "@tabler/icons-react";
+import { Plus, Trash2 } from "lucide-react";
 import { useMemo, useRef, useState, type JSX, type KeyboardEvent } from "react";
 
 import { formatGeometries } from "../data/geometryCategory";
@@ -736,7 +736,7 @@ export function SchemaEditor({
             disabled={draftLocked}
             onClick={addClass}
           >
-            <IconPlus className="size-4" aria-hidden="true" />
+            <Plus className="size-4" aria-hidden="true" />
             Add class
           </Button>
           <Button
@@ -1248,7 +1248,7 @@ function ClassDetail({
               disabled={locked}
               onClick={onRemove}
             >
-              {checking ? "Checking…" : <IconTrash className="size-4" aria-hidden="true" />}
+              {checking ? "Checking…" : <Trash2 className="size-4" aria-hidden="true" />}
             </Button>
           </div>
         </CardAction>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0190b8da..ec3962b4 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -50,15 +50,15 @@ importers:
 
   frontend/app:
     dependencies:
-      '@tabler/icons-react':
-        specifier: ^3.46.0
-        version: 3.46.0(react@19.2.8)
       '@visionset/annotator':
         specifier: workspace:*
         version: link:../annotator
       '@visionset/ui-core':
         specifier: workspace:*
         version: link:../ui-core
+      lucide-react:
+        specifier: ^1.32.0
+        version: 1.33.0(react@19.2.8)
       react:
         specifier: ^19.0.0
         version: 19.2.8
@@ -153,9 +153,6 @@ importers:
       '@radix-ui/react-tooltip':
         specifier: ^1.2.16
         version: 1.2.16(@types/react-dom@19.2.4(@types/react@19.2.18))(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
-      '@tabler/icons-react':
-        specifier: ^3.46.0
-        version: 3.46.0(react@19.2.8)
       '@tanstack/react-query':
         specifier: ^5.101.4
         version: 5.101.4(react@19.2.8)
@@ -171,6 +168,9 @@ importers:
       clsx:
         specifier: ^2.1.1
         version: 2.1.1
+      lucide-react:
+        specifier: ^1.32.0
+        version: 1.33.0(react@19.2.8)
       openapi-fetch:
         specifier: ^0.17.0
         version: 0.17.0
@@ -1208,14 +1208,6 @@ packages:
   '@standard-schema/spec@1.1.0':
     resolution: {integrity: sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==}
 
-  '@tabler/icons-react@3.46.0':
-    resolution: {integrity: sha512-CCm7xJWhDT2PH4ZIFkP6AgYKtVhq0gpYkjUN+GVh1AzmIQaa77OW0bQPBPQiTE0PsXMR9oSxFqA3qBglzPyrVQ==}
-    peerDependencies:
-      react: '>= 16'
-
-  '@tabler/icons@3.46.0':
-    resolution: {integrity: sha512-f2RYFl3fzPwj5WO82x6en0dmkjefxEfOm16D1ByM6cj/McNiwOkL4VaPUoP9VVIrXAD9WnTSVFr70px703b//A==}
-
   '@tailwindcss/node@4.3.3':
     resolution: {integrity: sha512-/T8IKEsf9VTU6tLjgC7+sv2mOPtQxzE2jMw7u4Tt40Tx+QSZxpzh95/H6cMKoja9XuW7iMdLJYBB0o9G1CaAgg==}
 
@@ -2505,6 +2497,11 @@ packages:
   lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
 
+  lucide-react@1.33.0:
+    resolution: {integrity: sha512-MTRwMy0ZlL8Ur/vOAiJ9XGHE+kFPC7brq6MxAm0GiGXEBj0qy0jA/pG4N675oSzciO/UCdX8T+5yUQdmDeTLxg==}
+    peerDependencies:
+      react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
   lz-string@1.5.0:
     resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
     hasBin: true
@@ -4296,13 +4293,6 @@ snapshots:
 
   '@standard-schema/spec@1.1.0': {}
 
-  '@tabler/icons-react@3.46.0(react@19.2.8)':
-    dependencies:
-      '@tabler/icons': 3.46.0
-      react: 19.2.8
-
-  '@tabler/icons@3.46.0': {}
-
   '@tailwindcss/node@4.3.3':
     dependencies:
       '@jridgewell/remapping': 2.3.5
@@ -5522,6 +5512,10 @@ snapshots:
     dependencies:
       yallist: 3.1.1
 
+  lucide-react@1.33.0(react@19.2.8):
+    dependencies:
+      react: 19.2.8
+
   lz-string@1.5.0: {}
 
   magic-string@0.30.21:
diff --git a/tests/scripts/design_tokens.test.mjs b/tests/scripts/design_tokens.test.mjs
index 1fcf05ff..2c347993 100644
--- a/tests/scripts/design_tokens.test.mjs
+++ b/tests/scripts/design_tokens.test.mjs
@@ -311,7 +311,11 @@ test("components.json holds the schema-supported preset fields, and no others",
 
   // The preset's own values, where the schema does have a field for them.
   assert.equal(config.style, "radix-nova");
-  assert.equal(config.iconLibrary, "tabler");
+  // The one field that no longer matches the decoded preset. `b3bXyyPdWj` decodes
+  // `iconLibrary: tabler`; the product draws lucide by a later decision, and the
+  // schema accepts the value, so this is a deliberate divergence rather than drift.
+  // DESIGN.md's *Source of Truth* records it.
+  assert.equal(config.iconLibrary, "lucide");
   assert.equal(config.menuColor, "inverted");
   assert.equal(config.menuAccent, "subtle");
   assert.equal(config.tailwind.baseColor, "neutral");
@@ -319,22 +323,27 @@ test("components.json holds the schema-supported preset fields, and no others",
 });
 
 /**
- * Tabler is the icon set, and the only one — the final state of a migration that
- * ran through the primitives, the screens and the annotation workspace in turn.
+ * Lucide is the icon set, and the only one.
  *
- * The interesting failure is a *return*, not the original debt: an editor
- * auto-import, or a branch that predates the migration coming back through a
- * merge. Now that no manifest declares the old package such an import fails to
- * resolve, which is the loud half. The quiet half is the manifest — a dependency
- * added back "because something imported it" restores the whole problem without
- * anything else noticing, so both halves are asserted here.
+ * The rule is "one icon library", not "this particular library" — the product has
+ * drawn from both, and what costs a reader is two sets on one screen, where the
+ * same idea arrives at two weights and two grids. So this guards whichever set is
+ * currently *not* in use, and the value below is the whole of what changes when
+ * that decision changes.
  *
- * Assembled from fragments so this file never contains the package's name as a
+ * The interesting failure is a *return*, not an original debt: an editor
+ * auto-import, or a branch that predates the swap coming back through a merge.
+ * With no manifest declaring the other package such an import fails to resolve,
+ * which is the loud half. The quiet half is the manifest — a dependency added back
+ * "because something imported it" restores the whole problem with nothing else to
+ * say so, so both halves are asserted here.
+ *
+ * Assembled from fragments so this file never holds the package's name as a
  * contiguous string, and a repository-wide sweep for it never mistakes its own
  * guard for a lingering usage — the trick `HEX` and `RETIRED_DECLARATIONS` above
  * already use.
  */
-const RETIRED_ICON_PACKAGE = ["lucide", "react"].join("-");
+const RETIRED_ICON_PACKAGE = ["@tabler", "icons-react"].join("/");
 
 test("no package declares a second icon set, and no source imports one", () => {
   const listed = spawnSync("git", ["ls-files", "-z"], { cwd: REPO, encoding: "utf8" });
@@ -349,8 +358,8 @@ test("no package declares a second icon set, and no source imports one", () => {
   assert.deepEqual(
     declaring,
     [],
-    "@tabler/icons-react is the frontend's icon set. A second one is a decision for " +
-      `DESIGN.md, not a dependency:\n${declaring.join("\n")}`,
+    `the frontend draws one icon set, and ${RETIRED_ICON_PACKAGE} is not it. ` +
+      `A second one is a decision for DESIGN.md, not a dependency:\n${declaring.join("\n")}`,
   );
 
   const sources = tracked.filter((name) => SOURCE.test(name) && !GENERATED.test(name));