diff --git a/src/router/index.ts b/src/router/index.ts
index 98af3a5..ed40910 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,6 +1,11 @@
 import { createRouter, createWebHistory } from "vue-router";
 import HomeView from "../views/HomeView.vue";
 
+import HomeIcon from "@/assets/icons/HomeIcon.vue";
+import IdCardIcon from "@/assets/icons/IdCardIcon.vue";
+import PaletteIcon from "@/assets/icons/PaletteIcon.vue";
+import BriefcaseIcon from "@/assets/icons/BriefcaseIcon.vue";
+
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   scrollBehavior: () => {
@@ -13,6 +18,7 @@ const router = createRouter({
       component: HomeView,
       meta: {
         title: "Home",
+        icon: HomeIcon,
       },
     },
     {
@@ -21,6 +27,7 @@ const router = createRouter({
       component: () => import("@/views/GeneralView.vue"),
       meta: {
         title: "General",
+        icon: IdCardIcon,
       },
     },
     {
@@ -29,6 +36,7 @@ const router = createRouter({
       component: () => import("@/views/AnatomyView.vue"),
       meta: {
         title: "Anatomy",
+        icon: PaletteIcon,
       },
     },
     {
@@ -37,6 +45,7 @@ const router = createRouter({
       component: () => import("@/views/CareerPathView.vue"),
       meta: {
         title: "Career Path",
+        icon: BriefcaseIcon,
       },
     },
   ],