diff --git a/frontend/src/assets/embedded/icon_embedded.svg b/frontend/src/assets/embedded/icon_embedded.svg
new file mode 100644
index 00000000..077648fd
--- /dev/null
+++ b/frontend/src/assets/embedded/icon_embedded.svg
@@ -0,0 +1,5 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.125 3.75C4.74632 3.75 5.25 4.25368 5.25 4.875C5.25 5.49632 4.74632 6 4.125 6C3.50368 6 3 5.49632 3 4.875C3 4.25368 3.50368 3.75 4.125 3.75Z" fill="#1F2329"/>
+<path d="M7.875 3.75C8.49632 3.75 9 4.25368 9 4.875C9 5.49632 8.49632 6 7.875 6C7.25368 6 6.75 5.49632 6.75 4.875C6.75 4.25368 7.25368 3.75 7.875 3.75Z" fill="#1F2329"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 1.5C16.9142 1.5 17.25 1.83579 17.25 2.25V15.75C17.25 16.1642 16.9142 16.5 16.5 16.5H1.5C1.08579 16.5 0.75 16.1642 0.75 15.75V2.25C0.75 1.83579 1.08579 1.5 1.5 1.5H16.5ZM2.25 8.25V15H15.75V8.25H2.25ZM2.25 6.75H15.75V3H2.25V6.75Z" fill="#1F2329"/>
+</svg>
diff --git a/frontend/src/assets/svg/menu/icon-setting.svg b/frontend/src/assets/svg/menu/icon-setting.svg
new file mode 100644
index 00000000..41335368
--- /dev/null
+++ b/frontend/src/assets/svg/menu/icon-setting.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.24661 14.8002L3.01327 14.546C2.19633 13.6562 1.58342 12.5949 1.2241 11.4358L1.1228 11.1091L2.65884 8.99998L1.1228 6.89091L1.2241 6.56415C1.58342 5.40507 2.19633 4.34374 3.01327 3.45391L3.24661 3.19975L5.82797 3.4819L6.87644 1.09177L7.21264 1.01608C7.7952 0.884929 8.3937 0.818161 9.00034 0.818161C9.60698 0.818161 10.2055 0.884929 10.788 1.01608L11.1242 1.09177L12.1727 3.4819L14.7541 3.19975L14.9874 3.45391C15.8044 4.34374 16.4173 5.40507 16.7766 6.56415L16.8779 6.89091L15.3418 8.99998L16.8779 11.1091L16.7766 11.4358C16.4173 12.5949 15.8044 13.6562 14.9874 14.546L14.7541 14.8002L12.1727 14.5181L11.1242 16.9082L10.788 16.9839C10.2055 17.115 9.60698 17.1818 9.00034 17.1818C8.3937 17.1818 7.7952 17.115 7.21264 16.9839L6.87644 16.9082L5.82797 14.5181L3.24661 14.8002ZM5.86043 13.1427C6.34502 13.0897 6.80792 13.3574 7.00375 13.8038L7.84408 15.7195C8.22309 15.7849 8.60943 15.8181 9.00034 15.8181C9.39126 15.8181 9.77759 15.7849 10.1566 15.7195L10.9969 13.8038C11.1928 13.3574 11.6557 13.0897 12.1403 13.1427L14.2059 13.3685C14.7048 12.768 15.0982 12.0857 15.3667 11.3504L14.1334 9.65698C13.8482 9.26538 13.8482 8.7345 14.1334 8.34289L15.3667 6.64952C15.0982 5.91422 14.7048 5.23188 14.2059 4.63138L12.1403 4.85716C11.6557 4.91013 11.1928 4.64246 10.9969 4.19604L10.1566 2.2804C9.77759 2.21496 9.39126 2.18176 9.00034 2.18176C8.60943 2.18176 8.22309 2.21496 7.84408 2.2804L7.00375 4.19604C6.80792 4.64246 6.34502 4.91013 5.86043 4.85716L3.79477 4.63138C3.29587 5.23188 2.90251 5.91422 2.63399 6.64952L3.86728 8.34289C4.15248 8.7345 4.15248 9.26538 3.86728 9.65698L2.63399 11.3504C2.90251 12.0857 3.29587 12.768 3.79477 13.3685L5.86043 13.1427ZM9.00034 12.4091C7.124 12.4091 5.60424 10.882 5.60424 8.99997C5.60424 7.11791 7.124 5.59088 9.00034 5.59088C10.8767 5.59088 12.3964 7.11791 12.3964 8.99997C12.3964 10.882 10.8767 12.4091 9.00034 12.4091ZM9.00034 11.0455C10.1221 11.0455 11.0328 10.1304 11.0328 9.00002C11.0328 7.86962 10.1221 6.95457 9.00034 6.95457C7.87857 6.95457 6.96787 7.86962 6.96787 9.00002C6.96787 10.1304 7.87857 11.0455 9.00034 11.0455Z" fill="#1F2329"/>
+</svg>
diff --git a/frontend/src/assets/svg/menu/icon_chat_filled.svg b/frontend/src/assets/svg/menu/icon_chat_filled.svg
new file mode 100644
index 00000000..93417643
--- /dev/null
+++ b/frontend/src/assets/svg/menu/icon_chat_filled.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 1.125C13.3492 1.125 16.875 4.65076 16.875 9C16.875 13.3492 13.3492 16.875 9 16.875H1.875C1.46079 16.875 1.125 16.5392 1.125 16.125V9C1.125 4.65076 4.65076 1.125 9 1.125ZM5.625 10.125C5.41789 10.125 5.25 10.2929 5.25 10.5V11.25C5.25 11.4571 5.41789 11.625 5.625 11.625H9.375C9.58211 11.625 9.75 11.4571 9.75 11.25V10.5C9.75 10.2929 9.58211 10.125 9.375 10.125H5.625ZM5.625 7.125C5.41789 7.125 5.25 7.29289 5.25 7.5V8.25C5.25 8.45711 5.41789 8.625 5.625 8.625H12.375C12.5821 8.625 12.75 8.45711 12.75 8.25V7.5C12.75 7.29289 12.5821 7.125 12.375 7.125H5.625Z" fill="#1CBA90"/>
+</svg>
diff --git a/frontend/src/assets/svg/menu/icon_chat_outlined.svg b/frontend/src/assets/svg/menu/icon_chat_outlined.svg
new file mode 100644
index 00000000..e679fef4
--- /dev/null
+++ b/frontend/src/assets/svg/menu/icon_chat_outlined.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 1.125C13.3492 1.125 16.875 4.65076 16.875 9C16.875 13.3492 13.3492 16.875 9 16.875H1.875C1.46079 16.875 1.125 16.5392 1.125 16.125V9C1.125 4.65076 4.65076 1.125 9 1.125ZM2.625 15.375H9C12.5208 15.375 15.375 12.5208 15.375 8.99998C15.375 5.47917 12.5208 2.62498 9 2.62498C5.47918 2.62498 2.625 5.47917 2.625 8.99998V15.375ZM5.625 10.125H9.375C9.58211 10.125 9.75 10.2929 9.75 10.5V11.25C9.75 11.4571 9.58211 11.625 9.375 11.625H5.625C5.41789 11.625 5.25 11.4571 5.25 11.25V10.5C5.25 10.2929 5.41789 10.125 5.625 10.125ZM5.625 7.12498H12.375C12.5821 7.12498 12.75 7.29287 12.75 7.49998V8.24998C12.75 8.45709 12.5821 8.62498 12.375 8.62498H5.625C5.41789 8.62498 5.25 8.45709 5.25 8.24998V7.49998C5.25 7.29287 5.41789 7.12498 5.625 7.12498Z" fill="#1F2329"/>
+</svg>
diff --git a/frontend/src/assets/svg/menu/icon_dashboard_filled.svg b/frontend/src/assets/svg/menu/icon_dashboard_filled.svg
new file mode 100644
index 00000000..7fd632b9
--- /dev/null
+++ b/frontend/src/assets/svg/menu/icon_dashboard_filled.svg
@@ -0,0 +1,6 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.5 15.375C1.5 15.1679 1.66789 15 1.875 15H16.125C16.3321 15 16.5 15.1679 16.5 15.375V16.125C16.5 16.3321 16.3321 16.5 16.125 16.5H1.875C1.66789 16.5 1.5 16.3321 1.5 16.125V15.375Z" fill="#1CBA90"/>
+<path d="M2.25 8.625C2.25 8.41789 2.41789 8.25 2.625 8.25H4.875C5.08211 8.25 5.25 8.41789 5.25 8.625V13.125C5.25 13.3321 5.08211 13.5 4.875 13.5H2.625C2.41789 13.5 2.25 13.3321 2.25 13.125V8.625Z" fill="#1CBA90"/>
+<path d="M7.5 2.625C7.5 2.41789 7.66789 2.25 7.875 2.25H10.125C10.3321 2.25 10.5 2.41789 10.5 2.625V13.125C10.5 13.3321 10.3321 13.5 10.125 13.5H7.875C7.66789 13.5 7.5 13.3321 7.5 13.125V2.625Z" fill="#1CBA90"/>
+<path d="M12.75 6.375C12.75 6.16789 12.9179 6 13.125 6H15.375C15.5821 6 15.75 6.16789 15.75 6.375V13.125C15.75 13.3321 15.5821 13.5 15.375 13.5H13.125C12.9179 13.5 12.75 13.3321 12.75 13.125V6.375Z" fill="#1CBA90"/>
+</svg>
diff --git a/frontend/src/assets/svg/menu/icon_dashboard_outlined.svg b/frontend/src/assets/svg/menu/icon_dashboard_outlined.svg
new file mode 100644
index 00000000..a209c844
--- /dev/null
+++ b/frontend/src/assets/svg/menu/icon_dashboard_outlined.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.875 15V8.65909C1.875 8.22605 2.23477 7.875 2.67857 7.875H6V2.28947C6 1.85346 6.38376 1.5 6.85714 1.5H11.1429C11.6162 1.5 12 1.85346 12 2.28947V6H15.3214C15.7652 6 16.125 6.33579 16.125 6.75V15H16.8749C17.082 15 17.2499 15.1679 17.2499 15.375V16.125C17.2499 16.3321 17.082 16.5 16.8749 16.5H1.12487C0.917764 16.5 0.74987 16.3321 0.74987 16.125V15.375C0.74987 15.1679 0.917764 15 1.12487 15H1.875ZM14.625 15V7.5H12V15H14.625ZM10.5 15V3H7.5V15H10.5ZM6 15V9.375H3.375V15H6Z" fill="#1F2329"/>
+</svg>
diff --git a/frontend/src/assets/svg/menu/icon_database_filled.svg b/frontend/src/assets/svg/menu/icon_database_filled.svg
new file mode 100644
index 00000000..46c5d5cc
--- /dev/null
+++ b/frontend/src/assets/svg/menu/icon_database_filled.svg
@@ -0,0 +1,5 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.875 4.125C1.875 4.42047 2.05929 4.71306 2.41736 4.98604C2.77542 5.25902 3.30025 5.50706 3.96186 5.71599C4.62348 5.92492 5.40894 6.09066 6.27338 6.20373C7.13783 6.3168 8.06433 6.375 9 6.375C9.93567 6.375 10.8622 6.3168 11.7266 6.20373C12.5911 6.09066 13.3765 5.92492 14.0381 5.71599C14.6998 5.50706 15.2246 5.25902 15.5826 4.98604C15.9407 4.71306 16.125 4.42047 16.125 4.125C16.125 3.52826 15.3743 2.95597 14.0381 2.53401C12.7019 2.11205 10.8897 1.875 9 1.875C7.11033 1.875 5.29806 2.11205 3.96186 2.53401C2.62567 2.95597 1.875 3.52826 1.875 4.125Z" fill="#1CBA90"/>
+<path d="M9 12.375C5.86875 12.375 3.21 11.7375 2.25375 10.8525C2.22216 10.822 2.18229 10.8015 2.13911 10.7935C2.09593 10.7855 2.05135 10.7904 2.01095 10.8076C1.97055 10.8248 1.93611 10.8536 1.91193 10.8902C1.88775 10.9269 1.87491 10.9698 1.875 11.0138V13.875C1.875 15.1163 5.06625 16.125 9 16.125C12.9338 16.125 16.125 15.1163 16.125 13.875V11.0138C16.125 10.815 15.8925 10.7175 15.7463 10.8525C14.79 11.7375 12.1313 12.375 9 12.375Z" fill="#1CBA90"/>
+<path d="M9 7.5C5.86875 7.5 3.21 6.8625 2.25375 5.9775C2.22216 5.947 2.18229 5.92648 2.13911 5.9185C2.09593 5.91052 2.05135 5.91544 2.01095 5.93264C1.97055 5.94984 1.93611 5.97856 1.91193 6.01522C1.88775 6.05187 1.87491 6.09484 1.875 6.13875V9C1.875 10.2413 5.06625 11.25 9 11.25C12.9338 11.25 16.125 10.2413 16.125 9V6.13875C16.125 5.94 15.8925 5.8425 15.7463 5.9775C14.79 6.8625 12.1313 7.5 9 7.5Z" fill="#1CBA90"/>
+</svg>
diff --git a/frontend/src/assets/svg/menu/icon_database_outlined.svg b/frontend/src/assets/svg/menu/icon_database_outlined.svg
new file mode 100644
index 00000000..5a8f405f
--- /dev/null
+++ b/frontend/src/assets/svg/menu/icon_database_outlined.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.6838 14.9649C16.1108 14.6283 16.5 14.139 16.5 13.5V4.5C16.5 3.86104 16.1108 3.37169 15.6838 3.03514C15.2483 2.69192 14.6646 2.41564 14.0101 2.1975C12.6934 1.7586 10.9221 1.5 9 1.5C7.07786 1.5 5.30656 1.7586 3.98986 2.1975C3.33543 2.41564 2.75172 2.69192 2.31622 3.03514C1.88917 3.37169 1.5 3.86104 1.5 4.5V13.5C1.5 14.139 1.88917 14.6283 2.31622 14.9649C2.75172 15.3081 3.33543 15.5844 3.98986 15.8025C5.30656 16.2414 7.07786 16.5 9 16.5C10.9221 16.5 12.6934 16.2414 14.0101 15.8025C14.6646 15.5844 15.2483 15.3081 15.6838 14.9649ZM3 4.4998C3.00043 3.67146 5.68656 3 9 3C12.3137 3 15 3.67157 15 4.5C15 5.32843 12.3137 6 9 6C5.68629 6 3 5.32843 3 4.5C3 4.49998 3 4.49997 3 4.49995C3 4.4999 3 4.49985 3 4.4998ZM14.0101 6.8025C14.365 6.68421 14.6991 6.54883 15 6.39495V9.00017C15 9.00105 14.9999 9.00429 14.9977 9.01147C14.9952 9.01983 14.9889 9.03634 14.9737 9.06107C14.9419 9.11293 14.8769 9.1909 14.7553 9.28674C14.5077 9.4819 14.1029 9.69045 13.5358 9.87948C12.4095 10.2549 10.8058 10.5 9 10.5C7.19422 10.5 5.59052 10.2549 4.4642 9.87948C3.89712 9.69045 3.49231 9.4819 3.24468 9.28674C3.12306 9.1909 3.05814 9.11293 3.02631 9.06107C3.01112 9.03634 3.00484 9.01983 3.00229 9.01147C3.00012 9.00435 3 9.00091 3 9V6.39495C3.30092 6.54883 3.63499 6.68421 3.98986 6.8025C5.30656 7.2414 7.07786 7.5 9 7.5C10.9221 7.5 12.6934 7.2414 14.0101 6.8025ZM14.0101 11.3025C14.365 11.1842 14.6991 11.0488 15 10.8949V13.5C15 13.5007 15 13.5039 14.9977 13.5115C14.9952 13.5198 14.9889 13.5363 14.9737 13.5611C14.9419 13.6129 14.8769 13.6909 14.7553 13.7867C14.5077 13.9819 14.1029 14.1905 13.5358 14.3795C12.4095 14.7549 10.8058 15 9 15C7.19422 15 5.59052 14.7549 4.4642 14.3795C3.89712 14.1905 3.49231 13.9819 3.24468 13.7867C3.12306 13.6909 3.05814 13.6129 3.02631 13.5611C3.01112 13.5363 3.00484 13.5198 3.00229 13.5115C2.99999 13.5039 3 13.5007 3 13.5V10.8949C3.30092 11.0488 3.63499 11.1842 3.98986 11.3025C5.30656 11.7414 7.07786 12 9 12C10.9221 12 12.6934 11.7414 14.0101 11.3025Z" fill="#1F2329"/>
+</svg>
diff --git a/frontend/src/assets/svg/menu/icon_dataset_filled.svg b/frontend/src/assets/svg/menu/icon_dataset_filled.svg
new file mode 100644
index 00000000..923fe6d6
--- /dev/null
+++ b/frontend/src/assets/svg/menu/icon_dataset_filled.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.75 6.73664C0.75 6.37645 1.11935 6.13442 1.4496 6.27821L7.86626 9.07196C8.04869 9.15139 8.16666 9.33142 8.16666 9.53039V16.4223C8.16666 16.7985 7.76697 17.0399 7.43402 16.8649L1.02937 13.4984C0.945878 13.4526 0.876167 13.3864 0.827168 13.3062C0.778169 13.2261 0.75159 13.1349 0.750073 13.0416L0.75 13.0332V6.73664ZM16.5478 6.27003C16.8783 6.12387 17.25 6.3659 17.25 6.72732V13.0332C17.25 13.1279 17.2241 13.2209 17.175 13.3026C17.1259 13.3844 17.0554 13.4519 16.9706 13.4984L10.566 16.8649C10.233 17.0399 9.83332 16.7985 9.83333 16.4223L9.83334 9.56461C9.83334 9.36667 9.95011 9.18737 10.1311 9.10732L16.5478 6.27003ZM8.72991 1.56903C8.81234 1.52381 8.90537 1.50005 9 1.50005C9.09463 1.50005 9.18766 1.52381 9.27009 1.56903L15.374 4.2802C15.7722 4.45707 15.7694 5.02318 15.3694 5.19609L9.19843 7.86421C9.07181 7.91895 8.92819 7.91895 8.80157 7.86421L2.63054 5.19609C2.23061 5.02318 2.2278 4.45707 2.626 4.2802L8.72991 1.56903Z" fill="#1CBA90"/>
+</svg>
diff --git a/frontend/src/assets/svg/menu/icon_dataset_outlined.svg b/frontend/src/assets/svg/menu/icon_dataset_outlined.svg
new file mode 100644
index 00000000..891ab45f
--- /dev/null
+++ b/frontend/src/assets/svg/menu/icon_dataset_outlined.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.75 5.73282C0.75 5.43871 0.921902 5.17175 1.18965 5.05005L8.68965 1.64096C8.88684 1.55132 9.11316 1.55132 9.31035 1.64096L16.8104 5.05005C17.0781 5.17175 17.25 5.43871 17.25 5.73282V13.0364C17.25 13.3204 17.0895 13.5801 16.8354 13.7072L9.33541 17.4572C9.12426 17.5628 8.87574 17.5628 8.66459 17.4572L1.16459 13.7072C0.910502 13.5801 0.75 13.3204 0.75 13.0364V5.73282ZM14.4134 5.6082L9 3.14757L3.5574 5.62148L8.96997 7.95306L14.4134 5.6082ZM9.75 9.2503V15.5728L15.75 12.5728V6.66568L9.75 9.2503ZM2.25 6.69155V12.5728L8.25 15.5728V9.27618L2.25 6.69155Z" fill="#1F2329"/>
+</svg>
diff --git a/frontend/src/assets/svg/menu/icon_embedded_filled.svg b/frontend/src/assets/svg/menu/icon_embedded_filled.svg
new file mode 100644
index 00000000..70a595c8
--- /dev/null
+++ b/frontend/src/assets/svg/menu/icon_embedded_filled.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.5 1.5C1.08579 1.5 0.75 1.83579 0.75 2.25V15.75C0.75 16.1642 1.08579 16.5 1.5 16.5H16.5C16.9142 16.5 17.25 16.1642 17.25 15.75V2.25C17.25 1.83579 16.9142 1.5 16.5 1.5H1.5ZM15 14.25H3V6.75H15V14.25ZM5.25 4.125C5.25 4.74632 4.74632 5.25 4.125 5.25C3.50368 5.25 3 4.74632 3 4.125C3 3.50368 3.50368 3 4.125 3C4.74632 3 5.25 3.50368 5.25 4.125ZM7.875 5.25C7.25368 5.25 6.75 4.74632 6.75 4.125C6.75 3.50368 7.25368 3 7.875 3C8.49632 3 9 3.50368 9 4.125C9 4.74632 8.49632 5.25 7.875 5.25Z" fill="#1CBA90"/>
+</svg>
diff --git a/frontend/src/assets/svg/menu/icon_embedded_outlined.svg b/frontend/src/assets/svg/menu/icon_embedded_outlined.svg
new file mode 100644
index 00000000..077648fd
--- /dev/null
+++ b/frontend/src/assets/svg/menu/icon_embedded_outlined.svg
@@ -0,0 +1,5 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.125 3.75C4.74632 3.75 5.25 4.25368 5.25 4.875C5.25 5.49632 4.74632 6 4.125 6C3.50368 6 3 5.49632 3 4.875C3 4.25368 3.50368 3.75 4.125 3.75Z" fill="#1F2329"/>
+<path d="M7.875 3.75C8.49632 3.75 9 4.25368 9 4.875C9 5.49632 8.49632 6 7.875 6C7.25368 6 6.75 5.49632 6.75 4.875C6.75 4.25368 7.25368 3.75 7.875 3.75Z" fill="#1F2329"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 1.5C16.9142 1.5 17.25 1.83579 17.25 2.25V15.75C17.25 16.1642 16.9142 16.5 16.5 16.5H1.5C1.08579 16.5 0.75 16.1642 0.75 15.75V2.25C0.75 1.83579 1.08579 1.5 1.5 1.5H16.5ZM2.25 8.25V15H15.75V8.25H2.25ZM2.25 6.75H15.75V3H2.25V6.75Z" fill="#1F2329"/>
+</svg>
diff --git a/frontend/src/assets/svg/menu/icon_member_filled.svg b/frontend/src/assets/svg/menu/icon_member_filled.svg
new file mode 100644
index 00000000..fded3173
--- /dev/null
+++ b/frontend/src/assets/svg/menu/icon_member_filled.svg
@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.25 9.75H6.75C4.67893 9.75 2.25 11.1986 2.25 13.8V15.825C2.25 16.1978 2.58579 16.5 3 16.5H15C15.4142 16.5 15.75 16.1978 15.75 15.825V13.8C15.75 11.1964 13.3211 9.75 11.25 9.75Z" fill="#1CBA90"/>
+<path d="M5.25 5.25C5.25 7.32107 6.92893 9 9 9C11.0711 9 12.75 7.32107 12.75 5.25C12.75 3.17893 11.0711 1.5 9 1.5C6.92893 1.5 5.25 3.17893 5.25 5.25Z" fill="#1CBA90"/>
+</svg>
diff --git a/frontend/src/assets/svg/menu/icon_member_outlined.svg b/frontend/src/assets/svg/menu/icon_member_outlined.svg
new file mode 100644
index 00000000..0424c855
--- /dev/null
+++ b/frontend/src/assets/svg/menu/icon_member_outlined.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.75 9.75H11.25C13.3211 9.75 15.75 11.1964 15.75 13.8V15.825C15.75 16.1978 15.4142 16.5 15 16.5H3C2.58579 16.5 2.25 16.1978 2.25 15.825V13.8C2.25 11.1986 4.67893 9.75 6.75 9.75ZM14.25 15V13.75C14.25 12.1739 12.6532 11.25 11.25 11.25H6.75C5.37748 11.25 3.75 12.1288 3.75 13.75V15H14.25ZM9 9C6.92893 9 5.25 7.32107 5.25 5.25C5.25 3.17893 6.92893 1.5 9 1.5C11.0711 1.5 12.75 3.17893 12.75 5.25C12.75 7.32107 11.0711 9 9 9ZM9 7.5C10.2426 7.5 11.25 6.49264 11.25 5.25C11.25 4.00736 10.2426 3 9 3C7.75736 3 6.75 4.00736 6.75 5.25C6.75 6.49264 7.75736 7.5 9 7.5Z" fill="#1F2329"/>
+</svg>
diff --git a/frontend/src/assets/svg/menu/icon_moments-categories_filled.svg b/frontend/src/assets/svg/menu/icon_moments-categories_filled.svg
new file mode 100644
index 00000000..7b4cde3b
--- /dev/null
+++ b/frontend/src/assets/svg/menu/icon_moments-categories_filled.svg
@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.20133 2.00312L16.7528 6.80862C16.9844 6.95598 16.9844 7.29401 16.7528 7.44137L9.20133 12.2469C9.07849 12.325 8.92151 12.325 8.79867 12.2469L1.24716 7.44137C1.0156 7.29401 1.0156 6.95598 1.24716 6.80862L8.79867 2.00312C8.92151 1.92495 9.07849 1.92495 9.20133 2.00312Z" fill="#1CBA90"/>
+<path d="M1.94733 10.4146C1.77077 10.3063 1.53988 10.3617 1.43162 10.5383L1.03958 11.1776C0.931327 11.3542 0.986698 11.5851 1.16326 11.6933L8.02962 15.9034C8.5114 16.1988 9.11357 16.1988 9.59535 15.9034L16.4617 11.6933C16.6383 11.5851 16.6936 11.3542 16.5854 11.1776L16.1933 10.5383C16.0851 10.3617 15.8542 10.3063 15.6776 10.4146L8.91049 14.5638C8.85036 14.6007 8.77461 14.6007 8.71447 14.5638L1.94733 10.4146Z" fill="#1CBA90"/>
+</svg>
diff --git a/frontend/src/assets/svg/menu/icon_moments-categories_outlined.svg b/frontend/src/assets/svg/menu/icon_moments-categories_outlined.svg
new file mode 100644
index 00000000..88cef093
--- /dev/null
+++ b/frontend/src/assets/svg/menu/icon_moments-categories_outlined.svg
@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.20133 2.00308L16.7528 6.80859C16.9844 6.95595 16.9844 7.29398 16.7528 7.44134L9.20133 12.2468C9.07849 12.325 8.92151 12.325 8.79867 12.2468L1.24716 7.44134C1.0156 7.29398 1.0156 6.95595 1.24716 6.80859L8.79867 2.00309C8.92151 1.92492 9.07849 1.92492 9.20133 2.00308ZM3.54394 7.12497L9 10.597L14.4561 7.12497L9 3.65293L3.54394 7.12497Z" fill="#1F2329"/>
+<path d="M1.94733 10.4146C1.77077 10.3063 1.53988 10.3617 1.43162 10.5382L1.03958 11.1776C0.931327 11.3542 0.986698 11.5851 1.16326 11.6933L8.02962 15.9034C8.5114 16.1988 9.11357 16.1988 9.59535 15.9034L16.4617 11.6933C16.6383 11.5851 16.6936 11.3542 16.5854 11.1776L16.1933 10.5382C16.0851 10.3617 15.8542 10.3063 15.6776 10.4146L8.91049 14.5638C8.85036 14.6007 8.77461 14.6007 8.71447 14.5638L1.94733 10.4146Z" fill="#1F2329"/>
+</svg>
diff --git a/frontend/src/assets/svg/menu/icon_setting_filled.svg b/frontend/src/assets/svg/menu/icon_setting_filled.svg
new file mode 100644
index 00000000..8c1a1927
--- /dev/null
+++ b/frontend/src/assets/svg/menu/icon_setting_filled.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.93782 14.5935C2.1193 13.7061 1.49299 12.6387 1.125 11.4573L2.43707 9.66437C2.72657 9.26876 2.72657 8.73124 2.43707 8.33563L1.125 6.54267C1.49299 5.36128 2.1193 4.29386 2.93782 3.40655L5.14275 3.6464C5.63031 3.69944 6.09604 3.43052 6.29385 2.98174L7.18964 0.949401C7.77221 0.818869 8.37806 0.75 9 0.75C9.62194 0.75 10.2278 0.818869 10.8104 0.949401L11.7062 2.98174C11.904 3.43052 12.3697 3.69944 12.8573 3.6464L15.0622 3.40655C15.8807 4.29386 16.507 5.36128 16.875 6.54267L15.5629 8.33563C15.2734 8.73124 15.2734 9.26876 15.5629 9.66437L16.875 11.4573C16.507 12.6387 15.8807 13.7061 15.0622 14.5935L12.8573 14.3536C12.3697 14.3006 11.904 14.5695 11.7062 15.0183L10.8104 17.0506C10.2278 17.1811 9.62194 17.25 9 17.25C8.37806 17.25 7.77221 17.1811 7.18964 17.0506L6.29385 15.0183C6.09604 14.5695 5.63031 14.3006 5.14275 14.3536L2.93782 14.5935ZM9 12C10.6569 12 12 10.6569 12 9C12 7.34315 10.6569 6 9 6C7.34315 6 6 7.34315 6 9C6 10.6569 7.34315 12 9 12Z" fill="#1CBA90"/>
+</svg>
diff --git a/frontend/src/components/layout/MenuItem.vue b/frontend/src/components/layout/MenuItem.vue
index 31a9af05..2995ade5 100644
--- a/frontend/src/components/layout/MenuItem.vue
+++ b/frontend/src/components/layout/MenuItem.vue
@@ -1,34 +1,43 @@
 <script lang="ts">
 import { h, defineComponent } from 'vue'
 import { ElMenuItem, ElSubMenu, ElIcon } from 'element-plus-secondary'
-import { useRouter } from 'vue-router'
-import user from '@/assets/svg/icon_member_filled.svg'
-import workspace from '@/assets/svg/icon_moments-categories_outlined.svg'
-import model from '@/assets/svg/icon_dataset_filled.svg'
-import ds from '@/assets/svg/ds.svg'
-import dashboard from '@/assets/svg/dashboard.svg'
-import chat from '@/assets/svg/chat.svg'
-import setting from '@/assets/svg/icon_setting_filled.svg'
-import icon_user from '@/assets/svg/icon_user.svg'
+import { useRouter, useRoute } from 'vue-router'
+import chat from '@/assets/svg/menu/icon_chat_filled.svg'
+import noChat from '@/assets/svg/menu/icon_chat_outlined.svg'
+import dashboard from '@/assets/svg/menu/icon_dashboard_filled.svg'
+import noDashboard from '@/assets/svg/menu/icon_dashboard_outlined.svg'
+import ds from '@/assets/svg/menu/icon_database_filled.svg'
+import noDs from '@/assets/svg/menu/icon_database_outlined.svg'
+import model from '@/assets/svg/menu/icon_dataset_filled.svg'
+import noModel from '@/assets/svg/menu/icon_dataset_outlined.svg'
+import embedded from '@/assets/svg/menu/icon_embedded_filled.svg'
+import noEmbedded from '@/assets/svg/menu/icon_embedded_outlined.svg'
+import user from '@/assets/svg/menu/icon_member_filled.svg'
+import noUser from '@/assets/svg/menu/icon_member_outlined.svg'
+import workspace from '@/assets/svg/menu/icon_moments-categories_filled.svg'
+import noWorkspace from '@/assets/svg/menu/icon_moments-categories_outlined.svg'
+import set from '@/assets/svg/menu/icon_setting_filled.svg'
+import noSet from '@/assets/svg/menu/icon-setting.svg'
 
 const iconMap = {
-  icon_ai: model,
-  ds,
-  dashboard,
   chat,
-  user,
-  setting,
-  icon_user: icon_user,
+  noChat,
+  ds,
+  noDs,
+  dashboard,
+  noDashboard,
   workspace,
+  noWorkspace,
+  set,
+  noSet,
+  user,
+  noUser,
+  model,
+  noModel,
+  embedded,
+  noEmbedded,
 } as { [key: string]: any }
 
-const titleWithIcon = (props: any) => {
-  const { title, icon } = props.menu?.meta || {}
-  return [
-    h(ElIcon, null, { default: () => h(iconMap[icon]) }),
-    h('span', null, { default: () => title }),
-  ]
-}
 const MenuItem = defineComponent({
   name: 'MenuItem',
   props: {
@@ -39,6 +48,14 @@ const MenuItem = defineComponent({
   },
   setup(props) {
     const router = useRouter()
+    const route = useRoute()
+    const titleWithIcon = (props: any) => {
+      const { title, icon } = props
+      return [
+        h(ElIcon, { size: '18' }, { default: () => h(iconMap[icon]) }),
+        h('span', null, { default: () => title }),
+      ]
+    }
 
     const handleMenuClick = (e: any) => {
       if (e.index) {
@@ -53,26 +70,33 @@ const MenuItem = defineComponent({
       }
 
       if (children?.length) {
+        const { title, iconDeActive, iconActive } = props.menu?.meta || {}
+        const icon = route.path.startsWith(path) ? iconActive : iconDeActive
         return h(
           ElSubMenu,
           { index: path, onClick: () => handleMenuClick(props.menu) },
           {
-            title: () => titleWithIcon(props),
+            title: () => titleWithIcon({ title, icon }),
             default: () => children.map((ele: any) => h(MenuItem, { menu: ele })),
           }
         )
       }
 
-      const { title, icon } = props.menu?.meta || {}
+      const { title, iconDeActive, iconActive } = props.menu?.meta || {}
+      const icon = route.path === path ? iconActive : iconDeActive
       const iconCom: any = iconMap[icon] ? ElIcon : null
       return h(
         ElMenuItem,
         { index: path, onClick: (e: any) => handleMenuClick(e) },
         {
           default: () => [
-            h(iconCom, null, {
-              default: () => h(iconMap[icon]),
-            }),
+            h(
+              iconCom,
+              { size: 18 },
+              {
+                default: () => h(iconMap[icon]),
+              }
+            ),
             h('span', null, { default: () => title }),
           ],
         }
diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index fb34662f..260eb1d7 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -40,7 +40,7 @@ const router = createRouter({
           props: (route) => {
             return { startChatDsId: route.query.start_chat }
           },
-          meta: { title: t('menu.Data Q&A'), icon: 'chat' },
+          meta: { title: t('menu.Data Q&A'), iconActive: 'chat', iconDeActive: 'noChat' },
         },
       ],
     },
@@ -65,7 +65,7 @@ const router = createRouter({
           path: 'index',
           name: 'ds',
           component: Datasource,
-          meta: { title: t('menu.Data Connections'), icon: 'ds' },
+          meta: { title: t('menu.Data Connections'), iconActive: 'ds', iconDeActive: 'noDs' },
         },
       ],
     },
@@ -78,7 +78,11 @@ const router = createRouter({
           path: 'index',
           name: 'dashboard',
           component: Dashboard,
-          meta: { title: t('dashboard.dashboard'), icon: 'dashboard' },
+          meta: {
+            title: t('dashboard.dashboard'),
+            iconActive: 'dashboard',
+            iconDeActive: 'noDashboard',
+          },
         },
       ],
     },
@@ -86,7 +90,7 @@ const router = createRouter({
       path: '/set',
       component: LayoutDsl,
       redirect: '/set/member',
-      meta: { title: t('workspace.set'), icon: 'setting' },
+      meta: { title: t('workspace.set'), iconActive: 'set', iconDeActive: 'noSet' },
       children: [
         {
           path: '/set/member',
@@ -123,25 +127,37 @@ const router = createRouter({
           path: 'user',
           name: 'user',
           component: User,
-          meta: { title: t('user.user_management'), icon: 'user' },
+          meta: { title: t('user.user_management'), iconActive: 'user', iconDeActive: 'noUser' },
         },
         {
           path: 'workspace',
           name: 'workspace',
           component: Workspace,
-          meta: { title: t('user.workspace'), icon: 'workspace' },
+          meta: {
+            title: t('user.workspace'),
+            iconActive: 'workspace',
+            iconDeActive: 'noWorkspace',
+          },
         },
         {
           path: 'model',
           name: 'model',
           component: Model,
-          meta: { title: 'AI Model Configuration', icon: 'icon_ai' },
+          meta: {
+            title: t('model.ai_model_configuration'),
+            iconActive: 'model',
+            iconDeActive: 'noModel',
+          },
         },
         {
           path: 'embedded',
           name: 'embedded',
           component: Embedded,
-          meta: { title: t('embedded.embedded_management'), icon: 'icon_ai' },
+          meta: {
+            title: t('embedded.embedded_management'),
+            iconActive: 'embedded',
+            iconDeActive: 'noEmbedded',
+          },
         },
       ],
     },