diff --git a/src/assets/icons/Hamburger-icon.js b/src/assets/icons/Hamburger-icon.js
index dbe6ec7..b1b0523 100644
--- a/src/assets/icons/Hamburger-icon.js
+++ b/src/assets/icons/Hamburger-icon.js
@@ -1,15 +1,14 @@
-const HamburgerIcon = ({ width = 24, height = 24, color }) => (
+const HamburgerIcon = ({ width = 24, height = 24, color, ...props }) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width={width}
     height={height}
     viewBox="0 0 24 24"
-    fill="none"
     stroke={color}
     strokeWidth="2"
     strokeLinecap="round"
     strokeLinejoin="round"
-    className="feather feather-menu"
+    {...props}
   >
     <line x1="3" y1="12" x2="21" y2="12"></line>
     <line x1="3" y1="6" x2="21" y2="6"></line>
diff --git a/src/assets/icons/Home-icon.js b/src/assets/icons/Home-icon.js
new file mode 100644
index 0000000..2c7cb15
--- /dev/null
+++ b/src/assets/icons/Home-icon.js
@@ -0,0 +1,14 @@
+const HomeIcon = ({ width = 24, height = 24, color = 'white', ...props }) => (
+  <svg width={width} height={height} viewBox="0 0 24 24" fill="none" {...props} xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M17.79 22.75H6.21C3.47 22.75 1.25 20.52 1.25 17.78V10.37C1.25 9.01 2.09 7.3 3.17 6.46L8.56 2.26C10.18 1 12.77 0.940005 14.45 2.12L20.63 6.45C21.82 7.28 22.75 9.06001 22.75 10.51V17.79C22.75 20.52 20.53 22.75 17.79 22.75ZM9.48 3.44L4.09 7.64C3.38 8.2 2.75 9.47001 2.75 10.37V17.78C2.75 19.69 4.3 21.25 6.21 21.25H17.79C19.7 21.25 21.25 19.7 21.25 17.79V10.51C21.25 9.55 20.56 8.22 19.77 7.68L13.59 3.35C12.45 2.55 10.57 2.59 9.48 3.44Z"
+      fill={color}
+    />
+    <path
+      d="M12 18.75C11.59 18.75 11.25 18.41 11.25 18V15C11.25 14.59 11.59 14.25 12 14.25C12.41 14.25 12.75 14.59 12.75 15V18C12.75 18.41 12.41 18.75 12 18.75Z"
+      fill={color}
+    />
+  </svg>
+);
+
+export default HomeIcon;
diff --git a/src/assets/icons/SidebarDown-icon.js b/src/assets/icons/SidebarDown-icon.js
new file mode 100644
index 0000000..ae6969a
--- /dev/null
+++ b/src/assets/icons/SidebarDown-icon.js
@@ -0,0 +1,10 @@
+const SidebarDownIcon = ({ width = 14, height = 8, color = 'white', ...props }) => (
+  <svg width={width} height={height} viewBox="0 0 15 8" fill="none" {...props} xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M8.51 7.19999L10.48 5.22999L13.69 2.01999C14.36 1.33999 13.88 0.179993 12.92 0.179993L6.69 0.179993L1.08 0.179993C0.120001 0.179993 -0.36 1.33999 0.320001 2.01999L5.5 7.19999C6.32 8.02999 7.68 8.02999 8.51 7.19999Z"
+      fill={color}
+    />
+  </svg>
+);
+
+export default SidebarDownIcon;
diff --git a/src/assets/icons/X-close-icon.js b/src/assets/icons/X-close-icon.js
index e60dbae..820160e 100644
--- a/src/assets/icons/X-close-icon.js
+++ b/src/assets/icons/X-close-icon.js
@@ -1,18 +1,18 @@
-const XIcon = ({ width = 24, height = 24, color = '#ffffff' }) => (
+const XIcon = ({ width = 18, height = 18, color = '#ffffff', ...props }) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width={width}
     height={height}
-    viewBox="0 0 24 24"
+    viewBox="0 0 14 14"
     fill="none"
     stroke={color}
     strokeWidth="2"
     strokeLinecap="round"
     strokeLinejoin="round"
-    className="feather feather-x"
+    {...props}
   >
-    <line x1="18" y1="6" x2="6" y2="18"></line>
-    <line x1="6" y1="6" x2="18" y2="18"></line>
+    <line x1="13" y1="1" x2="1" y2="13"></line>
+    <line x1="1" y1="1" x2="13" y2="13"></line>
   </svg>
 );