diff --git a/web/app/components/base/icons/assets/vender/line/arrows/flip-backward.zip b/web/app/components/base/icons/assets/vender/line/arrows/flip-backward.zip
deleted file mode 100644
index 5cb3d8483a..0000000000
Binary files a/web/app/components/base/icons/assets/vender/line/arrows/flip-backward.zip and /dev/null differ
diff --git a/web/app/components/base/icons/assets/vender/line/arrows/flip-forward.svg b/web/app/components/base/icons/assets/vender/line/arrows/flip-forward.svg
new file mode 100644
index 0000000000..996245b3b4
--- /dev/null
+++ b/web/app/components/base/icons/assets/vender/line/arrows/flip-forward.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Icon">
+<path id="Icon_2" d="M14 6.00016H5C3.34315 6.00016 2 7.34331 2 9.00016C2 10.657 3.34315 12.0002 5 12.0002H8M14 6.00016L11.3333 3.3335M14 6.00016L11.3333 8.66683" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>
diff --git a/web/app/components/base/icons/assets/vender/line/arrows/flip-forward.zip b/web/app/components/base/icons/assets/vender/line/arrows/flip-forward.zip
deleted file mode 100644
index c5c1b00204..0000000000
Binary files a/web/app/components/base/icons/assets/vender/line/arrows/flip-forward.zip and /dev/null differ
diff --git a/web/app/components/base/icons/src/vender/line/arrows/FlipForward.json b/web/app/components/base/icons/src/vender/line/arrows/FlipForward.json
new file mode 100644
index 0000000000..2e0b517c38
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/arrows/FlipForward.json
@@ -0,0 +1,39 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "16",
+			"height": "16",
+			"viewBox": "0 0 16 16",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "g",
+				"attributes": {
+					"id": "Icon"
+				},
+				"children": [
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"id": "Icon_2",
+							"d": "M14 6.00016H5C3.34315 6.00016 2 7.34331 2 9.00016C2 10.657 3.34315 12.0002 5 12.0002H8M14 6.00016L11.3333 3.3335M14 6.00016L11.3333 8.66683",
+							"stroke": "currentColor",
+							"stroke-width": "1.5",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round"
+						},
+						"children": []
+					}
+				]
+			}
+		]
+	},
+	"name": "FlipForward"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/vender/line/arrows/FlipForward.tsx b/web/app/components/base/icons/src/vender/line/arrows/FlipForward.tsx
new file mode 100644
index 0000000000..1a091772a5
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/arrows/FlipForward.tsx
@@ -0,0 +1,16 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+import data from './FlipForward.json'
+import IconBase from '@/app/components/base/icons/IconBase'
+import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
+
+const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
+  props,
+  ref,
+) => <IconBase {...props} ref={ref} data={data as IconData} />)
+
+Icon.displayName = 'FlipForward'
+
+export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/arrows/index.ts b/web/app/components/base/icons/src/vender/line/arrows/index.ts
index 5b482a75d0..2a1e4002b5 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/index.ts
+++ b/web/app/components/base/icons/src/vender/line/arrows/index.ts
@@ -7,6 +7,7 @@ export { default as ChevronRight } from './ChevronRight'
 export { default as ChevronSelectorVertical } from './ChevronSelectorVertical'
 export { default as Collapse04 } from './Collapse04'
 export { default as FlipBackward } from './FlipBackward'
+export { default as FlipForward } from './FlipForward'
 export { default as RefreshCcw01 } from './RefreshCcw01'
 export { default as RefreshCw05 } from './RefreshCw05'
 export { default as ReverseLeft } from './ReverseLeft'