diff --git a/src/assets/icons/Hamburger-icon.js b/src/assets/icons/Hamburger-icon.js
new file mode 100644
index 0000000..ac771f1
--- /dev/null
+++ b/src/assets/icons/Hamburger-icon.js
@@ -0,0 +1,20 @@
+const HamburgerIcon = ({ width = 24, height = 24, color }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke={color}
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="feather feather-menu"
+  >
+    <line x1="3" y1="12" x2="21" y2="12"></line>
+    <line x1="3" y1="6" x2="21" y2="6"></line>
+    <line x1="3" y1="18" x2="21" y2="18"></line>
+  </svg>
+);
+
+export default HamburgerIcon;
diff --git a/src/assets/icons/X-close-icon.js b/src/assets/icons/X-close-icon.js
new file mode 100644
index 0000000..51b7e42
--- /dev/null
+++ b/src/assets/icons/X-close-icon.js
@@ -0,0 +1,19 @@
+const XIcon = ({ width = 24, height = 24, color = '#ffffff' }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke={color}
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="feather feather-x"
+  >
+    <line x1="18" y1="6" x2="6" y2="18"></line>
+    <line x1="6" y1="6" x2="18" y2="18"></line>
+  </svg>
+);
+
+export default XIcon;