feat(icon): Arrow forward (#70)

Co-authored-by: RabbitDoge <72658581+RabbitDoge@users.noreply.github.com>

src/components/Svg/Icons/ArrowForward.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 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>
+  );
+};
+
+export default Icon;

src/components/Svg/index.tsx

@@ -1,4 +1,5 @@
 export { default as AddIcon } from "./Icons/Add";
+export { default as ArrowForwardIcon } from "./Icons/ArrowForward";
 export { default as BlockIcon } from "./Icons/Block";
 export { default as CheckmarkIcon } from "./Icons/Checkmark";
 export { default as ChevronDownIcon } from "./Icons/ChevronDown";