diff --git a/icons/_assets/arrow_line_down.svg b/icons/_assets/arrow_line_down.svg
new file mode 100644
index 000000000..ac3769c00
--- /dev/null
+++ b/icons/_assets/arrow_line_down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" fill="none"><path fill="#000" fill-rule="evenodd" d="M94.316 94.316A5.75 5.75 0 0 0 90.25 84.5H9.75a5.75 5.75 0 0 0 0 11.5h80.5a5.75 5.75 0 0 0 4.066-1.684ZM78.75 44.25a5.753 5.753 0 0 1-1.667 4.082l-23 23a5.75 5.75 0 0 1-4.908 1.609 5.75 5.75 0 0 1-3.545-1.954L22.975 48.332a5.75 5.75 0 0 1 8.108-8.107L44.25 53.392V9.75a5.75 5.75 0 0 1 11.5 0v43.642l13.168-13.167a5.75 5.75 0 0 1 9.832 4.025Z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/icons/_assets/arrow_line_left.svg b/icons/_assets/arrow_line_left.svg
new file mode 100644
index 000000000..3e0176f64
--- /dev/null
+++ b/icons/_assets/arrow_line_left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" fill="none"><path fill="#000" fill-rule="evenodd" d="M5.684 94.316A5.75 5.75 0 0 0 15.5 90.25V9.75a5.75 5.75 0 0 0-11.5 0v80.5a5.75 5.75 0 0 0 1.684 4.066ZM55.75 78.75a5.75 5.75 0 0 1-4.082-1.667l-23-23a5.75 5.75 0 0 1-1.608-4.908 5.75 5.75 0 0 1 1.953-3.545l22.655-22.655a5.75 5.75 0 0 1 8.107 8.108L46.608 44.25H90.25a5.75 5.75 0 0 1 0 11.5H46.608l13.167 13.168a5.75 5.75 0 0 1-4.025 9.832Z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/icons/_assets/arrow_line_right.svg b/icons/_assets/arrow_line_right.svg
new file mode 100644
index 000000000..fbd68f8ab
--- /dev/null
+++ b/icons/_assets/arrow_line_right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" fill="none"><path fill="#000" fill-rule="evenodd" d="M94.316 5.684A5.75 5.75 0 0 0 84.5 9.75v80.5a5.75 5.75 0 0 0 11.5 0V9.75a5.75 5.75 0 0 0-1.684-4.066ZM44.25 21.25a5.75 5.75 0 0 1 4.082 1.667l23 23a5.75 5.75 0 0 1 1.609 4.908 5.75 5.75 0 0 1-1.954 3.545L48.332 77.025a5.75 5.75 0 0 1-8.107-8.108L53.392 55.75H9.75a5.75 5.75 0 0 1 0-11.5h43.642L40.225 31.082a5.75 5.75 0 0 1 4.025-9.832Z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/icons/_assets/arrow_line_up.svg b/icons/_assets/arrow_line_up.svg
new file mode 100644
index 000000000..a9bcd5972
--- /dev/null
+++ b/icons/_assets/arrow_line_up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" fill="none"><path fill="#000" fill-rule="evenodd" d="M5.684 5.684A5.75 5.75 0 0 0 9.75 15.5h80.5a5.75 5.75 0 0 0 0-11.5H9.75a5.75 5.75 0 0 0-4.066 1.684ZM21.25 55.75a5.753 5.753 0 0 1 1.667-4.082l23-23a5.75 5.75 0 0 1 4.908-1.608 5.75 5.75 0 0 1 3.545 1.953l22.655 22.655a5.75 5.75 0 0 1-8.108 8.107L55.75 46.608V90.25a5.75 5.75 0 0 1-11.5 0V46.608L31.082 59.775a5.75 5.75 0 0 1-9.832-4.025Z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/icons/src/ArrowLineDown/content.json b/icons/src/ArrowLineDown/content.json
new file mode 100644
index 000000000..e99aa8b60
--- /dev/null
+++ b/icons/src/ArrowLineDown/content.json
@@ -0,0 +1,5 @@
+{
+  "width": 15,
+  "height": 15,
+  "block": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M94.316 94.316A5.75 5.75 0 0 0 90.25 84.5H9.75a5.75 5.75 0 0 0 0 11.5h80.5a5.75 5.75 0 0 0 4.066-1.684ZM78.75 44.25a5.753 5.753 0 0 1-1.667 4.082l-23 23a5.75 5.75 0 0 1-4.908 1.609 5.75 5.75 0 0 1-3.545-1.954L22.975 48.332a5.75 5.75 0 0 1 8.108-8.107L44.25 53.392V9.75a5.75 5.75 0 0 1 11.5 0v43.642l13.168-13.167a5.75 5.75 0 0 1 9.832 4.025Z\" clip-rule=\"evenodd\"/>"
+}
\ No newline at end of file
diff --git a/icons/src/ArrowLineDown/index.tsx b/icons/src/ArrowLineDown/index.tsx
new file mode 100644
index 000000000..21a2c4d17
--- /dev/null
+++ b/icons/src/ArrowLineDown/index.tsx
@@ -0,0 +1,8 @@
+import React from 'react'
+import { Icon, IconProps } from '@welcome-ui/icon'
+
+import content from './content.json'
+
+export const ArrowLineDownIcon: React.FC<IconProps> = props => {
+  return <Icon alt="ArrowLineDown" content={content} {...props} />
+}
diff --git a/icons/src/ArrowLineLeft/content.json b/icons/src/ArrowLineLeft/content.json
new file mode 100644
index 000000000..4721a7a36
--- /dev/null
+++ b/icons/src/ArrowLineLeft/content.json
@@ -0,0 +1,5 @@
+{
+  "width": 15,
+  "height": 15,
+  "block": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M5.684 94.316A5.75 5.75 0 0 0 15.5 90.25V9.75a5.75 5.75 0 0 0-11.5 0v80.5a5.75 5.75 0 0 0 1.684 4.066ZM55.75 78.75a5.75 5.75 0 0 1-4.082-1.667l-23-23a5.75 5.75 0 0 1-1.608-4.908 5.75 5.75 0 0 1 1.953-3.545l22.655-22.655a5.75 5.75 0 0 1 8.107 8.108L46.608 44.25H90.25a5.75 5.75 0 0 1 0 11.5H46.608l13.167 13.168a5.75 5.75 0 0 1-4.025 9.832Z\" clip-rule=\"evenodd\"/>"
+}
\ No newline at end of file
diff --git a/icons/src/ArrowLineLeft/index.tsx b/icons/src/ArrowLineLeft/index.tsx
new file mode 100644
index 000000000..45d420ada
--- /dev/null
+++ b/icons/src/ArrowLineLeft/index.tsx
@@ -0,0 +1,8 @@
+import React from 'react'
+import { Icon, IconProps } from '@welcome-ui/icon'
+
+import content from './content.json'
+
+export const ArrowLineLeftIcon: React.FC<IconProps> = props => {
+  return <Icon alt="ArrowLineLeft" content={content} {...props} />
+}
diff --git a/icons/src/ArrowLineRight/content.json b/icons/src/ArrowLineRight/content.json
new file mode 100644
index 000000000..457f57764
--- /dev/null
+++ b/icons/src/ArrowLineRight/content.json
@@ -0,0 +1,5 @@
+{
+  "width": 15,
+  "height": 15,
+  "block": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M94.316 5.684A5.75 5.75 0 0 0 84.5 9.75v80.5a5.75 5.75 0 0 0 11.5 0V9.75a5.75 5.75 0 0 0-1.684-4.066ZM44.25 21.25a5.75 5.75 0 0 1 4.082 1.667l23 23a5.75 5.75 0 0 1 1.609 4.908 5.75 5.75 0 0 1-1.954 3.545L48.332 77.025a5.75 5.75 0 0 1-8.107-8.108L53.392 55.75H9.75a5.75 5.75 0 0 1 0-11.5h43.642L40.225 31.082a5.75 5.75 0 0 1 4.025-9.832Z\" clip-rule=\"evenodd\"/>"
+}
\ No newline at end of file
diff --git a/icons/src/ArrowLineRight/index.tsx b/icons/src/ArrowLineRight/index.tsx
new file mode 100644
index 000000000..9bdbbb123
--- /dev/null
+++ b/icons/src/ArrowLineRight/index.tsx
@@ -0,0 +1,8 @@
+import React from 'react'
+import { Icon, IconProps } from '@welcome-ui/icon'
+
+import content from './content.json'
+
+export const ArrowLineRightIcon: React.FC<IconProps> = props => {
+  return <Icon alt="ArrowLineRight" content={content} {...props} />
+}
diff --git a/icons/src/ArrowLineUp/content.json b/icons/src/ArrowLineUp/content.json
new file mode 100644
index 000000000..c686ddb2e
--- /dev/null
+++ b/icons/src/ArrowLineUp/content.json
@@ -0,0 +1,5 @@
+{
+  "width": 15,
+  "height": 15,
+  "block": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M5.684 5.684A5.75 5.75 0 0 0 9.75 15.5h80.5a5.75 5.75 0 0 0 0-11.5H9.75a5.75 5.75 0 0 0-4.066 1.684ZM21.25 55.75a5.753 5.753 0 0 1 1.667-4.082l23-23a5.75 5.75 0 0 1 4.908-1.608 5.75 5.75 0 0 1 3.545 1.953l22.655 22.655a5.75 5.75 0 0 1-8.108 8.107L55.75 46.608V90.25a5.75 5.75 0 0 1-11.5 0V46.608L31.082 59.775a5.75 5.75 0 0 1-9.832-4.025Z\" clip-rule=\"evenodd\"/>"
+}
\ No newline at end of file
diff --git a/icons/src/ArrowLineUp/index.tsx b/icons/src/ArrowLineUp/index.tsx
new file mode 100644
index 000000000..a5464ed18
--- /dev/null
+++ b/icons/src/ArrowLineUp/index.tsx
@@ -0,0 +1,8 @@
+import React from 'react'
+import { Icon, IconProps } from '@welcome-ui/icon'
+
+import content from './content.json'
+
+export const ArrowLineUpIcon: React.FC<IconProps> = props => {
+  return <Icon alt="ArrowLineUp" content={content} {...props} />
+}
diff --git a/icons/src/index.d.ts b/icons/src/index.d.ts
index c67e98a87..e6ae8fc1e 100644
--- a/icons/src/index.d.ts
+++ b/icons/src/index.d.ts
@@ -12,6 +12,10 @@ export declare const AnniversaryIcon: React.FC<IconProps>
 export declare const ArchiveIcon: React.FC<IconProps>
 export declare const ArrowDownIcon: React.FC<IconProps>
 export declare const ArrowLeftIcon: React.FC<IconProps>
+export declare const ArrowLineDownIcon: React.FC<IconProps>
+export declare const ArrowLineLeftIcon: React.FC<IconProps>
+export declare const ArrowLineRightIcon: React.FC<IconProps>
+export declare const ArrowLineUpIcon: React.FC<IconProps>
 export declare const ArrowRightIcon: React.FC<IconProps>
 export declare const ArrowUpIcon: React.FC<IconProps>
 export declare const AspectRatioFillIcon: React.FC<IconProps>
diff --git a/icons/src/index.ts b/icons/src/index.ts
index b535a5222..70df69d33 100644
--- a/icons/src/index.ts
+++ b/icons/src/index.ts
@@ -10,6 +10,10 @@ export { AnniversaryIcon } from './Anniversary'
 export { ArchiveIcon } from './Archive'
 export { ArrowDownIcon } from './ArrowDown'
 export { ArrowLeftIcon } from './ArrowLeft'
+export { ArrowLineDownIcon } from './ArrowLineDown'
+export { ArrowLineLeftIcon } from './ArrowLineLeft'
+export { ArrowLineRightIcon } from './ArrowLineRight'
+export { ArrowLineUpIcon } from './ArrowLineUp'
 export { ArrowRightIcon } from './ArrowRight'
 export { ArrowUpIcon } from './ArrowUp'
 export { AspectRatioFillIcon } from './AspectRatioFill'
diff --git a/packages/IconFont/src/unicode.json b/packages/IconFont/src/unicode.json
index a33fbeedd..96e0d97ee 100644
--- a/packages/IconFont/src/unicode.json
+++ b/packages/IconFont/src/unicode.json
@@ -290,5 +290,9 @@
   "tablet": "0xF221",
   "certified": "0xF222",
   "masonry_2": "0xF223",
-  "connection": "0xF224"
+  "connection": "0xF224",
+  "arrow_line_left": "0xF226",
+  "arrow_line_right": "0xF227",
+  "arrow_line_down": "0xF228",
+  "arrow_line_up": "0xF229"
 }
\ No newline at end of file
diff --git a/website/build-app/components/IconsList/icons.ts b/website/build-app/components/IconsList/icons.ts
index dd8d335bf..866097272 100644
--- a/website/build-app/components/IconsList/icons.ts
+++ b/website/build-app/components/IconsList/icons.ts
@@ -8,6 +8,10 @@ export const arrows: IconProps['name'][] = [
   'arrow_right',
   'arrow_up',
   'arrow_down',
+  'arrow_line_left',
+  'arrow_line_right',
+  'arrow_line_up',
+  'arrow_line_down',
 ]
 
 export const actions: IconProps['name'][] = [