diff --git a/src/iconList.tsx b/src/iconList.tsx
index daf40de..2d1d72e 100644
--- a/src/iconList.tsx
+++ b/src/iconList.tsx
@@ -236,6 +236,10 @@ export const iconList = [
       'ArrowDownIcon',
       'ArrowLeftIcon',
       'ArrowRightIcon',
+      'ArrowTopLeftIcon',
+      'ArrowTopRightIcon',
+      'ArrowBottomLeftIcon',
+      'ArrowBottomRightIcon',
       'ArrowSolidUpIcon',
       'ArrowSolidDownIcon',
       'ArrowSolidLeftIcon',
diff --git a/src/icons/ArrowBottomLeftIcon.stories.ts b/src/icons/ArrowBottomLeftIcon.stories.ts
new file mode 100644
index 0000000..5911ed4
--- /dev/null
+++ b/src/icons/ArrowBottomLeftIcon.stories.ts
@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { ArrowBottomLeftIcon } from './ArrowBottomLeftIcon';
+
+const meta: Meta<typeof ArrowBottomLeftIcon> = {
+  component: ArrowBottomLeftIcon,
+};
+
+export default meta;
+type Story = StoryObj<typeof ArrowBottomLeftIcon>;
+
+export const Default: Story = { args: { size: 100 } };
diff --git a/src/icons/ArrowBottomLeftIcon.tsx b/src/icons/ArrowBottomLeftIcon.tsx
new file mode 100644
index 0000000..94e480c
--- /dev/null
+++ b/src/icons/ArrowBottomLeftIcon.tsx
@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { IconProps } from '../types';
+
+export const ArrowBottomLeftIcon = /* @__PURE__ */ React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(({ color = 'currentColor', size = 14, ...props }, forwardedRef) => {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 14 14"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={forwardedRef}
+      {...props}
+    >
+      <path
+        d="M1.904 5.232v6.364a.5.5 0 00.5.5h6.364a.5.5 0 000-1H3.61l8.339-8.339a.5.5 0 00-.707-.707l-8.34 8.34V5.231a.5.5 0 00-1 0z"
+        fill={color}
+      />
+    </svg>
+  );
+});
diff --git a/src/icons/ArrowBottomRightIcon.stories.ts b/src/icons/ArrowBottomRightIcon.stories.ts
new file mode 100644
index 0000000..e9788e4
--- /dev/null
+++ b/src/icons/ArrowBottomRightIcon.stories.ts
@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { ArrowBottomRightIcon } from './ArrowBottomRightIcon';
+
+const meta: Meta<typeof ArrowBottomRightIcon> = {
+  component: ArrowBottomRightIcon,
+};
+
+export default meta;
+type Story = StoryObj<typeof ArrowBottomRightIcon>;
+
+export const Default: Story = { args: { size: 100 } };
diff --git a/src/icons/ArrowBottomRightIcon.tsx b/src/icons/ArrowBottomRightIcon.tsx
new file mode 100644
index 0000000..ea771b5
--- /dev/null
+++ b/src/icons/ArrowBottomRightIcon.tsx
@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { IconProps } from '../types';
+
+export const ArrowBottomRightIcon = /* @__PURE__ */ React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(({ color = 'currentColor', size = 14, ...props }, forwardedRef) => {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 14 14"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={forwardedRef}
+      {...props}
+    >
+      <path
+        d="M12.096 5.232v6.364a.5.5 0 01-.5.5H5.232a.5.5 0 010-1h5.157L2.05 2.757a.5.5 0 01.707-.707l8.34 8.34V5.231a.5.5 0 111 0z"
+        fill={color}
+      />
+    </svg>
+  );
+});
diff --git a/src/icons/ArrowTopLeftIcon.stories.ts b/src/icons/ArrowTopLeftIcon.stories.ts
new file mode 100644
index 0000000..4701d67
--- /dev/null
+++ b/src/icons/ArrowTopLeftIcon.stories.ts
@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { ArrowTopLeftIcon } from './ArrowTopLeftIcon';
+
+const meta: Meta<typeof ArrowTopLeftIcon> = {
+  component: ArrowTopLeftIcon,
+};
+
+export default meta;
+type Story = StoryObj<typeof ArrowTopLeftIcon>;
+
+export const Default: Story = { args: { size: 100 } };
diff --git a/src/icons/ArrowTopLeftIcon.tsx b/src/icons/ArrowTopLeftIcon.tsx
new file mode 100644
index 0000000..23e9976
--- /dev/null
+++ b/src/icons/ArrowTopLeftIcon.tsx
@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { IconProps } from '../types';
+
+export const ArrowTopLeftIcon = /* @__PURE__ */ React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(({ color = 'currentColor', size = 14, ...props }, forwardedRef) => {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 14 14"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={forwardedRef}
+      {...props}
+    >
+      <path
+        d="M1.904 8.768V2.404a.5.5 0 01.5-.5h6.364a.5.5 0 110 1H3.61l8.339 8.339a.5.5 0 01-.707.707l-8.34-8.34v5.158a.5.5 0 01-1 0z"
+        fill={color}
+      />
+    </svg>
+  );
+});
diff --git a/src/icons/ArrowTopRightIcon.stories.ts b/src/icons/ArrowTopRightIcon.stories.ts
new file mode 100644
index 0000000..8716109
--- /dev/null
+++ b/src/icons/ArrowTopRightIcon.stories.ts
@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { ArrowTopRightIcon } from './ArrowTopRightIcon';
+
+const meta: Meta<typeof ArrowTopRightIcon> = {
+  component: ArrowTopRightIcon,
+};
+
+export default meta;
+type Story = StoryObj<typeof ArrowTopRightIcon>;
+
+export const Default: Story = { args: { size: 100 } };
diff --git a/src/icons/ArrowTopRightIcon.tsx b/src/icons/ArrowTopRightIcon.tsx
new file mode 100644
index 0000000..dd24e12
--- /dev/null
+++ b/src/icons/ArrowTopRightIcon.tsx
@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { IconProps } from '../types';
+
+export const ArrowTopRightIcon = /* @__PURE__ */ React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(({ color = 'currentColor', size = 14, ...props }, forwardedRef) => {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 14 14"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={forwardedRef}
+      {...props}
+    >
+      <path
+        d="M12.096 8.768V2.404a.5.5 0 00-.5-.5H5.232a.5.5 0 100 1h5.157L2.05 11.243a.5.5 0 10.707.707l8.34-8.34v5.158a.5.5 0 101 0z"
+        fill={color}
+      />
+    </svg>
+  );
+});
diff --git a/src/index.ts b/src/index.ts
index 7572e8a..ba97ac8 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -189,6 +189,10 @@ export { ArrowUpIcon } from './icons/ArrowUpIcon';
 export { ArrowDownIcon } from './icons/ArrowDownIcon';
 export { ArrowLeftIcon } from './icons/ArrowLeftIcon';
 export { ArrowRightIcon } from './icons/ArrowRightIcon';
+export { ArrowTopLeftIcon } from './icons/ArrowTopLeftIcon';
+export { ArrowTopRightIcon } from './icons/ArrowTopRightIcon';
+export { ArrowBottomLeftIcon } from './icons/ArrowBottomLeftIcon';
+export { ArrowBottomRightIcon } from './icons/ArrowBottomRightIcon';
 export { ArrowSolidUpIcon } from './icons/ArrowSolidUpIcon';
 export { ArrowSolidDownIcon } from './icons/ArrowSolidDownIcon';
 export { ArrowSolidLeftIcon } from './icons/ArrowSolidLeftIcon';