create MenuIcons.js

+import React from "react";
+import styled from "styled-components";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import {
+  faUser,
+  faHome,
+  faCalendarCheck,
+  faComment,
+  faCog,
+  faSignOutAlt,
+} from "@fortawesome/free-solid-svg-icons";
+
+const UserIconBox = styled.div`
+  width: 100%;
+  height: 10%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  font-size: 30px;
+  margin: 15px 0px;
+  opacity: 0.8;
+  color: white;
+`;
+
+const FuncIconBox = styled.div`
+  width: 100%;
+  height: 60%;
+  font-size: 30px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  align-items: center;
+  margin: 10px 0px;
+  opacity: 0.8;
+  color: white;
+`;
+
+const ExitIconBox = styled.div`
+  width: 100%;
+  height: 15%;
+  font-size: 30px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-end;
+  margin-top: 20px;
+  opacity: 0.8;
+  color: white;
+`;
+
+export default () => {
+  return (
+    <>
+      <UserIconBox>
+        <FontAwesomeIcon icon={faUser} />
+      </UserIconBox>
+      <FuncIconBox>
+        <FontAwesomeIcon icon={faHome} />
+        <FontAwesomeIcon icon={faCalendarCheck} />
+        <FontAwesomeIcon icon={faComment} />
+        <FontAwesomeIcon icon={faCog} />
+      </FuncIconBox>
+      <ExitIconBox>
+        <FontAwesomeIcon icon={faSignOutAlt} />
+      </ExitIconBox>
+    </>
+  );
+};