diff --git a/src/components/Svg/Icons/ArrowDown.tsx b/src/components/Svg/Icons/ArrowDown.tsx
index 99dd9081e..8a5e5ea35 100644
--- a/src/components/Svg/Icons/ArrowDown.tsx
+++ b/src/components/Svg/Icons/ArrowDown.tsx
@@ -4,7 +4,7 @@ import { SvgProps } from "../types";
 
 const Icon: React.FC<SvgProps> = (props) => {
   return (
-    <Svg viewBox="0 0 24 25" {...props}>
+    <Svg viewBox="0 0 24 24" {...props}>
       <path d="M11 5V16.17L6.11997 11.29C5.72997 10.9 5.08997 10.9 4.69997 11.29C4.30997 11.68 4.30997 12.31 4.69997 12.7L11.29 19.29C11.68 19.68 12.31 19.68 12.7 19.29L19.29 12.7C19.68 12.31 19.68 11.68 19.29 11.29C18.9 10.9 18.27 10.9 17.88 11.29L13 16.17V5C13 4.45 12.55 4 12 4C11.45 4 11 4.45 11 5Z" />
     </Svg>
   );
diff --git a/src/components/Svg/Icons/ArrowForward.tsx b/src/components/Svg/Icons/ArrowForward.tsx
index f08692774..56408382d 100644
--- a/src/components/Svg/Icons/ArrowForward.tsx
+++ b/src/components/Svg/Icons/ArrowForward.tsx
@@ -4,8 +4,8 @@ import { SvgProps } from "../types";
 
 const Icon: React.FC<SvgProps> = (props) => {
   return (
-    <Svg viewBox="0 0 24 25" {...props}>
-      <path d="M5 13.0022H16.17L11.29 17.8822C10.9 18.2722 10.9 18.9122 11.29 19.3022C11.68 19.6922 12.31 19.6922 12.7 19.3022L19.29 12.7122C19.68 12.3222 19.68 11.6922 19.29 11.3022L12.71 4.70217C12.32 4.31217 11.69 4.31217 11.3 4.70217C10.91 5.09217 10.91 5.72217 11.3 6.11217L16.17 11.0022H5C4.45 11.0022 4 11.4522 4 12.0022C4 12.5522 4.45 13.0022 5 13.0022Z" />
+    <Svg viewBox="0 0 24 24" {...props}>
+      <path d="M5 13H16.17L11.29 17.88C10.9 18.27 10.9 18.91 11.29 19.3C11.68 19.69 12.31 19.69 12.7 19.3L19.29 12.71C19.68 12.32 19.68 11.69 19.29 11.3L12.71 4.7C12.32 4.31 11.69 4.31 11.3 4.7C10.91 5.09 10.91 5.72 11.3 6.11L16.17 11H5C4.45 11 4 11.45 4 12C4 12.55 4.45 13 5 13Z" />
     </Svg>
   );
 };
diff --git a/src/components/Svg/Icons/ArrowUp.tsx b/src/components/Svg/Icons/ArrowUp.tsx
new file mode 100644
index 000000000..33ce82d3f
--- /dev/null
+++ b/src/components/Svg/Icons/ArrowUp.tsx
@@ -0,0 +1,13 @@
+import React from "react";
+import Svg from "../Svg";
+import { SvgProps } from "../types";
+
+const Icon: React.FC<SvgProps> = (props) => {
+  return (
+    <Svg viewBox="0 0 24 24" {...props}>
+      <path d="M13 19V7.83001L17.88 12.71C18.27 13.1 18.91 13.1 19.3 12.71C19.69 12.32 19.69 11.69 19.3 11.3L12.71 4.71001C12.32 4.32001 11.69 4.32001 11.3 4.71001L4.69997 11.29C4.30997 11.68 4.30997 12.31 4.69997 12.7C5.08997 13.09 5.71997 13.09 6.10997 12.7L11 7.83001V19C11 19.55 11.45 20 12 20C12.55 20 13 19.55 13 19Z" />
+    </Svg>
+  );
+};
+
+export default Icon;
diff --git a/src/components/Svg/index.tsx b/src/components/Svg/index.tsx
index 80e8a6482..380d74067 100644
--- a/src/components/Svg/index.tsx
+++ b/src/components/Svg/index.tsx
@@ -4,6 +4,7 @@ export { default as ArrowDownIcon } from "./Icons/ArrowDown";
 export { default as ArrowDropDownIcon } from "./Icons/ArrowDropDown";
 export { default as ArrowDropUpIcon } from "./Icons/ArrowDropUp";
 export { default as ArrowForwardIcon } from "./Icons/ArrowForward";
+export { default as ArrowUpIcon } from "./Icons/ArrowUp";
 export { default as AutoRenewIcon } from "./Icons/AutoRenew";
 export { default as BinanceIcon } from "./Icons/Binance";
 export { default as BlockIcon } from "./Icons/Block";