diff --git a/web/app/components/base/icons/assets/vender/line/general/MaterialSymbolsRefresh.svg b/web/app/components/base/icons/assets/vender/line/general/MaterialSymbolsRefresh.svg
deleted file mode 100644
index ebfcb925db9e2e..00000000000000
--- a/web/app/components/base/icons/assets/vender/line/general/MaterialSymbolsRefresh.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/web/app/components/base/icons/assets/vender/line/general/refresh.svg b/web/app/components/base/icons/assets/vender/line/general/refresh.svg
new file mode 100644
index 00000000000000..05cf98682734ac
--- /dev/null
+++ b/web/app/components/base/icons/assets/vender/line/general/refresh.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/vender/line/general/MaterialSymbolsRefresh.json b/web/app/components/base/icons/src/vender/line/general/MaterialSymbolsRefresh.json
deleted file mode 100644
index cf6668ebd89b96..00000000000000
--- a/web/app/components/base/icons/src/vender/line/general/MaterialSymbolsRefresh.json
+++ /dev/null
@@ -1,25 +0,0 @@
-{
- "icon": {
- "type": "element",
- "isRootNode": true,
- "name": "svg",
- "attributes": {
- "xmlns": "http://www.w3.org/2000/svg",
- "width": "24",
- "height": "24",
- "viewBox": "0 0 24 24"
- },
- "children": [
- {
- "type": "element",
- "name": "path",
- "attributes": {
- "fill": "currentColor",
- "d": "M17.65 6.35A7.96 7.96 0 0 0 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z"
- },
- "children": []
- }
- ]
- },
- "name": "MaterialSymbolsRefresh"
-}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/vender/line/general/Refresh.json b/web/app/components/base/icons/src/vender/line/general/Refresh.json
new file mode 100644
index 00000000000000..128dcb7d4d713f
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/general/Refresh.json
@@ -0,0 +1,23 @@
+{
+ "icon": {
+ "type": "element",
+ "isRootNode": true,
+ "name": "svg",
+ "attributes": {
+ "xmlns": "http://www.w3.org/2000/svg",
+ "viewBox": "0 0 24 24",
+ "fill": "currentColor"
+ },
+ "children": [
+ {
+ "type": "element",
+ "name": "path",
+ "attributes": {
+ "d": "M5.46257 4.43262C7.21556 2.91688 9.5007 2 12 2C17.5228 2 22 6.47715 22 12C22 14.1361 21.3302 16.1158 20.1892 17.7406L17 12H20C20 7.58172 16.4183 4 12 4C9.84982 4 7.89777 4.84827 6.46023 6.22842L5.46257 4.43262ZM18.5374 19.5674C16.7844 21.0831 14.4993 22 12 22C6.47715 22 2 17.5228 2 12C2 9.86386 2.66979 7.88416 3.8108 6.25944L7 12H4C4 16.4183 7.58172 20 12 20C14.1502 20 16.1022 19.1517 17.5398 17.7716L18.5374 19.5674Z"
+ },
+ "children": []
+ }
+ ]
+ },
+ "name": "Refresh"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/vender/line/general/MaterialSymbolsRefresh.tsx b/web/app/components/base/icons/src/vender/line/general/Refresh.tsx
similarity index 82%
rename from web/app/components/base/icons/src/vender/line/general/MaterialSymbolsRefresh.tsx
rename to web/app/components/base/icons/src/vender/line/general/Refresh.tsx
index d9b57eae62c1f1..96641f1c4243b2 100644
--- a/web/app/components/base/icons/src/vender/line/general/MaterialSymbolsRefresh.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Refresh.tsx
@@ -2,7 +2,7 @@
// DON NOT EDIT IT MANUALLY
import * as React from 'react'
-import data from './MaterialSymbolsRefresh.json'
+import data from './Refresh.json'
import IconBase from '@/app/components/base/icons/IconBase'
import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
@@ -11,6 +11,6 @@ const Icon = React.forwardRef, Omit )
-Icon.displayName = 'MaterialSymbolsRefresh'
+Icon.displayName = 'Refresh'
export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/general/index.ts b/web/app/components/base/icons/src/vender/line/general/index.ts
index 4833eb685f7fd2..b5c7a7bbc1d9a2 100644
--- a/web/app/components/base/icons/src/vender/line/general/index.ts
+++ b/web/app/components/base/icons/src/vender/line/general/index.ts
@@ -1,4 +1,3 @@
-export { default as MaterialSymbolsRefresh } from './MaterialSymbolsRefresh'
export { default as AtSign } from './AtSign'
export { default as Bookmark } from './Bookmark'
export { default as CheckDone01 } from './CheckDone01'
@@ -19,6 +18,7 @@ export { default as Menu01 } from './Menu01'
export { default as Pin01 } from './Pin01'
export { default as Pin02 } from './Pin02'
export { default as Plus02 } from './Plus02'
+export { default as Refresh } from './Refresh'
export { default as Settings01 } from './Settings01'
export { default as Settings04 } from './Settings04'
export { default as Target04 } from './Target04'
diff --git a/web/app/components/base/regenerate-btn/index.tsx b/web/app/components/base/regenerate-btn/index.tsx
index 99f3eb91c64b86..aaf0206df609db 100644
--- a/web/app/components/base/regenerate-btn/index.tsx
+++ b/web/app/components/base/regenerate-btn/index.tsx
@@ -1,6 +1,6 @@
'use client'
import { t } from 'i18next'
-import { MaterialSymbolsRefresh } from '../icons/src/vender/line/general'
+import { Refresh } from '../icons/src/vender/line/general'
import Tooltip from '@/app/components/base/tooltip'
type Props = {
@@ -21,7 +21,7 @@ const RegenerateBtn = ({ className, onClick }: Props) => {
boxShadow: '0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06)',
}}
>
-
+