diff --git a/src/components/Icon.stories.tsx b/src/components/Icon.stories.tsx
index 3976dff3b..fb1086697 100644
--- a/src/components/Icon.stories.tsx
+++ b/src/components/Icon.stories.tsx
@@ -47,6 +47,8 @@ export const Icon = () => {
     "chevronLeft",
     "chevronRight",
     "arrowBack",
+    "menuClose",
+    "menuOpen",
   ];
   const mediaIcons: IconProps["icon"][] = ["camera", "fileBlank", "folder", "image", "file", "images", "openBook"];
   const miscIcons: IconProps["icon"][] = ["dollar", "userCircle", "calendar"];
diff --git a/src/components/Icon.tsx b/src/components/Icon.tsx
index 903b67805..2f47d20ef 100644
--- a/src/components/Icon.tsx
+++ b/src/components/Icon.tsx
@@ -188,6 +188,18 @@ export const Icons = {
   arrowBack: (
     <path d="M20.9999 11H6.41394L11.7069 5.70697L10.2929 4.29297L2.58594 12L10.2929 19.707L11.7069 18.293L6.41394 13H20.9999V11Z" />
   ),
+  menuClose: (
+    <>
+      <path d="M8 6H24V8H8V6ZM8 11H24V13H8V11ZM8 16H24V18H8V16Z" />
+      <path d="M5 8.94L1.94667 12L5 15.06L4.06 16L0.0599999 12L4.06 8L5 8.94Z" />
+    </>
+  ),
+  menuOpen: (
+    <>
+      <path d="M8 6H24V8H8V6ZM8 11H24V13H8V11ZM8 16H24V18H8V16Z" />
+      <path d="M0.0600583 15.06L3.11339 12L0.0600586 8.94L1.00006 8L5.00006 12L1.00006 16L0.0600583 15.06Z" />
+    </>
+  ),
   // Media
   camera: (
     <>