diff --git a/refilc/assets/svg/menu_icons/grades.svg b/refilc/assets/svg/menu_icons/grades.svg
new file mode 100644
index 00000000..cea66bd2
--- /dev/null
+++ b/refilc/assets/svg/menu_icons/grades.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 2C4.73478 2 4.48043 2.10536 4.29289 2.29289C4.10536 2.48043 4 2.73478 4 3V17.0568L9.41876 13.1863C9.76646 12.9379 10.2335 12.9379 10.5812 13.1863L16 17.0568V3C16 2.73478 15.8946 2.48043 15.7071 2.29289C15.5196 2.10536 15.2652 2 15 2H5ZM2.87868 0.87868C3.44129 0.31607 4.20435 0 5 0H15C15.7956 0 16.5587 0.31607 17.1213 0.87868C17.6839 1.44129 18 2.20435 18 3V19C18 19.3746 17.7907 19.7178 17.4576 19.8892C17.1245 20.0606 16.7236 20.0315 16.4188 19.8137L10 15.2289L3.58124 19.8137C3.27642 20.0315 2.87549 20.0606 2.54242 19.8892C2.20935 19.7178 2 19.3746 2 19V3C2 2.20435 2.31607 1.44129 2.87868 0.87868Z" fill="#1B1B1B"/>
+</svg>
diff --git a/refilc/assets/svg/menu_icons/grades_selected.svg b/refilc/assets/svg/menu_icons/grades_selected.svg
new file mode 100644
index 00000000..a58eb196
--- /dev/null
+++ b/refilc/assets/svg/menu_icons/grades_selected.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 0C4.20435 0 3.44129 0.31607 2.87868 0.87868C2.31607 1.44129 2 2.20435 2 3V19C2 19.3746 2.20935 19.7178 2.54242 19.8892C2.87549 20.0606 3.27642 20.0315 3.58124 19.8137L10 15.2289L16.4188 19.8137C16.7236 20.0315 17.1245 20.0606 17.4576 19.8892C17.7907 19.7178 18 19.3746 18 19V3C18 2.20435 17.6839 1.44129 17.1213 0.87868C16.5587 0.31607 15.7956 0 15 0H5Z" fill="#1B1B1B"/>
+</svg>
diff --git a/refilc/assets/svg/menu_icons/inbox.svg b/refilc/assets/svg/menu_icons/inbox.svg
new file mode 100644
index 00000000..1a8f5bba
--- /dev/null
+++ b/refilc/assets/svg/menu_icons/inbox.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.22222 20C1.61111 20 1.08778 19.7822 0.652224 19.3467C0.216668 18.9111 -0.000738854 18.3881 1.88644e-06 17.7778V2.22222C1.88644e-06 1.61111 0.21778 1.08778 0.653335 0.652224C1.08889 0.216668 1.61185 -0.000738854 2.22222 1.88644e-06H17.7778C18.3889 1.88644e-06 18.9122 0.21778 19.3478 0.653335C19.7833 1.08889 20.0007 1.61185 20 2.22222V17.7778C20 18.3889 19.7822 18.9122 19.3467 19.3478C18.9111 19.7833 18.3881 20.0007 17.7778 20H2.22222ZM11.9167 13.8333C11.3426 14.2407 10.7037 14.4444 10 14.4444C9.2963 14.4444 8.65741 14.2407 8.08333 13.8333C7.50926 13.4259 7.11111 12.8889 6.88889 12.2222H2.22222V2.22222H17.7778V12.2222H13.1111C12.8889 12.8889 12.4907 13.4259 11.9167 13.8333Z" fill="#1B1B1B"/>
+</svg>
diff --git a/refilc/assets/svg/menu_icons/inbox_selected.svg b/refilc/assets/svg/menu_icons/inbox_selected.svg
new file mode 100644
index 00000000..58dc5e75
--- /dev/null
+++ b/refilc/assets/svg/menu_icons/inbox_selected.svg
@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.3908 11.2222H16.7782V3.22217H3.22266V11.2222H7.61008L7.83801 11.9059C7.99294 12.3707 8.26132 12.7331 8.66251 13.0178C9.06753 13.3052 9.50418 13.4444 10.0004 13.4444C10.4967 13.4444 10.9333 13.3052 11.3384 13.0178C11.7395 12.7331 12.0079 12.3707 12.1629 11.9059L12.3908 11.2222Z" fill="#1B1B1B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.652224 19.3467C1.08778 19.7822 1.61111 20 2.22222 20H17.7778C18.3881 20.0007 18.9111 19.7833 19.3467 19.3478C19.7822 18.9122 20 18.3889 20 17.7778V2.22222C20.0007 1.61185 19.7833 1.08889 19.3478 0.653335C18.9122 0.21778 18.3889 1.88657e-06 17.7778 1.88657e-06H2.22222C1.61185 -0.00073888 1.08889 0.216668 0.653335 0.652224C0.21778 1.08778 1.88657e-06 1.61111 1.88657e-06 2.22222V17.7778C-0.00073888 18.3881 0.216668 18.9111 0.652224 19.3467ZM10 14.4444C10.7037 14.4444 11.3426 14.2407 11.9167 13.8333C12.4907 13.4259 12.8889 12.8889 13.1111 12.2222H17.7778V2.22222H2.22222V12.2222H6.88889C7.11111 12.8889 7.50926 13.4259 8.08333 13.8333C8.65741 14.2407 9.2963 14.4444 10 14.4444Z" fill="#1B1B1B"/>
+</svg>
diff --git a/refilc/assets/svg/menu_icons/notes.svg b/refilc/assets/svg/menu_icons/notes.svg
new file mode 100644
index 00000000..ecda0248
--- /dev/null
+++ b/refilc/assets/svg/menu_icons/notes.svg
@@ -0,0 +1,14 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.5 6L1.5 4L1 4C0.447716 4 -8.74232e-08 4.44771 -8.74231e-08 5C-8.7423e-08 5.55228 0.447715 6 1 6L1.5 6Z" fill="#1B1B1B"/>
+<path d="M1.5 16L1.5 14L0.999999 14C0.447714 14 -1.74846e-07 14.4477 -1.74846e-07 15C-1.74846e-07 15.5523 0.447715 16 1 16L1.5 16Z" fill="#1B1B1B"/>
+<path d="M1.5 11L1.5 9L1 9C0.447715 9 -8.74233e-08 9.44771 -8.74232e-08 10C-8.74231e-08 10.5523 0.447715 11 1 11L1.5 11Z" fill="#1B1B1B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.5 14L3.5 11L3.5 17C3.5 17.5523 3.94771 18 4.5 18L17 18C17.5523 18 18 17.5523 18 17L18 3C18 2.44771 17.5523 2 17 2L4.5 2C3.94771 2 3.5 2.44772 3.5 3L3.5 4L1.5 4L1.5 3C1.5 1.34315 2.84314 -1.24278e-07 4.5 -1.96701e-07L17 -7.43094e-07C18.6569 -8.15517e-07 20 1.34314 20 3L20 17C20 18.6569 18.6569 20 17 20L4.5 20C2.84314 20 1.5 18.6569 1.5 17L1.5 16L3.5 16L3.5 14ZM3.5 9L1.5 9L1.5 11L1.5 6L3.5 6L3.5 9Z" fill="#1B1B1B"/>
+<path d="M1.5 11L1.5 14L3.5 14L3.5 11L1.5 11Z" fill="#1B1B1B"/>
+<path d="M6.5 5.5C6.5 5.22386 6.72386 5 7 5L14.5 5C14.7761 5 15 5.22386 15 5.5L15 9.5C15 9.77614 14.7761 10 14.5 10L7 10C6.72386 10 6.5 9.77614 6.5 9.5L6.5 5.5Z" fill="#1B1B1B"/>
+<path d="M3.5 9L3.5 11L4 11C4.55228 11 5 10.5523 5 10C5 9.44771 4.55228 9 4 9L3.5 9Z" fill="#1B1B1B"/>
+<path d="M1.5 9L1.5 11L3.5 11L3.5 9L1.5 9Z" fill="#1B1B1B"/>
+<path d="M1.5 4L1.5 6L3.5 6L3.5 4L1.5 4Z" fill="#1B1B1B"/>
+<path d="M4 6C4.55228 6 5 5.55228 5 5C5 4.44771 4.55228 4 4 4L3.5 4L3.5 6L4 6Z" fill="#1B1B1B"/>
+<path d="M1.5 14L1.5 16L3.5 16L3.5 14L1.5 14Z" fill="#1B1B1B"/>
+<path d="M3.5 14L3.5 16L4 16C4.55228 16 5 15.5523 5 15C5 14.4477 4.55228 14 4 14L3.5 14Z" fill="#1B1B1B"/>
+</svg>
diff --git a/refilc/assets/svg/menu_icons/notes_selected.svg b/refilc/assets/svg/menu_icons/notes_selected.svg
new file mode 100644
index 00000000..170162b9
--- /dev/null
+++ b/refilc/assets/svg/menu_icons/notes_selected.svg
@@ -0,0 +1,8 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.5 6L1.5 4L1 4C0.447716 4 -8.74232e-08 4.44771 -8.74231e-08 5C-8.7423e-08 5.55228 0.447715 6 1 6L1.5 6Z" fill="#1B1B1B"/>
+<path d="M1.5 16L1.5 14L0.999999 14C0.447714 14 -1.74846e-07 14.4477 -1.74846e-07 15C-1.74846e-07 15.5523 0.447715 16 1 16L1.5 16Z" fill="#1B1B1B"/>
+<path d="M1.5 11L1.5 9L1 9C0.447715 9 -8.74233e-08 9.44771 -8.74232e-08 10C-8.74231e-08 10.5523 0.447715 11 1 11L1.5 11Z" fill="#1B1B1B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.5 14L3.5 11L3.5 17C3.5 17.5523 3.94771 18 4.5 18L17 18C17.5523 18 18 17.5523 18 17L18 3C18 2.44771 17.5523 2 17 2L4.5 2C3.94771 2 3.5 2.44772 3.5 3L3.5 4L1.5 4L1.5 3C1.5 1.34315 2.84314 -1.24278e-07 4.5 -1.96701e-07L17 -7.43094e-07C18.6569 -8.15517e-07 20 1.34314 20 3L20 17C20 18.6569 18.6569 20 17 20L4.5 20C2.84314 20 1.5 18.6569 1.5 17L1.5 16L3.5 16L3.5 14ZM3.5 9L1.5 9L1.5 11L1.5 6L3.5 6L3.5 9Z" fill="#1B1B1B"/>
+<path d="M1.5 11L1.5 14L3.5 14L3.5 11L1.5 11Z" fill="#1B1B1B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.5 17C3.5 17.5523 3.94771 18 4.5 18L17 18C17.5523 18 18 17.5523 18 17L18 3C18 2.44771 17.5523 2 17 2L4.5 2C3.94771 2 3.5 2.44772 3.5 3L3.5 4L4 4C4.55228 4 5 4.44771 5 5C5 5.55228 4.55228 6 4 6L3.5 6L3.5 9L4 9C4.55228 9 5 9.44771 5 10C5 10.5523 4.55228 11 4 11L3.5 11L3.5 14L4 14C4.55228 14 5 14.4477 5 15C5 15.5523 4.55228 16 4 16L3.5 16L3.5 17ZM15 5.5C15 5.22386 14.7761 5 14.5 5L7 5C6.72386 5 6.5 5.22386 6.5 5.5L6.5 9.5C6.5 9.77614 6.72386 10 7 10L14.5 10C14.7761 10 15 9.77614 15 9.5L15 5.5Z" fill="#1B1B1B"/>
+</svg>
diff --git a/refilc/assets/svg/menu_icons/timetable.svg b/refilc/assets/svg/menu_icons/timetable.svg
new file mode 100644
index 00000000..de2dc464
--- /dev/null
+++ b/refilc/assets/svg/menu_icons/timetable.svg
@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2.5" y="0.5" width="15" height="1" rx="0.5" stroke="#1B1B1B"/>
+<rect x="1" y="5" width="18" height="10" rx="1" stroke="#1B1B1B" stroke-width="2"/>
+<rect x="2.5" y="18.5" width="15" height="1" rx="0.5" stroke="#1B1B1B"/>
+</svg>
diff --git a/refilc/assets/svg/menu_icons/timetable_selected.svg b/refilc/assets/svg/menu_icons/timetable_selected.svg
new file mode 100644
index 00000000..3c4d13fb
--- /dev/null
+++ b/refilc/assets/svg/menu_icons/timetable_selected.svg
@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2.5" y="0.5" width="15" height="1" rx="0.5" stroke="#1B1B1B"/>
+<rect x="1" y="5" width="18" height="10" rx="1" fill="#1B1B1B" stroke="#1B1B1B" stroke-width="2"/>
+<rect x="2.5" y="18.5" width="15" height="1" rx="0.5" stroke="#1B1B1B"/>
+</svg>
diff --git a/refilc/assets/svg/menu_icons/today.svg b/refilc/assets/svg/menu_icons/today.svg
new file mode 100644
index 00000000..c7e558b9
--- /dev/null
+++ b/refilc/assets/svg/menu_icons/today.svg
@@ -0,0 +1,9 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 1C8 0.447715 7.55228 0 7 0C6.44772 0 6 0.447715 6 1V2H8V1Z" fill="#1B1B1B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16 1C16 0.447715 15.5523 0 15 0C14.4477 0 14 0.447715 14 1V2H16V1Z" fill="#1B1B1B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18 4H16V2H18C19.6569 2 21 3.34315 21 5V19C21 20.6569 19.6569 22 18 22H4C2.34315 22 1 20.6569 1 19V5C1 3.34315 2.34315 2 4 2H6V4H4C3.44771 4 3 4.44772 3 5V19C3 19.5523 3.44772 20 4 20H18C18.5523 20 19 19.5523 19 19V5C19 4.44771 18.5523 4 18 4ZM8 2H14V4H8V2Z" fill="#1B1B1B"/>
+<path d="M8 2H6V4H8V2Z" fill="#1B1B1B"/>
+<path d="M7 6C7.55228 6 8 5.55228 8 5V4H6V5C6 5.55228 6.44772 6 7 6Z" fill="#1B1B1B"/>
+<path d="M15 6C15.5523 6 16 5.55228 16 5V4H14V5C14 5.55228 14.4477 6 15 6Z" fill="#1B1B1B"/>
+<path d="M16 2H14V4H16V2Z" fill="#1B1B1B"/>
+</svg>
diff --git a/refilc/assets/svg/menu_icons/today_selected.svg b/refilc/assets/svg/menu_icons/today_selected.svg
new file mode 100644
index 00000000..bc7036a7
--- /dev/null
+++ b/refilc/assets/svg/menu_icons/today_selected.svg
@@ -0,0 +1,5 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16 1C16 0.447715 15.5523 0 15 0C14.4477 0 14 0.447715 14 1V2H16V1Z" fill="#1B1B1B"/>
+<path d="M6 2H8V1C8 0.447715 7.55228 0 7 0C6.44772 0 6 0.447715 6 1V2Z" fill="#1B1B1B"/>
+<path d="M4 2C2.34315 2 1 3.34315 1 5V19C1 20.6569 2.34315 22 4 22H18C19.6569 22 21 20.6569 21 19V5C21 3.34315 19.6569 2 18 2H16V4V5C16 5.55228 15.5523 6 15 6C14.4477 6 14 5.55228 14 5V4V2H8V4V5C8 5.55228 7.55228 6 7 6C6.44772 6 6 5.55228 6 5V4V2H4Z" fill="#1B1B1B"/>
+</svg>