diff --git a/gamgyul-front/src/assets/NavigationBar/homeOff.svg b/gamgyul-front/src/assets/NavigationBar/homeOff.svg
new file mode 100644
index 0000000..0806911
--- /dev/null
+++ b/gamgyul-front/src/assets/NavigationBar/homeOff.svg
@@ -0,0 +1,10 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.5">
+<mask id="mask0_437_1458" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="25" height="25">
+<rect x="0.5" y="0.798828" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_437_1458)">
+<path d="M6.5 19.7987H9.84625V14.7602C9.84625 14.5042 9.93283 14.2895 10.106 14.1162C10.2793 13.943 10.494 13.8564 10.75 13.8564H14.25C14.506 13.8564 14.7207 13.943 14.894 14.1162C15.0672 14.2895 15.1538 14.5042 15.1538 14.7602V19.7987H18.5V10.9524C18.5 10.9013 18.4888 10.8549 18.4663 10.8132C18.4439 10.7715 18.4135 10.7346 18.375 10.7024L12.6828 6.4237C12.6314 6.37886 12.5705 6.35645 12.5 6.35645C12.4295 6.35645 12.3686 6.37886 12.3173 6.4237L6.625 10.7024C6.5865 10.7346 6.55608 10.7715 6.53375 10.8132C6.51125 10.8549 6.5 10.9013 6.5 10.9524V19.7987ZM5 19.7987V10.9524C5 10.6663 5.064 10.3952 5.192 10.1392C5.32017 9.88303 5.49717 9.67211 5.723 9.50645L11.4155 5.21795C11.7313 4.97695 12.0923 4.85645 12.4985 4.85645C12.9047 4.85645 13.2667 4.97695 13.5845 5.21795L19.277 9.50645C19.5028 9.67211 19.6798 9.88303 19.808 10.1392C19.936 10.3952 20 10.6663 20 10.9524V19.7987C20 20.2077 19.8523 20.5599 19.5568 20.8554C19.2613 21.1509 18.909 21.2987 18.5 21.2987H14.5577C14.3016 21.2987 14.0869 21.212 13.9137 21.0387C13.7404 20.8655 13.6538 20.6509 13.6538 20.3947V15.3564H11.3463V20.3947C11.3463 20.6509 11.2596 20.8655 11.0863 21.0387C10.9131 21.212 10.6984 21.2987 10.4423 21.2987H6.5C6.091 21.2987 5.73875 21.1509 5.44325 20.8554C5.14775 20.5599 5 20.2077 5 19.7987Z" fill="#2C2C2E"/>
+</g>
+</g>
+</svg>
diff --git a/gamgyul-front/src/assets/NavigationBar/homeOn.svg b/gamgyul-front/src/assets/NavigationBar/homeOn.svg
new file mode 100644
index 0000000..bc4454e
--- /dev/null
+++ b/gamgyul-front/src/assets/NavigationBar/homeOn.svg
@@ -0,0 +1,8 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_437_1465" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="25" height="25">
+<rect x="0.478516" y="0.798828" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_437_1465)">
+<path d="M4.97852 19.7987V10.9524C4.97852 10.6663 5.04252 10.3952 5.17052 10.1392C5.29868 9.88303 5.47568 9.67211 5.70152 9.50645L11.394 5.21795C11.7098 4.97695 12.0708 4.85645 12.477 4.85645C12.8832 4.85645 13.2452 4.97695 13.563 5.21795L19.2555 9.50645C19.4813 9.67211 19.6583 9.88303 19.7865 10.1392C19.9145 10.3952 19.9785 10.6663 19.9785 10.9524V19.7987C19.9785 20.2077 19.8308 20.5599 19.5353 20.8554C19.2398 21.1509 18.8875 21.2987 18.4785 21.2987H15.2863C15.0301 21.2987 14.8154 21.212 14.6423 21.0387C14.4689 20.8655 14.3823 20.6509 14.3823 20.3947V15.5102C14.3823 15.2542 14.2957 15.0395 14.1225 14.8662C13.9493 14.693 13.7347 14.6064 13.4785 14.6064H11.4785C11.2223 14.6064 11.0077 14.693 10.8345 14.8662C10.6613 15.0395 10.5748 15.2542 10.5748 15.5102V20.3947C10.5748 20.6509 10.4881 20.8655 10.3148 21.0387C10.1416 21.212 9.92693 21.2987 9.67077 21.2987H6.47852C6.06952 21.2987 5.71727 21.1509 5.42177 20.8554C5.12627 20.5599 4.97852 20.2077 4.97852 19.7987Z" fill="#1EB17B"/>
+</g>
+</svg>
diff --git a/gamgyul-front/src/assets/NavigationBar/mapOff.svg b/gamgyul-front/src/assets/NavigationBar/mapOff.svg
new file mode 100644
index 0000000..ed08fea
--- /dev/null
+++ b/gamgyul-front/src/assets/NavigationBar/mapOff.svg
@@ -0,0 +1,10 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.5">
+<mask id="mask0_437_1472" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="25" height="25">
+<rect x="0.5" y="0.798828" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_437_1472)">
+<path d="M14.9173 21.0544L9.5 19.1601L5.22425 20.8144C5.07092 20.8757 4.92267 20.895 4.7795 20.8724C4.6365 20.8497 4.50475 20.8006 4.38425 20.7251C4.26375 20.6496 4.16958 20.5476 4.10175 20.4191C4.03392 20.2908 4 20.1435 4 19.9774V6.87887C4 6.67637 4.05292 6.49737 4.15875 6.34187C4.26442 6.1862 4.41283 6.07312 4.604 6.00262L8.90775 4.54287C8.99892 4.50954 9.09383 4.48454 9.1925 4.46787C9.29117 4.4512 9.39367 4.44287 9.5 4.44287C9.60633 4.44287 9.70883 4.4512 9.8075 4.46787C9.90617 4.48454 10.0011 4.50954 10.0923 4.54287L15.5 6.43712L19.7758 4.78287C19.9291 4.72154 20.0773 4.7022 20.2205 4.72487C20.3635 4.74754 20.4953 4.79662 20.6158 4.87212C20.7363 4.94762 20.8304 5.04962 20.8983 5.17812C20.9661 5.30645 21 5.4537 21 5.61987V18.7614C21 18.9644 20.9423 19.1428 20.827 19.2966C20.7115 19.4505 20.5551 19.5626 20.3577 19.6331L16.0828 21.0639C15.9891 21.0972 15.8942 21.1206 15.7983 21.1341C15.7023 21.1476 15.6026 21.1544 15.4992 21.1544C15.3959 21.1544 15.2965 21.146 15.201 21.1294C15.1055 21.1127 15.0109 21.0877 14.9173 21.0544ZM14.75 19.4256V7.72562L10.25 6.15237V17.8524L14.75 19.4256ZM16.25 19.4256L19.5 18.3486V6.49862L16.25 7.72562V19.4256ZM5.5 19.0986L8.75 17.8524V6.15237L5.5 7.24862V19.0986Z" fill="#2C2C2E"/>
+</g>
+</g>
+</svg>
diff --git a/gamgyul-front/src/assets/NavigationBar/mapOn.svg b/gamgyul-front/src/assets/NavigationBar/mapOn.svg
new file mode 100644
index 0000000..e1bc41f
--- /dev/null
+++ b/gamgyul-front/src/assets/NavigationBar/mapOn.svg
@@ -0,0 +1,8 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_437_1475" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="25" height="25">
+<rect x="0.478516" y="0.798828" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_437_1475)">
+<path d="M14.8958 21.0544L9.47852 19.1601L5.20277 20.8144C5.04943 20.8757 4.90118 20.895 4.75802 20.8724C4.61502 20.8497 4.48327 20.8006 4.36277 20.7251C4.24227 20.6496 4.1481 20.5476 4.08027 20.4191C4.01243 20.2908 3.97852 20.1435 3.97852 19.9774V6.87887C3.97852 6.67637 4.03143 6.49737 4.13727 6.34187C4.24293 6.1862 4.39135 6.07312 4.58252 6.00262L8.88627 4.54287C8.97743 4.50954 9.07235 4.48454 9.17102 4.46787C9.26968 4.4512 9.37218 4.44287 9.47852 4.44287C9.58485 4.44287 9.68735 4.4512 9.78602 4.46787C9.88468 4.48454 9.9796 4.50954 10.0708 4.54287L15.4785 6.43712L19.7543 4.78287C19.9076 4.72154 20.0558 4.7022 20.199 4.72487C20.342 4.74754 20.4738 4.79662 20.5943 4.87212C20.7148 4.94762 20.8089 5.04962 20.8768 5.17812C20.9446 5.30645 20.9785 5.4537 20.9785 5.61987V18.7614C20.9785 18.9644 20.9209 19.1428 20.8055 19.2966C20.69 19.4505 20.5336 19.5626 20.3363 19.6331L16.0613 21.0639C15.9676 21.0972 15.8728 21.1206 15.7768 21.1341C15.6808 21.1476 15.5811 21.1544 15.4778 21.1544C15.3744 21.1544 15.275 21.146 15.1795 21.1294C15.084 21.1127 14.9894 21.0877 14.8958 21.0544ZM14.7285 19.4256V7.72562L10.2285 6.15237V17.8524L14.7285 19.4256Z" fill="#1EB17B"/>
+</g>
+</svg>
diff --git a/gamgyul-front/src/assets/NavigationBar/tripOff.svg b/gamgyul-front/src/assets/NavigationBar/tripOff.svg
new file mode 100644
index 0000000..13e9f70
--- /dev/null
+++ b/gamgyul-front/src/assets/NavigationBar/tripOff.svg
@@ -0,0 +1,10 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.5">
+<mask id="mask0_437_1486" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="25" height="25">
+<rect x="0.5" y="0.798828" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_437_1486)">
+<path d="M4.80775 21.2988C4.30908 21.2988 3.88308 21.1222 3.52975 20.7691C3.17658 20.4157 3 19.9897 3 19.4911V9.10658C3 8.60791 3.17658 8.18191 3.52975 7.82858C3.88308 7.47541 4.30908 7.29883 4.80775 7.29883H9V5.60658C9 5.10791 9.17658 4.682 9.52975 4.32883C9.88308 3.9755 10.3091 3.79883 10.8078 3.79883H14.1923C14.6909 3.79883 15.1169 3.9755 15.4703 4.32883C15.8234 4.682 16 5.10791 16 5.60658V7.29883H20.1923C20.6909 7.29883 21.1169 7.47541 21.4703 7.82858C21.8234 8.18191 22 8.60791 22 9.10658V19.4911C22 19.9897 21.8234 20.4157 21.4703 20.7691C21.1169 21.1222 20.6909 21.2988 20.1923 21.2988H4.80775ZM10.5 7.29883H14.5V5.60658C14.5 5.52958 14.4679 5.45908 14.4038 5.39508C14.3398 5.33091 14.2692 5.29883 14.1923 5.29883H10.8078C10.7308 5.29883 10.6603 5.33091 10.5963 5.39508C10.5321 5.45908 10.5 5.52958 10.5 5.60658V7.29883ZM7 8.79883H4.80775C4.73075 8.79883 4.66025 8.83091 4.59625 8.89508C4.53208 8.95908 4.5 9.02958 4.5 9.10658V19.4911C4.5 19.5681 4.53208 19.6386 4.59625 19.7026C4.66025 19.7667 4.73075 19.7988 4.80775 19.7988H7V8.79883ZM16.5 19.7988V8.79883H8.5V19.7988H16.5ZM18 8.79883V19.7988H20.1923C20.2693 19.7988 20.3398 19.7667 20.4038 19.7026C20.4679 19.6386 20.5 19.5681 20.5 19.4911V9.10658C20.5 9.02958 20.4679 8.95908 20.4038 8.89508C20.3398 8.83091 20.2693 8.79883 20.1923 8.79883H18Z" fill="#2C2C2E"/>
+</g>
+</g>
+</svg>
diff --git a/gamgyul-front/src/assets/NavigationBar/tripOn.svg b/gamgyul-front/src/assets/NavigationBar/tripOn.svg
new file mode 100644
index 0000000..c8117b5
--- /dev/null
+++ b/gamgyul-front/src/assets/NavigationBar/tripOn.svg
@@ -0,0 +1,8 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_437_1489" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="25" height="25">
+<rect x="0.478516" y="0.798828" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_437_1489)">
+<path d="M17.9785 21.2988V7.29883H20.1708C20.6759 7.29883 21.1035 7.47383 21.4535 7.82383C21.8035 8.17383 21.9785 8.60141 21.9785 9.10658V19.4911C21.9785 19.9962 21.8035 20.4238 21.4535 20.7738C21.1035 21.1238 20.6759 21.2988 20.1708 21.2988H17.9785ZM10.4785 7.29883H14.4785V5.60658C14.4785 5.52958 14.4464 5.45908 14.3823 5.39508C14.3183 5.33091 14.2478 5.29883 14.1708 5.29883H10.7863C10.7093 5.29883 10.6388 5.33091 10.5748 5.39508C10.5106 5.45908 10.4785 5.52958 10.4785 5.60658V7.29883ZM8.47852 21.2988V7.29883H8.97852V5.60658C8.97852 5.10141 9.15352 4.67383 9.50352 4.32383C9.85352 3.97383 10.2811 3.79883 10.7863 3.79883H14.1708C14.6759 3.79883 15.1035 3.97383 15.4535 4.32383C15.8035 4.67383 15.9785 5.10141 15.9785 5.60658V7.29883H16.4785V21.2988H8.47852ZM4.78627 21.2988C4.2811 21.2988 3.85352 21.1238 3.50352 20.7738C3.15352 20.4238 2.97852 19.9962 2.97852 19.4911V9.10658C2.97852 8.60141 3.15352 8.17383 3.50352 7.82383C3.85352 7.47383 4.2811 7.29883 4.78627 7.29883H6.97852V21.2988H4.78627Z" fill="#1EB17B"/>
+</g>
+</svg>