diff --git a/web/app/components/base/file-uploader/file-type-icon.tsx b/web/app/components/base/file-uploader/file-type-icon.tsx
index 72d4f3bc3b..18696f0d48 100644
--- a/web/app/components/base/file-uploader/file-type-icon.tsx
+++ b/web/app/components/base/file-uploader/file-type-icon.tsx
@@ -4,7 +4,6 @@ import {
RiFileCodeFill,
RiFileExcelFill,
RiFileGifFill,
- RiFileImageFill,
RiFileMusicFill,
RiFilePdf2Fill,
RiFilePpt2Fill,
@@ -15,6 +14,7 @@ import {
} from '@remixicon/react'
import { memo } from 'react'
import { FileDatabase2Fill } from '@/app/components/base/icons/src/vender/solid/development'
+import { FileImageFill } from '@/app/components/base/icons/src/vender/solid/files'
import { cn } from '@/utils/classnames'
import { FileAppearanceTypeEnum } from './types'
@@ -24,7 +24,7 @@ const FILE_TYPE_ICON_MAP = {
color: 'text-[#EA3434]',
},
[FileAppearanceTypeEnum.image]: {
- component: RiFileImageFill,
+ component: FileImageFill,
color: 'text-[#00B2EA]',
},
[FileAppearanceTypeEnum.video]: {
diff --git a/web/app/components/base/icons/assets/vender/solid/files/file-image-fill.svg b/web/app/components/base/icons/assets/vender/solid/files/file-image-fill.svg
new file mode 100644
index 0000000000..28c3247d9a
--- /dev/null
+++ b/web/app/components/base/icons/assets/vender/solid/files/file-image-fill.svg
@@ -0,0 +1,3 @@
+
diff --git a/web/app/components/base/icons/src/vender/solid/files/FileImageFill.json b/web/app/components/base/icons/src/vender/solid/files/FileImageFill.json
new file mode 100644
index 0000000000..6504eb4a61
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/solid/files/FileImageFill.json
@@ -0,0 +1,26 @@
+{
+ "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": "path",
+ "attributes": {
+ "d": "M14 4.66683L10.6667 1.3335H2.66227C2.29663 1.3335 2 1.62953 2 1.9947V14.0056C2 14.3633 2.29651 14.6668 2.66227 14.6668H13.3377C13.7034 14.6668 14 14.3708 14 14.0056V4.66683ZM7.33333 6.3335C7.33333 6.88576 6.8856 7.3335 6.33333 7.3335C5.78105 7.3335 5.33333 6.88576 5.33333 6.3335C5.33333 5.78121 5.78105 5.3335 6.33333 5.3335C6.8856 5.3335 7.33333 5.78121 7.33333 6.3335ZM11.6667 11.3335H5.33333L9 6.66683L11.6667 11.3335Z",
+ "fill": "currentColor"
+ },
+ "children": []
+ }
+ ]
+ },
+ "name": "FileImageFill"
+}
diff --git a/web/app/components/base/icons/src/vender/solid/files/FileImageFill.tsx b/web/app/components/base/icons/src/vender/solid/files/FileImageFill.tsx
new file mode 100644
index 0000000000..5b5ee4cfea
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/solid/files/FileImageFill.tsx
@@ -0,0 +1,20 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import type { IconData } from '@/app/components/base/icons/IconBase'
+import * as React from 'react'
+import IconBase from '@/app/components/base/icons/IconBase'
+import data from './FileImageFill.json'
+
+const Icon = (
+ {
+ ref,
+ ...props
+ }: React.SVGProps & {
+ ref?: React.RefObject>
+ },
+) =>
+
+Icon.displayName = 'FileImageFill'
+
+export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/files/index.ts b/web/app/components/base/icons/src/vender/solid/files/index.ts
index fa93cd68dc..f641243894 100644
--- a/web/app/components/base/icons/src/vender/solid/files/index.ts
+++ b/web/app/components/base/icons/src/vender/solid/files/index.ts
@@ -1,4 +1,5 @@
export { default as File05 } from './File05'
+export { default as FileImageFill } from './FileImageFill'
export { default as FileSearch02 } from './FileSearch02'
export { default as FileZip } from './FileZip'
export { default as Folder } from './Folder'