diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 461f480..38828c4 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -8,7 +8,8 @@
       "name": "frontend",
       "version": "0.0.0",
       "dependencies": {
-        "dexie": "^4.3.0"
+        "dexie": "^4.3.0",
+        "lucide-svelte": "^0.576.0"
       },
       "devDependencies": {
         "@sveltejs/vite-plugin-svelte": "^6.2.1",
@@ -673,7 +674,6 @@
       "version": "0.3.13",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
       "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.5.0",
@@ -684,7 +684,6 @@
       "version": "2.3.5",
       "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
       "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.5",
@@ -695,7 +694,6 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
       "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.0.0"
@@ -705,14 +703,12 @@
       "version": "1.5.5",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
       "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@jridgewell/trace-mapping": {
       "version": "0.3.31",
       "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
       "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
@@ -1080,7 +1076,6 @@
       "version": "1.0.9",
       "resolved": "https://registry.npmjs.org/@sveltejs/acorn-typescript/-/acorn-typescript-1.0.9.tgz",
       "integrity": "sha512-lVJX6qEgs/4DOcRTpo56tmKzVPtoWAaVbL4hfO7t7NVwl9AAXzQR6cihesW1BmNMPl+bK6dreu2sOKBP2Q9CIA==",
-      "dev": true,
       "license": "MIT",
       "peerDependencies": {
         "acorn": "^8.9.0"
@@ -1147,14 +1142,12 @@
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
       "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@types/trusted-types": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
       "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@vitest/expect": {
@@ -1272,7 +1265,6 @@
       "version": "8.16.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
       "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
-      "dev": true,
       "license": "MIT",
       "bin": {
         "acorn": "bin/acorn"
@@ -1295,7 +1287,6 @@
       "version": "5.3.1",
       "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.1.tgz",
       "integrity": "sha512-Z/ZeOgVl7bcSYZ/u/rh0fOpvEpq//LZmdbkXyc7syVzjPAhfOa9ebsdTSjEBDU4vs5nC98Kfduj1uFo0qyET3g==",
-      "dev": true,
       "license": "Apache-2.0",
       "engines": {
         "node": ">= 0.4"
@@ -1315,7 +1306,6 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
       "integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==",
-      "dev": true,
       "license": "Apache-2.0",
       "engines": {
         "node": ">= 0.4"
@@ -1345,7 +1335,6 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
       "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6"
@@ -1434,7 +1423,6 @@
       "version": "5.6.3",
       "resolved": "https://registry.npmjs.org/devalue/-/devalue-5.6.3.tgz",
       "integrity": "sha512-nc7XjUU/2Lb+SvEFVGcWLiKkzfw8+qHI7zn8WYXKkLMgfGSHbgCEaR6bJpev8Cm6Rmrb19Gfd/tZvGqx9is3wg==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/dexie": {
@@ -1509,14 +1497,12 @@
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/esm-env/-/esm-env-1.2.2.tgz",
       "integrity": "sha512-Epxrv+Nr/CaL4ZcFGPJIYLWFom+YeV1DqMLHJoEd9SYRxNbaFruBwfEX/kkHUJf55j2+TUbmDcmuilbP1TmXHA==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/esrap": {
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/esrap/-/esrap-2.2.3.tgz",
       "integrity": "sha512-8fOS+GIGCQZl/ZIlhl59htOlms6U8NvX6ZYgYHpRU/b6tVSh3uHkOHZikl3D4cMbYM0JlpBe+p/BkZEi8J9XIQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.4.15"
@@ -1637,7 +1623,6 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-3.0.3.tgz",
       "integrity": "sha512-ixkJoqQvAP88E6wLydLGGqCJsrFUnqoH6HnaczB8XmDH1oaWU+xxdptvikTgaEhtZ53Ky6YXiBuUI2WXLMCwjw==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/estree": "^1.0.6"
@@ -1688,7 +1673,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz",
       "integrity": "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/lru-cache": {
@@ -1701,11 +1685,19 @@
         "node": "20 || >=22"
       }
     },
+    "node_modules/lucide-svelte": {
+      "version": "0.576.0",
+      "resolved": "https://registry.npmjs.org/lucide-svelte/-/lucide-svelte-0.576.0.tgz",
+      "integrity": "sha512-bm7RCoptI8unoEyo9H9sRHTHgnleuBW8npge05ZtxHkNsDNnO3p/BQEU79sshf4k+MSrjqlWvsCN5vVZtgV7ww==",
+      "license": "ISC",
+      "peerDependencies": {
+        "svelte": "^3 || ^4 || ^5.0.0-next.42"
+      }
+    },
     "node_modules/magic-string": {
       "version": "0.30.21",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
       "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.5.5"
@@ -1937,7 +1929,6 @@
       "version": "5.53.6",
       "resolved": "https://registry.npmjs.org/svelte/-/svelte-5.53.6.tgz",
       "integrity": "sha512-lP5DGF3oDDI9fhHcSpaBiJEkFLuS16h92DhM1L5K1lFm0WjOmUh1i2sNkBBk8rkxJRpob0dBE75jRfUzGZUOGA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/remapping": "^2.3.4",
@@ -2327,7 +2318,6 @@
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/zimmerframe/-/zimmerframe-1.1.4.tgz",
       "integrity": "sha512-B58NGBEoc8Y9MWWCQGl/gq9xBCe4IiKM0a2x7GZdQKOW5Exr8S1W24J6OgM1njK8xCRGvAJIL/MxXHf6SkmQKQ==",
-      "dev": true,
       "license": "MIT"
     }
   }
diff --git a/frontend/package.json b/frontend/package.json
index 68ad1f3..318a5bc 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -19,6 +19,7 @@
     "vitest": "^4.0.18"
   },
   "dependencies": {
-    "dexie": "^4.3.0"
+    "dexie": "^4.3.0",
+    "lucide-svelte": "^0.576.0"
   }
 }
diff --git a/frontend/src/components/Nav.svelte b/frontend/src/components/Nav.svelte
index 116d9ee..46384d2 100644
--- a/frontend/src/components/Nav.svelte
+++ b/frontend/src/components/Nav.svelte
@@ -1,37 +1,39 @@
 <script>
+  import { LayoutDashboard, ClipboardCheck, Heart, Hexagon, Clock, CalendarDays, Upload, Users, Settings, LogOut } from 'lucide-svelte'
+
   let { session, active, onLogout, open = false } = $props()
 
   const role = $derived(session?.user?.role ?? '')
 
-  // Role-specific nav sets
+  const iconProps = { size: 18, strokeWidth: 1.75 }
+
   const links = $derived.by(() => {
     if (role === 'ticketing') return [
-      { href: '#/attendees', label: 'Attendees', icon: '✓' },
-      { href: '#/import', label: 'Import', icon: '↑' },
+      { href: '#/attendees', label: 'Attendees', icon: ClipboardCheck },
+      { href: '#/import', label: 'Import', icon: Upload },
     ]
     if (role === 'volunteer_lead') return [
-      { href: '#/', label: 'Schedule', icon: '◷' },
-      { href: '#/volunteers', label: 'Volunteers', icon: '◎' },
-      { href: '#/departments', label: 'Departments', icon: '⬡' },
+      { href: '#/', label: 'Schedule', icon: CalendarDays },
+      { href: '#/volunteers', label: 'Volunteers', icon: Heart },
+      { href: '#/departments', label: 'Departments', icon: Hexagon },
     ]
     if (role === 'coordinator') return [
-      { href: '#/', label: 'Dashboard', icon: '⊞' },
-      { href: '#/schedule', label: 'Schedule', icon: '◷' },
-      { href: '#/volunteers', label: 'Volunteers', icon: '◎' },
-      { href: '#/departments', label: 'Departments', icon: '⬡' },
-      { href: '#/shifts', label: 'Shifts', icon: '◑' },
+      { href: '#/', label: 'Dashboard', icon: LayoutDashboard },
+      { href: '#/schedule', label: 'Schedule', icon: CalendarDays },
+      { href: '#/volunteers', label: 'Volunteers', icon: Heart },
+      { href: '#/departments', label: 'Departments', icon: Hexagon },
+      { href: '#/shifts', label: 'Shifts', icon: Clock },
     ]
-    // admin — all links
     return [
-      { href: '#/', label: 'Dashboard', icon: '⊞' },
-      { href: '#/attendees', label: 'Attendees', icon: '✓' },
-      { href: '#/volunteers', label: 'Volunteers', icon: '◎' },
-      { href: '#/departments', label: 'Departments', icon: '⬡' },
-      { href: '#/shifts', label: 'Shifts', icon: '◑' },
-      { href: '#/schedule', label: 'Schedule', icon: '◷' },
-      { href: '#/import', label: 'Import', icon: '↑' },
-      { href: '#/users', label: 'Users', icon: '👥' },
-      { href: '#/settings', label: 'Settings', icon: '⚙' },
+      { href: '#/', label: 'Dashboard', icon: LayoutDashboard },
+      { href: '#/attendees', label: 'Attendees', icon: ClipboardCheck },
+      { href: '#/volunteers', label: 'Volunteers', icon: Heart },
+      { href: '#/departments', label: 'Departments', icon: Hexagon },
+      { href: '#/shifts', label: 'Shifts', icon: Clock },
+      { href: '#/schedule', label: 'Schedule', icon: CalendarDays },
+      { href: '#/import', label: 'Import', icon: Upload },
+      { href: '#/users', label: 'Users', icon: Users },
+      { href: '#/settings', label: 'Settings', icon: Settings },
     ]
   })
 
@@ -46,12 +48,12 @@
   <div class="sidebar-brand">Turn<span>pike</span></div>
   {#each links as link}
     <a href={link.href} class="nav-link" class:active={isActive(link.href)}>
-      <span class="icon">{link.icon}</span>
+      <link.icon {...iconProps} />
       {link.label}
     </a>
   {/each}
   <div style="flex:1"></div>
   <button class="nav-link btn-ghost" style="border:none;cursor:pointer;width:100%;text-align:left" onclick={onLogout}>
-    <span class="icon">→</span> Sign out
+    <LogOut {...iconProps} /> Sign out
   </button>
 </nav>