Feat: arrow line icons

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\"/>"
+}

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} />
+}

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\"/>"
+}

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} />
+}

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\"/>"
+}

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} />
+}

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\"/>"
+}

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} />
+}

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>

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'

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"
 }

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'][] = [