diff --git a/package.json b/package.json
index 6fa9a51..2e143a3 100644
--- a/package.json
+++ b/package.json
@@ -33,7 +33,7 @@
 		"vite": "^7.1.10"
 	},
 	"dependencies": {
-		"@iconify-json/mdi": "^1.2.3",
+		"@iconify-json/material-symbols": "^1.2.45",
 		"unplugin-icons": "^22.5.0"
 	}
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c51fc45..412213b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,9 +8,9 @@ importers:
 
   .:
     dependencies:
-      '@iconify-json/mdi':
-        specifier: ^1.2.3
-        version: 1.2.3
+      '@iconify-json/material-symbols':
+        specifier: ^1.2.45
+        version: 1.2.45
       unplugin-icons:
         specifier: ^22.5.0
         version: 22.5.0(svelte@5.43.5)
@@ -294,8 +294,8 @@ packages:
     resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
     engines: {node: '>=18.18'}
 
-  '@iconify-json/mdi@1.2.3':
-    resolution: {integrity: sha512-O3cLwbDOK7NNDf2ihaQOH5F9JglnulNDFV7WprU2dSoZu3h3cWH//h74uQAB87brHmvFVxIOkuBX2sZSzYhScg==}
+  '@iconify-json/material-symbols@1.2.45':
+    resolution: {integrity: sha512-QGt+57HpuYNYHIjmGRyaCTSStJD4AOj4C6xKFoMd1gtYPzfgK4/MOl3ar3WsgQnAmGo1QuDFOztXIIjDgDO2Kg==}
 
   '@iconify/types@2.0.0':
     resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
@@ -1414,7 +1414,7 @@ snapshots:
 
   '@humanwhocodes/retry@0.4.3': {}
 
-  '@iconify-json/mdi@1.2.3':
+  '@iconify-json/material-symbols@1.2.45':
     dependencies:
       '@iconify/types': 2.0.0
 
diff --git a/src/lib/components/molecules/NavBar.svelte b/src/lib/components/molecules/NavBar.svelte
index cd63fff..0a0e19d 100644
--- a/src/lib/components/molecules/NavBar.svelte
+++ b/src/lib/components/molecules/NavBar.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { page } from '$app/state';
 	import logo from '$assets/logo.svg';
-	import Announcement from 'virtual:icons/mdi/announcement';
-	import Gear from 'virtual:icons/mdi/gear';
+	import Notifications from 'virtual:icons/material-symbols/notifications-outline';
+	import Settings from 'virtual:icons/material-symbols/settings-outline';
 
 	const navItems = [
 		{ label: 'Home', href: '/' },
@@ -30,9 +30,9 @@
 		<a
 			href="/announcements"
 			class="rounded nav-button unselectable"
-			class:active={page.url.pathname === '/announcements'}><Announcement /></a
+			class:active={page.url.pathname === '/announcements'}><Notifications /></a
 		>
-		<button class="rounded nav-button unselectable" type="button"><Gear /></button>
+		<button class="rounded nav-button unselectable" type="button"><Settings /></button>
 	</div>
 </nav>