fix: Modify icon file, knowledge base display style (#10104)

### What problem does this PR solve?

fix: Modify icon file, knowledge base display style #9869

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/components/icon-font.tsx

@@ -4,6 +4,7 @@ import { getExtension } from '@/utils/document-util';
 
 type IconFontType = {
   name: string;
+
   className?: string;
 };
 
@@ -13,6 +14,23 @@ export const IconFont = ({ name, className }: IconFontType) => (
   </svg>
 );
 
+export function IconFontFill({
+  name,
+  className,
+  isFill = true,
+}: IconFontType & { isFill?: boolean }) {
+  return (
+    <span className={cn('size-4', className)}>
+      <svg
+        className={cn('size-4', className)}
+        style={{ fill: isFill ? 'currentColor' : '' }}
+      >
+        <use xlinkHref={`#icon-${name}`} />
+      </svg>
+    </span>
+  );
+}
+
 export function FileIcon({
   name,
   className,