diff --git a/src/assets/icons/index.ts b/src/assets/icons/index.ts
index 34c523fb..0b574cba 100644
--- a/src/assets/icons/index.ts
+++ b/src/assets/icons/index.ts
@@ -1,4 +1,5 @@
 export { default as CloseIcon } from './close.svg?react'
+export { default as TableSend } from './table_send.svg?react'
 export { default as SearchIcon } from './search.svg?react'
 export { default as BasicProfileIcon } from './basicProfile.svg?react'
 
diff --git a/src/assets/icons/table_send.svg b/src/assets/icons/table_send.svg
new file mode 100644
index 00000000..466e5d94
--- /dev/null
+++ b/src/assets/icons/table_send.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.33315 11.6667L17.4998 2.5M8.33315 11.6667L11.2498 17.5C11.2864 17.5798 11.3451 17.6474 11.4189 17.6948C11.4928 17.7422 11.5787 17.7674 11.6665 17.7674C11.7542 17.7674 11.8402 17.7422 11.914 17.6948C11.9879 17.6474 12.0466 17.5798 12.0831 17.5L17.4998 2.5M8.33315 11.6667L2.49981 8.75C2.42003 8.71344 2.35242 8.65474 2.30502 8.58088C2.25762 8.50701 2.23242 8.4211 2.23242 8.33333C2.23242 8.24557 2.25762 8.15965 2.30502 8.08579C2.35242 8.01193 2.42003 7.95323 2.49981 7.91667L17.4998 2.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/components/IconButton/IconButton.tsx b/src/components/IconButton/IconButton.tsx
new file mode 100644
index 00000000..2f14cd8a
--- /dev/null
+++ b/src/components/IconButton/IconButton.tsx
@@ -0,0 +1,28 @@
+import { PropsWithChildren } from 'react'
+import './IconButton.css'
+
+interface IconButtonProps {
+  disabled?: boolean
+  className?: string
+  text?: string
+}
+
+const IconButton = ({
+  disabled,
+  className,
+  children,
+  text,
+}: PropsWithChildren<IconButtonProps>) => {
+  return (
+    <button
+      className={`btn flex h-14 w-36 items-center gap-2 border border-black bg-white text-black  ${
+        disabled ? 'btn-disabled' : ''
+      } ${className} `}
+    >
+      {children}
+      {text ?? 'Default'}
+    </button>
+  )
+}
+
+export default IconButton
diff --git a/src/components/IconButton/index.ts b/src/components/IconButton/index.ts
new file mode 100644
index 00000000..608a1f21
--- /dev/null
+++ b/src/components/IconButton/index.ts
@@ -0,0 +1 @@
+export { default as IconButton } from './IconButton'
diff --git a/src/components/index.ts b/src/components/index.ts
index f42c820c..18c83df3 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -1,3 +1,5 @@
+export * from './IconButton'
+
 export { default as SearchBar } from './SearchBar'
 export { default as Profile } from './Profile'