diff --git a/web/app/(commonLayout)/apps/NewAppCard.tsx b/web/app/(commonLayout)/apps/NewAppCard.tsx
index fe71fefd52..2ad8cd7d0b 100644
--- a/web/app/(commonLayout)/apps/NewAppCard.tsx
+++ b/web/app/(commonLayout)/apps/NewAppCard.tsx
@@ -24,7 +24,7 @@ const CreateAppCard = (
     className,
     onSuccess,
   }: CreateAppCardProps & {
-    ref: React.RefObject<HTMLDivElement>;
+    ref?: React.RefObject<HTMLDivElement>;
   },
 ) => {
   const { t } = useTranslation()
diff --git a/web/app/components/base/icons/script.mjs b/web/app/components/base/icons/script.mjs
index 51c2b14b10..96e299e8c8 100644
--- a/web/app/components/base/icons/script.mjs
+++ b/web/app/components/base/icons/script.mjs
@@ -64,7 +64,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/avatar/Robot.tsx b/web/app/components/base/icons/src/public/avatar/Robot.tsx
index f9b3f7c63d..8bee6e24cb 100644
--- a/web/app/components/base/icons/src/public/avatar/Robot.tsx
+++ b/web/app/components/base/icons/src/public/avatar/Robot.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/avatar/User.tsx b/web/app/components/base/icons/src/public/avatar/User.tsx
index 5029dedba2..c7af42868f 100644
--- a/web/app/components/base/icons/src/public/avatar/User.tsx
+++ b/web/app/components/base/icons/src/public/avatar/User.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/billing/Sparkles.tsx b/web/app/components/base/icons/src/public/billing/Sparkles.tsx
index 3f013f4253..09fb779b5a 100644
--- a/web/app/components/base/icons/src/public/billing/Sparkles.tsx
+++ b/web/app/components/base/icons/src/public/billing/Sparkles.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/common/D.tsx b/web/app/components/base/icons/src/public/common/D.tsx
index 1b1b9f9699..87aca80ee2 100644
--- a/web/app/components/base/icons/src/public/common/D.tsx
+++ b/web/app/components/base/icons/src/public/common/D.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/common/DiagonalDividingLine.tsx b/web/app/components/base/icons/src/public/common/DiagonalDividingLine.tsx
index eb34604f54..ce95c2f8f9 100644
--- a/web/app/components/base/icons/src/public/common/DiagonalDividingLine.tsx
+++ b/web/app/components/base/icons/src/public/common/DiagonalDividingLine.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/common/Dify.tsx b/web/app/components/base/icons/src/public/common/Dify.tsx
index 56e28ed9c7..f53f47f6d4 100644
--- a/web/app/components/base/icons/src/public/common/Dify.tsx
+++ b/web/app/components/base/icons/src/public/common/Dify.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/common/Github.tsx b/web/app/components/base/icons/src/public/common/Github.tsx
index 742d0d01a5..9c6f41834f 100644
--- a/web/app/components/base/icons/src/public/common/Github.tsx
+++ b/web/app/components/base/icons/src/public/common/Github.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/common/Highlight.tsx b/web/app/components/base/icons/src/public/common/Highlight.tsx
index 9e919db306..261b5898ce 100644
--- a/web/app/components/base/icons/src/public/common/Highlight.tsx
+++ b/web/app/components/base/icons/src/public/common/Highlight.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/common/Line3.tsx b/web/app/components/base/icons/src/public/common/Line3.tsx
index 493b86df56..a1fb899d6b 100644
--- a/web/app/components/base/icons/src/public/common/Line3.tsx
+++ b/web/app/components/base/icons/src/public/common/Line3.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/common/Lock.tsx b/web/app/components/base/icons/src/public/common/Lock.tsx
index fc3a2c1255..1fce8bb4ce 100644
--- a/web/app/components/base/icons/src/public/common/Lock.tsx
+++ b/web/app/components/base/icons/src/public/common/Lock.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/common/MessageChatSquare.tsx b/web/app/components/base/icons/src/public/common/MessageChatSquare.tsx
index aba05262c6..85ccc0b760 100644
--- a/web/app/components/base/icons/src/public/common/MessageChatSquare.tsx
+++ b/web/app/components/base/icons/src/public/common/MessageChatSquare.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/common/MultiPathRetrieval.tsx b/web/app/components/base/icons/src/public/common/MultiPathRetrieval.tsx
index eca1babe2c..a325900bda 100644
--- a/web/app/components/base/icons/src/public/common/MultiPathRetrieval.tsx
+++ b/web/app/components/base/icons/src/public/common/MultiPathRetrieval.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/common/NTo1Retrieval.tsx b/web/app/components/base/icons/src/public/common/NTo1Retrieval.tsx
index 2f47cba45e..1afa979528 100644
--- a/web/app/components/base/icons/src/public/common/NTo1Retrieval.tsx
+++ b/web/app/components/base/icons/src/public/common/NTo1Retrieval.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/common/Notion.tsx b/web/app/components/base/icons/src/public/common/Notion.tsx
index b56e050f99..33b7c31238 100644
--- a/web/app/components/base/icons/src/public/common/Notion.tsx
+++ b/web/app/components/base/icons/src/public/common/Notion.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/common/SparklesSoft.tsx b/web/app/components/base/icons/src/public/common/SparklesSoft.tsx
index beb198538f..b3f94d0b4d 100644
--- a/web/app/components/base/icons/src/public/common/SparklesSoft.tsx
+++ b/web/app/components/base/icons/src/public/common/SparklesSoft.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/files/Csv.tsx b/web/app/components/base/icons/src/public/files/Csv.tsx
index 02dc69a03d..03ce2fb74d 100644
--- a/web/app/components/base/icons/src/public/files/Csv.tsx
+++ b/web/app/components/base/icons/src/public/files/Csv.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/files/Doc.tsx b/web/app/components/base/icons/src/public/files/Doc.tsx
index 71f6073835..e71773fdff 100644
--- a/web/app/components/base/icons/src/public/files/Doc.tsx
+++ b/web/app/components/base/icons/src/public/files/Doc.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/files/Docx.tsx b/web/app/components/base/icons/src/public/files/Docx.tsx
index f1fda51029..25d5d06459 100644
--- a/web/app/components/base/icons/src/public/files/Docx.tsx
+++ b/web/app/components/base/icons/src/public/files/Docx.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/files/Html.tsx b/web/app/components/base/icons/src/public/files/Html.tsx
index d3e144233c..65b333d8b4 100644
--- a/web/app/components/base/icons/src/public/files/Html.tsx
+++ b/web/app/components/base/icons/src/public/files/Html.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/files/Json.tsx b/web/app/components/base/icons/src/public/files/Json.tsx
index e5a1b236d1..90812bee5f 100644
--- a/web/app/components/base/icons/src/public/files/Json.tsx
+++ b/web/app/components/base/icons/src/public/files/Json.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/files/Md.tsx b/web/app/components/base/icons/src/public/files/Md.tsx
index 7003126767..25d4205001 100644
--- a/web/app/components/base/icons/src/public/files/Md.tsx
+++ b/web/app/components/base/icons/src/public/files/Md.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/files/Pdf.tsx b/web/app/components/base/icons/src/public/files/Pdf.tsx
index f1d9b75e31..15444df5b9 100644
--- a/web/app/components/base/icons/src/public/files/Pdf.tsx
+++ b/web/app/components/base/icons/src/public/files/Pdf.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/files/Txt.tsx b/web/app/components/base/icons/src/public/files/Txt.tsx
index 435c3e4b69..7b1f16ce62 100644
--- a/web/app/components/base/icons/src/public/files/Txt.tsx
+++ b/web/app/components/base/icons/src/public/files/Txt.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/files/Unknown.tsx b/web/app/components/base/icons/src/public/files/Unknown.tsx
index 62a8a60648..1b7c658fb8 100644
--- a/web/app/components/base/icons/src/public/files/Unknown.tsx
+++ b/web/app/components/base/icons/src/public/files/Unknown.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/files/Xlsx.tsx b/web/app/components/base/icons/src/public/files/Xlsx.tsx
index 6d96e85994..399570bf15 100644
--- a/web/app/components/base/icons/src/public/files/Xlsx.tsx
+++ b/web/app/components/base/icons/src/public/files/Xlsx.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/files/Yaml.tsx b/web/app/components/base/icons/src/public/files/Yaml.tsx
index 221df2137b..5f95d27aad 100644
--- a/web/app/components/base/icons/src/public/files/Yaml.tsx
+++ b/web/app/components/base/icons/src/public/files/Yaml.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/knowledge/Chunk.tsx b/web/app/components/base/icons/src/public/knowledge/Chunk.tsx
index e4a4204219..a01bd1eb3e 100644
--- a/web/app/components/base/icons/src/public/knowledge/Chunk.tsx
+++ b/web/app/components/base/icons/src/public/knowledge/Chunk.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/knowledge/Collapse.tsx b/web/app/components/base/icons/src/public/knowledge/Collapse.tsx
index 4649066a8a..6f43dde272 100644
--- a/web/app/components/base/icons/src/public/knowledge/Collapse.tsx
+++ b/web/app/components/base/icons/src/public/knowledge/Collapse.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/knowledge/GeneralType.tsx b/web/app/components/base/icons/src/public/knowledge/GeneralType.tsx
index 6a948814ed..29005b8d07 100644
--- a/web/app/components/base/icons/src/public/knowledge/GeneralType.tsx
+++ b/web/app/components/base/icons/src/public/knowledge/GeneralType.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/knowledge/LayoutRight2LineMod.tsx b/web/app/components/base/icons/src/public/knowledge/LayoutRight2LineMod.tsx
index 82f2c76244..18327cd649 100644
--- a/web/app/components/base/icons/src/public/knowledge/LayoutRight2LineMod.tsx
+++ b/web/app/components/base/icons/src/public/knowledge/LayoutRight2LineMod.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/knowledge/ParentChildType.tsx b/web/app/components/base/icons/src/public/knowledge/ParentChildType.tsx
index 3ec4c6c748..107315002a 100644
--- a/web/app/components/base/icons/src/public/knowledge/ParentChildType.tsx
+++ b/web/app/components/base/icons/src/public/knowledge/ParentChildType.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/knowledge/SelectionMod.tsx b/web/app/components/base/icons/src/public/knowledge/SelectionMod.tsx
index e193e58634..a2d60fa9e5 100644
--- a/web/app/components/base/icons/src/public/knowledge/SelectionMod.tsx
+++ b/web/app/components/base/icons/src/public/knowledge/SelectionMod.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/Anthropic.tsx b/web/app/components/base/icons/src/public/llm/Anthropic.tsx
index 7fcef70174..f5de0f5916 100644
--- a/web/app/components/base/icons/src/public/llm/Anthropic.tsx
+++ b/web/app/components/base/icons/src/public/llm/Anthropic.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/AnthropicDark.tsx b/web/app/components/base/icons/src/public/llm/AnthropicDark.tsx
index 54ee6b0c8c..d1744003d8 100644
--- a/web/app/components/base/icons/src/public/llm/AnthropicDark.tsx
+++ b/web/app/components/base/icons/src/public/llm/AnthropicDark.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/AnthropicLight.tsx b/web/app/components/base/icons/src/public/llm/AnthropicLight.tsx
index f717a55d7a..0cacdf76ca 100644
--- a/web/app/components/base/icons/src/public/llm/AnthropicLight.tsx
+++ b/web/app/components/base/icons/src/public/llm/AnthropicLight.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/AnthropicText.tsx b/web/app/components/base/icons/src/public/llm/AnthropicText.tsx
index 6c36418515..be9ebd3b64 100644
--- a/web/app/components/base/icons/src/public/llm/AnthropicText.tsx
+++ b/web/app/components/base/icons/src/public/llm/AnthropicText.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/AzureOpenaiService.tsx b/web/app/components/base/icons/src/public/llm/AzureOpenaiService.tsx
index 977541ed03..9a82df1273 100644
--- a/web/app/components/base/icons/src/public/llm/AzureOpenaiService.tsx
+++ b/web/app/components/base/icons/src/public/llm/AzureOpenaiService.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/AzureOpenaiServiceText.tsx b/web/app/components/base/icons/src/public/llm/AzureOpenaiServiceText.tsx
index 2ad28ca321..f91189a908 100644
--- a/web/app/components/base/icons/src/public/llm/AzureOpenaiServiceText.tsx
+++ b/web/app/components/base/icons/src/public/llm/AzureOpenaiServiceText.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/Azureai.tsx b/web/app/components/base/icons/src/public/llm/Azureai.tsx
index badadefb7b..bf7f2dac60 100644
--- a/web/app/components/base/icons/src/public/llm/Azureai.tsx
+++ b/web/app/components/base/icons/src/public/llm/Azureai.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/AzureaiText.tsx b/web/app/components/base/icons/src/public/llm/AzureaiText.tsx
index 33794f12c6..cd2376997b 100644
--- a/web/app/components/base/icons/src/public/llm/AzureaiText.tsx
+++ b/web/app/components/base/icons/src/public/llm/AzureaiText.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/Baichuan.tsx b/web/app/components/base/icons/src/public/llm/Baichuan.tsx
index ca5c0cc5b8..363820b612 100644
--- a/web/app/components/base/icons/src/public/llm/Baichuan.tsx
+++ b/web/app/components/base/icons/src/public/llm/Baichuan.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/BaichuanText.tsx b/web/app/components/base/icons/src/public/llm/BaichuanText.tsx
index 7012b594ce..37d6242678 100644
--- a/web/app/components/base/icons/src/public/llm/BaichuanText.tsx
+++ b/web/app/components/base/icons/src/public/llm/BaichuanText.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/Chatglm.tsx b/web/app/components/base/icons/src/public/llm/Chatglm.tsx
index e5990c371c..742704fc77 100644
--- a/web/app/components/base/icons/src/public/llm/Chatglm.tsx
+++ b/web/app/components/base/icons/src/public/llm/Chatglm.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/ChatglmText.tsx b/web/app/components/base/icons/src/public/llm/ChatglmText.tsx
index 288dbdfc95..e97f3fa912 100644
--- a/web/app/components/base/icons/src/public/llm/ChatglmText.tsx
+++ b/web/app/components/base/icons/src/public/llm/ChatglmText.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/Cohere.tsx b/web/app/components/base/icons/src/public/llm/Cohere.tsx
index 1e3aadbe8b..1f16d1c010 100644
--- a/web/app/components/base/icons/src/public/llm/Cohere.tsx
+++ b/web/app/components/base/icons/src/public/llm/Cohere.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/CohereText.tsx b/web/app/components/base/icons/src/public/llm/CohereText.tsx
index 1196262587..e6d5cebb51 100644
--- a/web/app/components/base/icons/src/public/llm/CohereText.tsx
+++ b/web/app/components/base/icons/src/public/llm/CohereText.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/Gpt3.tsx b/web/app/components/base/icons/src/public/llm/Gpt3.tsx
index 3db190e034..7926d50c7a 100644
--- a/web/app/components/base/icons/src/public/llm/Gpt3.tsx
+++ b/web/app/components/base/icons/src/public/llm/Gpt3.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/Gpt4.tsx b/web/app/components/base/icons/src/public/llm/Gpt4.tsx
index 0399e22800..1fa170e054 100644
--- a/web/app/components/base/icons/src/public/llm/Gpt4.tsx
+++ b/web/app/components/base/icons/src/public/llm/Gpt4.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/Huggingface.tsx b/web/app/components/base/icons/src/public/llm/Huggingface.tsx
index 290d8d62ca..1dcee1861a 100644
--- a/web/app/components/base/icons/src/public/llm/Huggingface.tsx
+++ b/web/app/components/base/icons/src/public/llm/Huggingface.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/HuggingfaceText.tsx b/web/app/components/base/icons/src/public/llm/HuggingfaceText.tsx
index a7939f3bc4..961d63e3db 100644
--- a/web/app/components/base/icons/src/public/llm/HuggingfaceText.tsx
+++ b/web/app/components/base/icons/src/public/llm/HuggingfaceText.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/HuggingfaceTextHub.tsx b/web/app/components/base/icons/src/public/llm/HuggingfaceTextHub.tsx
index fdd06db43f..47e3620e2b 100644
--- a/web/app/components/base/icons/src/public/llm/HuggingfaceTextHub.tsx
+++ b/web/app/components/base/icons/src/public/llm/HuggingfaceTextHub.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/IflytekSpark.tsx b/web/app/components/base/icons/src/public/llm/IflytekSpark.tsx
index cf2762d88f..a2573a3e87 100644
--- a/web/app/components/base/icons/src/public/llm/IflytekSpark.tsx
+++ b/web/app/components/base/icons/src/public/llm/IflytekSpark.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/IflytekSparkText.tsx b/web/app/components/base/icons/src/public/llm/IflytekSparkText.tsx
index e7f7ed9ff7..99abd56665 100644
--- a/web/app/components/base/icons/src/public/llm/IflytekSparkText.tsx
+++ b/web/app/components/base/icons/src/public/llm/IflytekSparkText.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/IflytekSparkTextCn.tsx b/web/app/components/base/icons/src/public/llm/IflytekSparkTextCn.tsx
index 6b6b10992e..8f9d09e03e 100644
--- a/web/app/components/base/icons/src/public/llm/IflytekSparkTextCn.tsx
+++ b/web/app/components/base/icons/src/public/llm/IflytekSparkTextCn.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/Jina.tsx b/web/app/components/base/icons/src/public/llm/Jina.tsx
index f48316dd1f..6fe24037de 100644
--- a/web/app/components/base/icons/src/public/llm/Jina.tsx
+++ b/web/app/components/base/icons/src/public/llm/Jina.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/JinaText.tsx b/web/app/components/base/icons/src/public/llm/JinaText.tsx
index 2bcf5a82b5..e5514a563b 100644
--- a/web/app/components/base/icons/src/public/llm/JinaText.tsx
+++ b/web/app/components/base/icons/src/public/llm/JinaText.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/Localai.tsx b/web/app/components/base/icons/src/public/llm/Localai.tsx
index e19f5fc5d0..731f00856d 100644
--- a/web/app/components/base/icons/src/public/llm/Localai.tsx
+++ b/web/app/components/base/icons/src/public/llm/Localai.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/LocalaiText.tsx b/web/app/components/base/icons/src/public/llm/LocalaiText.tsx
index 8134133efb..aaea98adae 100644
--- a/web/app/components/base/icons/src/public/llm/LocalaiText.tsx
+++ b/web/app/components/base/icons/src/public/llm/LocalaiText.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/Microsoft.tsx b/web/app/components/base/icons/src/public/llm/Microsoft.tsx
index 33d9bc6f1e..0b6e5dc4f2 100644
--- a/web/app/components/base/icons/src/public/llm/Microsoft.tsx
+++ b/web/app/components/base/icons/src/public/llm/Microsoft.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiBlack.tsx b/web/app/components/base/icons/src/public/llm/OpenaiBlack.tsx
index f6aabcb821..1b9e3ec613 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiBlack.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenaiBlack.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiBlue.tsx b/web/app/components/base/icons/src/public/llm/OpenaiBlue.tsx
index b0eb3dce3b..3dc45a9695 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiBlue.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenaiBlue.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiGreen.tsx b/web/app/components/base/icons/src/public/llm/OpenaiGreen.tsx
index 126229a11a..36f967c255 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiGreen.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenaiGreen.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiText.tsx b/web/app/components/base/icons/src/public/llm/OpenaiText.tsx
index ecb446b018..f07995d101 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiText.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenaiText.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiTransparent.tsx b/web/app/components/base/icons/src/public/llm/OpenaiTransparent.tsx
index 2e632f38ec..0a90287cf2 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiTransparent.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenaiTransparent.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiViolet.tsx b/web/app/components/base/icons/src/public/llm/OpenaiViolet.tsx
index 80b75e8ede..03e2864142 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiViolet.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenaiViolet.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/Openllm.tsx b/web/app/components/base/icons/src/public/llm/Openllm.tsx
index 4382086ee7..6497165f76 100644
--- a/web/app/components/base/icons/src/public/llm/Openllm.tsx
+++ b/web/app/components/base/icons/src/public/llm/Openllm.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/OpenllmText.tsx b/web/app/components/base/icons/src/public/llm/OpenllmText.tsx
index 92d2c1ac38..d1b6f6b22c 100644
--- a/web/app/components/base/icons/src/public/llm/OpenllmText.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenllmText.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/Replicate.tsx b/web/app/components/base/icons/src/public/llm/Replicate.tsx
index 09674dcf5d..237b68dbc8 100644
--- a/web/app/components/base/icons/src/public/llm/Replicate.tsx
+++ b/web/app/components/base/icons/src/public/llm/Replicate.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/ReplicateText.tsx b/web/app/components/base/icons/src/public/llm/ReplicateText.tsx
index a1b7c5b907..667b7d580c 100644
--- a/web/app/components/base/icons/src/public/llm/ReplicateText.tsx
+++ b/web/app/components/base/icons/src/public/llm/ReplicateText.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/XorbitsInference.tsx b/web/app/components/base/icons/src/public/llm/XorbitsInference.tsx
index 5da227af7c..8316ce3acb 100644
--- a/web/app/components/base/icons/src/public/llm/XorbitsInference.tsx
+++ b/web/app/components/base/icons/src/public/llm/XorbitsInference.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/XorbitsInferenceText.tsx b/web/app/components/base/icons/src/public/llm/XorbitsInferenceText.tsx
index c4fbc250d4..fb834e709c 100644
--- a/web/app/components/base/icons/src/public/llm/XorbitsInferenceText.tsx
+++ b/web/app/components/base/icons/src/public/llm/XorbitsInferenceText.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/Zhipuai.tsx b/web/app/components/base/icons/src/public/llm/Zhipuai.tsx
index 16b1bd6bed..d06244b8db 100644
--- a/web/app/components/base/icons/src/public/llm/Zhipuai.tsx
+++ b/web/app/components/base/icons/src/public/llm/Zhipuai.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/ZhipuaiText.tsx b/web/app/components/base/icons/src/public/llm/ZhipuaiText.tsx
index ed146aa2ff..600ca7c707 100644
--- a/web/app/components/base/icons/src/public/llm/ZhipuaiText.tsx
+++ b/web/app/components/base/icons/src/public/llm/ZhipuaiText.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/llm/ZhipuaiTextCn.tsx b/web/app/components/base/icons/src/public/llm/ZhipuaiTextCn.tsx
index c8ce2b47e9..53112419c3 100644
--- a/web/app/components/base/icons/src/public/llm/ZhipuaiTextCn.tsx
+++ b/web/app/components/base/icons/src/public/llm/ZhipuaiTextCn.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/model/Checked.tsx b/web/app/components/base/icons/src/public/model/Checked.tsx
index b7f6e8f5bd..ec8b54f7f8 100644
--- a/web/app/components/base/icons/src/public/model/Checked.tsx
+++ b/web/app/components/base/icons/src/public/model/Checked.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/other/DefaultToolIcon.tsx b/web/app/components/base/icons/src/public/other/DefaultToolIcon.tsx
index a9218cca42..dd28b8aa44 100644
--- a/web/app/components/base/icons/src/public/other/DefaultToolIcon.tsx
+++ b/web/app/components/base/icons/src/public/other/DefaultToolIcon.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/other/Icon3Dots.tsx b/web/app/components/base/icons/src/public/other/Icon3Dots.tsx
index 193ede375d..bcc2cee00e 100644
--- a/web/app/components/base/icons/src/public/other/Icon3Dots.tsx
+++ b/web/app/components/base/icons/src/public/other/Icon3Dots.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/other/RowStruct.tsx b/web/app/components/base/icons/src/public/other/RowStruct.tsx
index 73cefb2ea4..14487c8993 100644
--- a/web/app/components/base/icons/src/public/other/RowStruct.tsx
+++ b/web/app/components/base/icons/src/public/other/RowStruct.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/plugins/Google.tsx b/web/app/components/base/icons/src/public/plugins/Google.tsx
index 1ffa3005de..7d8d66730c 100644
--- a/web/app/components/base/icons/src/public/plugins/Google.tsx
+++ b/web/app/components/base/icons/src/public/plugins/Google.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/plugins/WebReader.tsx b/web/app/components/base/icons/src/public/plugins/WebReader.tsx
index 4e6f0d805a..b23007d5ff 100644
--- a/web/app/components/base/icons/src/public/plugins/WebReader.tsx
+++ b/web/app/components/base/icons/src/public/plugins/WebReader.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/plugins/Wikipedia.tsx b/web/app/components/base/icons/src/public/plugins/Wikipedia.tsx
index 3443163897..0477e9cc96 100644
--- a/web/app/components/base/icons/src/public/plugins/Wikipedia.tsx
+++ b/web/app/components/base/icons/src/public/plugins/Wikipedia.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/thought/DataSet.tsx b/web/app/components/base/icons/src/public/thought/DataSet.tsx
index aa12ed1163..28c38c302e 100644
--- a/web/app/components/base/icons/src/public/thought/DataSet.tsx
+++ b/web/app/components/base/icons/src/public/thought/DataSet.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/thought/Loading.tsx b/web/app/components/base/icons/src/public/thought/Loading.tsx
index f46bf1225c..11389b8231 100644
--- a/web/app/components/base/icons/src/public/thought/Loading.tsx
+++ b/web/app/components/base/icons/src/public/thought/Loading.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/thought/Search.tsx b/web/app/components/base/icons/src/public/thought/Search.tsx
index 8941da0603..2f469d20af 100644
--- a/web/app/components/base/icons/src/public/thought/Search.tsx
+++ b/web/app/components/base/icons/src/public/thought/Search.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/thought/ThoughtList.tsx b/web/app/components/base/icons/src/public/thought/ThoughtList.tsx
index 56006fd986..99b42aebee 100644
--- a/web/app/components/base/icons/src/public/thought/ThoughtList.tsx
+++ b/web/app/components/base/icons/src/public/thought/ThoughtList.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/thought/WebReader.tsx b/web/app/components/base/icons/src/public/thought/WebReader.tsx
index 4e6f0d805a..b23007d5ff 100644
--- a/web/app/components/base/icons/src/public/thought/WebReader.tsx
+++ b/web/app/components/base/icons/src/public/thought/WebReader.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/tracing/LangfuseIcon.tsx b/web/app/components/base/icons/src/public/tracing/LangfuseIcon.tsx
index f53d00442a..7f0f115fef 100644
--- a/web/app/components/base/icons/src/public/tracing/LangfuseIcon.tsx
+++ b/web/app/components/base/icons/src/public/tracing/LangfuseIcon.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/tracing/LangfuseIconBig.tsx b/web/app/components/base/icons/src/public/tracing/LangfuseIconBig.tsx
index bd5abe63f6..69ac5aaa45 100644
--- a/web/app/components/base/icons/src/public/tracing/LangfuseIconBig.tsx
+++ b/web/app/components/base/icons/src/public/tracing/LangfuseIconBig.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/tracing/LangsmithIcon.tsx b/web/app/components/base/icons/src/public/tracing/LangsmithIcon.tsx
index fd6a098f1f..696442c7eb 100644
--- a/web/app/components/base/icons/src/public/tracing/LangsmithIcon.tsx
+++ b/web/app/components/base/icons/src/public/tracing/LangsmithIcon.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/tracing/LangsmithIconBig.tsx b/web/app/components/base/icons/src/public/tracing/LangsmithIconBig.tsx
index ca77e01913..2e652d53f5 100644
--- a/web/app/components/base/icons/src/public/tracing/LangsmithIconBig.tsx
+++ b/web/app/components/base/icons/src/public/tracing/LangsmithIconBig.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/tracing/OpikIcon.tsx b/web/app/components/base/icons/src/public/tracing/OpikIcon.tsx
index 6b7c32dd99..9f114fb56e 100644
--- a/web/app/components/base/icons/src/public/tracing/OpikIcon.tsx
+++ b/web/app/components/base/icons/src/public/tracing/OpikIcon.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/tracing/OpikIconBig.tsx b/web/app/components/base/icons/src/public/tracing/OpikIconBig.tsx
index 338682c1e3..643312b407 100644
--- a/web/app/components/base/icons/src/public/tracing/OpikIconBig.tsx
+++ b/web/app/components/base/icons/src/public/tracing/OpikIconBig.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/public/tracing/TracingIcon.tsx b/web/app/components/base/icons/src/public/tracing/TracingIcon.tsx
index 4c6785383b..1f1e8d337c 100644
--- a/web/app/components/base/icons/src/public/tracing/TracingIcon.tsx
+++ b/web/app/components/base/icons/src/public/tracing/TracingIcon.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/features/Citations.tsx b/web/app/components/base/icons/src/vender/features/Citations.tsx
index 3ad32dc0b0..439aab6584 100644
--- a/web/app/components/base/icons/src/vender/features/Citations.tsx
+++ b/web/app/components/base/icons/src/vender/features/Citations.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/features/ContentModeration.tsx b/web/app/components/base/icons/src/vender/features/ContentModeration.tsx
index 3f7cfbe645..baf9629d3d 100644
--- a/web/app/components/base/icons/src/vender/features/ContentModeration.tsx
+++ b/web/app/components/base/icons/src/vender/features/ContentModeration.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/features/Document.tsx b/web/app/components/base/icons/src/vender/features/Document.tsx
index da8521b641..05c0180bb1 100644
--- a/web/app/components/base/icons/src/vender/features/Document.tsx
+++ b/web/app/components/base/icons/src/vender/features/Document.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/features/FolderUpload.tsx b/web/app/components/base/icons/src/vender/features/FolderUpload.tsx
index e16198e87e..27b38aef5f 100644
--- a/web/app/components/base/icons/src/vender/features/FolderUpload.tsx
+++ b/web/app/components/base/icons/src/vender/features/FolderUpload.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/features/LoveMessage.tsx b/web/app/components/base/icons/src/vender/features/LoveMessage.tsx
index f8f11c6c6c..c4cdcfdbd3 100644
--- a/web/app/components/base/icons/src/vender/features/LoveMessage.tsx
+++ b/web/app/components/base/icons/src/vender/features/LoveMessage.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/features/MessageFast.tsx b/web/app/components/base/icons/src/vender/features/MessageFast.tsx
index 9e587d1c09..45a1e77b18 100644
--- a/web/app/components/base/icons/src/vender/features/MessageFast.tsx
+++ b/web/app/components/base/icons/src/vender/features/MessageFast.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/features/Microphone01.tsx b/web/app/components/base/icons/src/vender/features/Microphone01.tsx
index 56125230c2..37fb66a887 100644
--- a/web/app/components/base/icons/src/vender/features/Microphone01.tsx
+++ b/web/app/components/base/icons/src/vender/features/Microphone01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/features/TextToAudio.tsx b/web/app/components/base/icons/src/vender/features/TextToAudio.tsx
index 623f162069..1f94c1056d 100644
--- a/web/app/components/base/icons/src/vender/features/TextToAudio.tsx
+++ b/web/app/components/base/icons/src/vender/features/TextToAudio.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/features/VirtualAssistant.tsx b/web/app/components/base/icons/src/vender/features/VirtualAssistant.tsx
index 252866fc0a..eeb64a1b67 100644
--- a/web/app/components/base/icons/src/vender/features/VirtualAssistant.tsx
+++ b/web/app/components/base/icons/src/vender/features/VirtualAssistant.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/features/Vision.tsx b/web/app/components/base/icons/src/vender/features/Vision.tsx
index fd8f8af8f1..7b6cbf6406 100644
--- a/web/app/components/base/icons/src/vender/features/Vision.tsx
+++ b/web/app/components/base/icons/src/vender/features/Vision.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/AlertTriangle.tsx b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/AlertTriangle.tsx
index 3b2b4d89fc..cceacb9f32 100644
--- a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/AlertTriangle.tsx
+++ b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/AlertTriangle.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsDown.tsx b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsDown.tsx
index 84c00a9ad2..f2efee64cc 100644
--- a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsDown.tsx
+++ b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsDown.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsUp.tsx b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsUp.tsx
index d8cd8bd553..dadd80c64d 100644
--- a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsUp.tsx
+++ b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsUp.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ArrowNarrowLeft.tsx b/web/app/components/base/icons/src/vender/line/arrows/ArrowNarrowLeft.tsx
index f0ba5a202a..1c3b82edd9 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ArrowNarrowLeft.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/ArrowNarrowLeft.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ArrowUpRight.tsx b/web/app/components/base/icons/src/vender/line/arrows/ArrowUpRight.tsx
index a566128fa9..6c3293fe6f 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ArrowUpRight.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/ArrowUpRight.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ChevronDownDouble.tsx b/web/app/components/base/icons/src/vender/line/arrows/ChevronDownDouble.tsx
index 19a023132f..aa134fa68b 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ChevronDownDouble.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/ChevronDownDouble.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ChevronRight.tsx b/web/app/components/base/icons/src/vender/line/arrows/ChevronRight.tsx
index e47cf300fc..befecea5be 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ChevronRight.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/ChevronRight.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ChevronSelectorVertical.tsx b/web/app/components/base/icons/src/vender/line/arrows/ChevronSelectorVertical.tsx
index da145f59a2..7c19420500 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ChevronSelectorVertical.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/ChevronSelectorVertical.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/arrows/RefreshCcw01.tsx b/web/app/components/base/icons/src/vender/line/arrows/RefreshCcw01.tsx
index c0e1d01d7a..f0caf7359e 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/RefreshCcw01.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/RefreshCcw01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.ElementType<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/arrows/RefreshCw05.tsx b/web/app/components/base/icons/src/vender/line/arrows/RefreshCw05.tsx
index f69f7ad843..b426871c18 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/RefreshCw05.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/RefreshCw05.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ReverseLeft.tsx b/web/app/components/base/icons/src/vender/line/arrows/ReverseLeft.tsx
index 9a0a558db5..30a2e3ab58 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ReverseLeft.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/ReverseLeft.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/communication/AiText.tsx b/web/app/components/base/icons/src/vender/line/communication/AiText.tsx
index 85abc94ba9..c1a6a2495c 100644
--- a/web/app/components/base/icons/src/vender/line/communication/AiText.tsx
+++ b/web/app/components/base/icons/src/vender/line/communication/AiText.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/communication/ChatBot.tsx b/web/app/components/base/icons/src/vender/line/communication/ChatBot.tsx
index 142b60c181..867ae313b5 100644
--- a/web/app/components/base/icons/src/vender/line/communication/ChatBot.tsx
+++ b/web/app/components/base/icons/src/vender/line/communication/ChatBot.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/communication/ChatBotSlim.tsx b/web/app/components/base/icons/src/vender/line/communication/ChatBotSlim.tsx
index a82f0b9c2e..1950a4295b 100644
--- a/web/app/components/base/icons/src/vender/line/communication/ChatBotSlim.tsx
+++ b/web/app/components/base/icons/src/vender/line/communication/ChatBotSlim.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/communication/CuteRobot.tsx b/web/app/components/base/icons/src/vender/line/communication/CuteRobot.tsx
index 08e35ebb7c..526bb7734b 100644
--- a/web/app/components/base/icons/src/vender/line/communication/CuteRobot.tsx
+++ b/web/app/components/base/icons/src/vender/line/communication/CuteRobot.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/communication/MessageCheckRemove.tsx b/web/app/components/base/icons/src/vender/line/communication/MessageCheckRemove.tsx
index b201c90a36..fac727bae2 100644
--- a/web/app/components/base/icons/src/vender/line/communication/MessageCheckRemove.tsx
+++ b/web/app/components/base/icons/src/vender/line/communication/MessageCheckRemove.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/communication/MessageFastPlus.tsx b/web/app/components/base/icons/src/vender/line/communication/MessageFastPlus.tsx
index 26c8ac751f..444668797c 100644
--- a/web/app/components/base/icons/src/vender/line/communication/MessageFastPlus.tsx
+++ b/web/app/components/base/icons/src/vender/line/communication/MessageFastPlus.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/development/ArtificialBrain.tsx b/web/app/components/base/icons/src/vender/line/development/ArtificialBrain.tsx
index 5a0ee1ac97..cefb404ca2 100644
--- a/web/app/components/base/icons/src/vender/line/development/ArtificialBrain.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/ArtificialBrain.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/development/BarChartSquare02.tsx b/web/app/components/base/icons/src/vender/line/development/BarChartSquare02.tsx
index 1c9924cf7b..c8a335785d 100644
--- a/web/app/components/base/icons/src/vender/line/development/BarChartSquare02.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/BarChartSquare02.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/development/BracketsX.tsx b/web/app/components/base/icons/src/vender/line/development/BracketsX.tsx
index 57f4ab35c9..84cc1d2dac 100644
--- a/web/app/components/base/icons/src/vender/line/development/BracketsX.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/BracketsX.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/development/CodeBrowser.tsx b/web/app/components/base/icons/src/vender/line/development/CodeBrowser.tsx
index 0ff0947a43..fd402ed617 100644
--- a/web/app/components/base/icons/src/vender/line/development/CodeBrowser.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/CodeBrowser.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/development/Container.tsx b/web/app/components/base/icons/src/vender/line/development/Container.tsx
index b75d7fdb86..2aa777a256 100644
--- a/web/app/components/base/icons/src/vender/line/development/Container.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/Container.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/development/Database01.tsx b/web/app/components/base/icons/src/vender/line/development/Database01.tsx
index a347349fc9..55a67f8e32 100644
--- a/web/app/components/base/icons/src/vender/line/development/Database01.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/Database01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/development/Database03.tsx b/web/app/components/base/icons/src/vender/line/development/Database03.tsx
index 2414b16f9b..012294ad7b 100644
--- a/web/app/components/base/icons/src/vender/line/development/Database03.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/Database03.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/development/FileHeart02.tsx b/web/app/components/base/icons/src/vender/line/development/FileHeart02.tsx
index 9a0419a4f1..e918e5e491 100644
--- a/web/app/components/base/icons/src/vender/line/development/FileHeart02.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/FileHeart02.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/development/GitBranch01.tsx b/web/app/components/base/icons/src/vender/line/development/GitBranch01.tsx
index a36d70c88f..15343eb5d9 100644
--- a/web/app/components/base/icons/src/vender/line/development/GitBranch01.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/GitBranch01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/development/PromptEngineering.tsx b/web/app/components/base/icons/src/vender/line/development/PromptEngineering.tsx
index a15176ad5d..506e9fe5ca 100644
--- a/web/app/components/base/icons/src/vender/line/development/PromptEngineering.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/PromptEngineering.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/development/PuzzlePiece01.tsx b/web/app/components/base/icons/src/vender/line/development/PuzzlePiece01.tsx
index ca92f0ecc3..b62d37d7c0 100644
--- a/web/app/components/base/icons/src/vender/line/development/PuzzlePiece01.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/PuzzlePiece01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/development/TerminalSquare.tsx b/web/app/components/base/icons/src/vender/line/development/TerminalSquare.tsx
index 7648cc5cbc..38575b9f9f 100644
--- a/web/app/components/base/icons/src/vender/line/development/TerminalSquare.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/TerminalSquare.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/development/Variable.tsx b/web/app/components/base/icons/src/vender/line/development/Variable.tsx
index 4a8cd93871..3f2844a0aa 100644
--- a/web/app/components/base/icons/src/vender/line/development/Variable.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/Variable.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/development/Webhooks.tsx b/web/app/components/base/icons/src/vender/line/development/Webhooks.tsx
index 98f85bedab..61dc2078a4 100644
--- a/web/app/components/base/icons/src/vender/line/development/Webhooks.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/Webhooks.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/editor/AlignLeft.tsx b/web/app/components/base/icons/src/vender/line/editor/AlignLeft.tsx
index 9aac172fb3..6d8c83f2fa 100644
--- a/web/app/components/base/icons/src/vender/line/editor/AlignLeft.tsx
+++ b/web/app/components/base/icons/src/vender/line/editor/AlignLeft.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/editor/BezierCurve03.tsx b/web/app/components/base/icons/src/vender/line/editor/BezierCurve03.tsx
index 44a655f9b3..5bea9013d0 100644
--- a/web/app/components/base/icons/src/vender/line/editor/BezierCurve03.tsx
+++ b/web/app/components/base/icons/src/vender/line/editor/BezierCurve03.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/editor/Colors.tsx b/web/app/components/base/icons/src/vender/line/editor/Colors.tsx
index 2a6c4371a9..bdfe6d1b90 100644
--- a/web/app/components/base/icons/src/vender/line/editor/Colors.tsx
+++ b/web/app/components/base/icons/src/vender/line/editor/Colors.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/editor/ImageIndentLeft.tsx b/web/app/components/base/icons/src/vender/line/editor/ImageIndentLeft.tsx
index 5dadcb09aa..957c12c4b0 100644
--- a/web/app/components/base/icons/src/vender/line/editor/ImageIndentLeft.tsx
+++ b/web/app/components/base/icons/src/vender/line/editor/ImageIndentLeft.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/editor/LeftIndent02.tsx b/web/app/components/base/icons/src/vender/line/editor/LeftIndent02.tsx
index 4fe164df91..96ae01c9d4 100644
--- a/web/app/components/base/icons/src/vender/line/editor/LeftIndent02.tsx
+++ b/web/app/components/base/icons/src/vender/line/editor/LeftIndent02.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/editor/LetterSpacing01.tsx b/web/app/components/base/icons/src/vender/line/editor/LetterSpacing01.tsx
index 386b165ca3..e6bc4cea6b 100644
--- a/web/app/components/base/icons/src/vender/line/editor/LetterSpacing01.tsx
+++ b/web/app/components/base/icons/src/vender/line/editor/LetterSpacing01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/editor/TypeSquare.tsx b/web/app/components/base/icons/src/vender/line/editor/TypeSquare.tsx
index 17cd1e8acd..5149e12b85 100644
--- a/web/app/components/base/icons/src/vender/line/editor/TypeSquare.tsx
+++ b/web/app/components/base/icons/src/vender/line/editor/TypeSquare.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/education/BookOpen01.tsx b/web/app/components/base/icons/src/vender/line/education/BookOpen01.tsx
index d71f6b3f3c..b362119ac2 100644
--- a/web/app/components/base/icons/src/vender/line/education/BookOpen01.tsx
+++ b/web/app/components/base/icons/src/vender/line/education/BookOpen01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/files/Clipboard.tsx b/web/app/components/base/icons/src/vender/line/files/Clipboard.tsx
index eb1c04c86a..c49d15d19d 100644
--- a/web/app/components/base/icons/src/vender/line/files/Clipboard.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/Clipboard.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/files/ClipboardCheck.tsx b/web/app/components/base/icons/src/vender/line/files/ClipboardCheck.tsx
index 7158dd3e68..586b55e616 100644
--- a/web/app/components/base/icons/src/vender/line/files/ClipboardCheck.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/ClipboardCheck.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/files/File02.tsx b/web/app/components/base/icons/src/vender/line/files/File02.tsx
index cfe13cef0b..8c53308316 100644
--- a/web/app/components/base/icons/src/vender/line/files/File02.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/File02.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/files/FileArrow01.tsx b/web/app/components/base/icons/src/vender/line/files/FileArrow01.tsx
index 5f4dfcecc0..c0f42071ad 100644
--- a/web/app/components/base/icons/src/vender/line/files/FileArrow01.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/FileArrow01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/files/FileCheck02.tsx b/web/app/components/base/icons/src/vender/line/files/FileCheck02.tsx
index d2c317c94d..0bb51a3181 100644
--- a/web/app/components/base/icons/src/vender/line/files/FileCheck02.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/FileCheck02.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/files/FileDownload02.tsx b/web/app/components/base/icons/src/vender/line/files/FileDownload02.tsx
index 227c71586c..5dac794d95 100644
--- a/web/app/components/base/icons/src/vender/line/files/FileDownload02.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/FileDownload02.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/files/FilePlus01.tsx b/web/app/components/base/icons/src/vender/line/files/FilePlus01.tsx
index 27b3fa6dbc..d33f4b5637 100644
--- a/web/app/components/base/icons/src/vender/line/files/FilePlus01.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/FilePlus01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/files/FilePlus02.tsx b/web/app/components/base/icons/src/vender/line/files/FilePlus02.tsx
index 764673b908..5405325d99 100644
--- a/web/app/components/base/icons/src/vender/line/files/FilePlus02.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/FilePlus02.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/files/FileText.tsx b/web/app/components/base/icons/src/vender/line/files/FileText.tsx
index b1ee6a619a..9c64082dbe 100644
--- a/web/app/components/base/icons/src/vender/line/files/FileText.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/FileText.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/files/FileUpload.tsx b/web/app/components/base/icons/src/vender/line/files/FileUpload.tsx
index d615870379..2e3143d992 100644
--- a/web/app/components/base/icons/src/vender/line/files/FileUpload.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/FileUpload.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/files/Folder.tsx b/web/app/components/base/icons/src/vender/line/files/Folder.tsx
index c2a46e77a4..e7a3fdf167 100644
--- a/web/app/components/base/icons/src/vender/line/files/Folder.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/Folder.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/financeAndECommerce/Balance.tsx b/web/app/components/base/icons/src/vender/line/financeAndECommerce/Balance.tsx
index 647ef81c16..f2d4b1bd89 100644
--- a/web/app/components/base/icons/src/vender/line/financeAndECommerce/Balance.tsx
+++ b/web/app/components/base/icons/src/vender/line/financeAndECommerce/Balance.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/financeAndECommerce/CoinsStacked01.tsx b/web/app/components/base/icons/src/vender/line/financeAndECommerce/CoinsStacked01.tsx
index 039ad214d9..7eb20edb90 100644
--- a/web/app/components/base/icons/src/vender/line/financeAndECommerce/CoinsStacked01.tsx
+++ b/web/app/components/base/icons/src/vender/line/financeAndECommerce/CoinsStacked01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/financeAndECommerce/GoldCoin.tsx b/web/app/components/base/icons/src/vender/line/financeAndECommerce/GoldCoin.tsx
index e87ee625dd..d912a6b2b0 100644
--- a/web/app/components/base/icons/src/vender/line/financeAndECommerce/GoldCoin.tsx
+++ b/web/app/components/base/icons/src/vender/line/financeAndECommerce/GoldCoin.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/financeAndECommerce/ReceiptList.tsx b/web/app/components/base/icons/src/vender/line/financeAndECommerce/ReceiptList.tsx
index f259fbaedf..e96aced5f4 100644
--- a/web/app/components/base/icons/src/vender/line/financeAndECommerce/ReceiptList.tsx
+++ b/web/app/components/base/icons/src/vender/line/financeAndECommerce/ReceiptList.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag01.tsx b/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag01.tsx
index 02a660f138..c8b1ce2890 100644
--- a/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag01.tsx
+++ b/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag03.tsx b/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag03.tsx
index af9e8a281f..c0ec1bbb08 100644
--- a/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag03.tsx
+++ b/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag03.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/general/AtSign.tsx b/web/app/components/base/icons/src/vender/line/general/AtSign.tsx
index 2e65426af2..44c972bae0 100644
--- a/web/app/components/base/icons/src/vender/line/general/AtSign.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/AtSign.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/general/Bookmark.tsx b/web/app/components/base/icons/src/vender/line/general/Bookmark.tsx
index 690084051a..6708376e54 100644
--- a/web/app/components/base/icons/src/vender/line/general/Bookmark.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Bookmark.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/general/Check.tsx b/web/app/components/base/icons/src/vender/line/general/Check.tsx
index cf9e33f869..babd2021c1 100644
--- a/web/app/components/base/icons/src/vender/line/general/Check.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Check.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/general/CheckDone01.tsx b/web/app/components/base/icons/src/vender/line/general/CheckDone01.tsx
index 259a71bc8b..c7e7d80c6c 100644
--- a/web/app/components/base/icons/src/vender/line/general/CheckDone01.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/CheckDone01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/general/ChecklistSquare.tsx b/web/app/components/base/icons/src/vender/line/general/ChecklistSquare.tsx
index be9aad66d5..8fb72f0ef0 100644
--- a/web/app/components/base/icons/src/vender/line/general/ChecklistSquare.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/ChecklistSquare.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/general/DotsGrid.tsx b/web/app/components/base/icons/src/vender/line/general/DotsGrid.tsx
index 9009241f26..fb272fda74 100644
--- a/web/app/components/base/icons/src/vender/line/general/DotsGrid.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/DotsGrid.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/general/Edit02.tsx b/web/app/components/base/icons/src/vender/line/general/Edit02.tsx
index 65fcc33416..10ba0f58d4 100644
--- a/web/app/components/base/icons/src/vender/line/general/Edit02.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Edit02.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/general/Edit04.tsx b/web/app/components/base/icons/src/vender/line/general/Edit04.tsx
index 46c336d2fb..5e436c0e25 100644
--- a/web/app/components/base/icons/src/vender/line/general/Edit04.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Edit04.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/general/Edit05.tsx b/web/app/components/base/icons/src/vender/line/general/Edit05.tsx
index 860b56fdac..f6904bb60a 100644
--- a/web/app/components/base/icons/src/vender/line/general/Edit05.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Edit05.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/general/Hash02.tsx b/web/app/components/base/icons/src/vender/line/general/Hash02.tsx
index 596eae812a..fa8bdfbcda 100644
--- a/web/app/components/base/icons/src/vender/line/general/Hash02.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Hash02.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/general/InfoCircle.tsx b/web/app/components/base/icons/src/vender/line/general/InfoCircle.tsx
index ecfd4a710f..3f1d59a265 100644
--- a/web/app/components/base/icons/src/vender/line/general/InfoCircle.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/InfoCircle.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/general/Link03.tsx b/web/app/components/base/icons/src/vender/line/general/Link03.tsx
index 2e6b86fd5e..1a0c3e130d 100644
--- a/web/app/components/base/icons/src/vender/line/general/Link03.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Link03.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/general/LinkExternal02.tsx b/web/app/components/base/icons/src/vender/line/general/LinkExternal02.tsx
index b84d75d3d0..58d502d090 100644
--- a/web/app/components/base/icons/src/vender/line/general/LinkExternal02.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/LinkExternal02.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/general/LogIn04.tsx b/web/app/components/base/icons/src/vender/line/general/LogIn04.tsx
index fa3716fbdf..6d2fbfcdb5 100644
--- a/web/app/components/base/icons/src/vender/line/general/LogIn04.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/LogIn04.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/general/LogOut01.tsx b/web/app/components/base/icons/src/vender/line/general/LogOut01.tsx
index 76df17e1d7..12b83b2ce1 100644
--- a/web/app/components/base/icons/src/vender/line/general/LogOut01.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/LogOut01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/general/LogOut04.tsx b/web/app/components/base/icons/src/vender/line/general/LogOut04.tsx
index 19b42cdf99..2a73cb4439 100644
--- a/web/app/components/base/icons/src/vender/line/general/LogOut04.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/LogOut04.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/general/Menu01.tsx b/web/app/components/base/icons/src/vender/line/general/Menu01.tsx
index e34e2a1d55..3ef0904075 100644
--- a/web/app/components/base/icons/src/vender/line/general/Menu01.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Menu01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/general/Pin01.tsx b/web/app/components/base/icons/src/vender/line/general/Pin01.tsx
index ae9b74fc02..fc0aa4fe81 100644
--- a/web/app/components/base/icons/src/vender/line/general/Pin01.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Pin01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/general/Pin02.tsx b/web/app/components/base/icons/src/vender/line/general/Pin02.tsx
index b6c4c6e426..e1b1853e01 100644
--- a/web/app/components/base/icons/src/vender/line/general/Pin02.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Pin02.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/general/Plus02.tsx b/web/app/components/base/icons/src/vender/line/general/Plus02.tsx
index 4f2852ec61..6e7920f6ce 100644
--- a/web/app/components/base/icons/src/vender/line/general/Plus02.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Plus02.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/general/Refresh.tsx b/web/app/components/base/icons/src/vender/line/general/Refresh.tsx
index dbecbf9244..0d51f21c5d 100644
--- a/web/app/components/base/icons/src/vender/line/general/Refresh.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Refresh.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/general/Settings01.tsx b/web/app/components/base/icons/src/vender/line/general/Settings01.tsx
index b65f241c14..77d4b7a315 100644
--- a/web/app/components/base/icons/src/vender/line/general/Settings01.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Settings01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/general/Settings04.tsx b/web/app/components/base/icons/src/vender/line/general/Settings04.tsx
index 3fe2e02be7..cb475fad85 100644
--- a/web/app/components/base/icons/src/vender/line/general/Settings04.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Settings04.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/general/Target04.tsx b/web/app/components/base/icons/src/vender/line/general/Target04.tsx
index c1e64029c1..d2d04f93ef 100644
--- a/web/app/components/base/icons/src/vender/line/general/Target04.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Target04.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/general/Upload03.tsx b/web/app/components/base/icons/src/vender/line/general/Upload03.tsx
index 249b19e874..e62e5d74ed 100644
--- a/web/app/components/base/icons/src/vender/line/general/Upload03.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Upload03.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/general/UploadCloud01.tsx b/web/app/components/base/icons/src/vender/line/general/UploadCloud01.tsx
index f7628f9a8f..413c36e7db 100644
--- a/web/app/components/base/icons/src/vender/line/general/UploadCloud01.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/UploadCloud01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/general/X.tsx b/web/app/components/base/icons/src/vender/line/general/X.tsx
index 7de6ebf744..779f4cd162 100644
--- a/web/app/components/base/icons/src/vender/line/general/X.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/X.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/images/ImagePlus.tsx b/web/app/components/base/icons/src/vender/line/images/ImagePlus.tsx
index ac8e97726b..bd5a9212d0 100644
--- a/web/app/components/base/icons/src/vender/line/images/ImagePlus.tsx
+++ b/web/app/components/base/icons/src/vender/line/images/ImagePlus.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/layout/AlignLeft01.tsx b/web/app/components/base/icons/src/vender/line/layout/AlignLeft01.tsx
index 95effc18b6..0aad9be884 100644
--- a/web/app/components/base/icons/src/vender/line/layout/AlignLeft01.tsx
+++ b/web/app/components/base/icons/src/vender/line/layout/AlignLeft01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/layout/AlignRight01.tsx b/web/app/components/base/icons/src/vender/line/layout/AlignRight01.tsx
index b5eb641f1c..486ba7b38d 100644
--- a/web/app/components/base/icons/src/vender/line/layout/AlignRight01.tsx
+++ b/web/app/components/base/icons/src/vender/line/layout/AlignRight01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/layout/Grid01.tsx b/web/app/components/base/icons/src/vender/line/layout/Grid01.tsx
index df867b5f6e..5638f3c081 100644
--- a/web/app/components/base/icons/src/vender/line/layout/Grid01.tsx
+++ b/web/app/components/base/icons/src/vender/line/layout/Grid01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/layout/LayoutGrid02.tsx b/web/app/components/base/icons/src/vender/line/layout/LayoutGrid02.tsx
index f893101f0c..f718a66e98 100644
--- a/web/app/components/base/icons/src/vender/line/layout/LayoutGrid02.tsx
+++ b/web/app/components/base/icons/src/vender/line/layout/LayoutGrid02.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/mapsAndTravel/Globe01.tsx b/web/app/components/base/icons/src/vender/line/mapsAndTravel/Globe01.tsx
index 695b47a2e0..445fde6304 100644
--- a/web/app/components/base/icons/src/vender/line/mapsAndTravel/Globe01.tsx
+++ b/web/app/components/base/icons/src/vender/line/mapsAndTravel/Globe01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/mapsAndTravel/Route.tsx b/web/app/components/base/icons/src/vender/line/mapsAndTravel/Route.tsx
index 971aadcc68..f81fb619ce 100644
--- a/web/app/components/base/icons/src/vender/line/mapsAndTravel/Route.tsx
+++ b/web/app/components/base/icons/src/vender/line/mapsAndTravel/Route.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/mediaAndDevices/Microphone01.tsx b/web/app/components/base/icons/src/vender/line/mediaAndDevices/Microphone01.tsx
index 56125230c2..37fb66a887 100644
--- a/web/app/components/base/icons/src/vender/line/mediaAndDevices/Microphone01.tsx
+++ b/web/app/components/base/icons/src/vender/line/mediaAndDevices/Microphone01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/mediaAndDevices/PlayCircle.tsx b/web/app/components/base/icons/src/vender/line/mediaAndDevices/PlayCircle.tsx
index 745bf809a1..3298fe3121 100644
--- a/web/app/components/base/icons/src/vender/line/mediaAndDevices/PlayCircle.tsx
+++ b/web/app/components/base/icons/src/vender/line/mediaAndDevices/PlayCircle.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/mediaAndDevices/SlidersH.tsx b/web/app/components/base/icons/src/vender/line/mediaAndDevices/SlidersH.tsx
index 8ebc61d03b..f5649c461e 100644
--- a/web/app/components/base/icons/src/vender/line/mediaAndDevices/SlidersH.tsx
+++ b/web/app/components/base/icons/src/vender/line/mediaAndDevices/SlidersH.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/mediaAndDevices/Speaker.tsx b/web/app/components/base/icons/src/vender/line/mediaAndDevices/Speaker.tsx
index d21e05aebe..0cf9364257 100644
--- a/web/app/components/base/icons/src/vender/line/mediaAndDevices/Speaker.tsx
+++ b/web/app/components/base/icons/src/vender/line/mediaAndDevices/Speaker.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/mediaAndDevices/Stop.tsx b/web/app/components/base/icons/src/vender/line/mediaAndDevices/Stop.tsx
index 788cfc576c..3b5d84b64f 100644
--- a/web/app/components/base/icons/src/vender/line/mediaAndDevices/Stop.tsx
+++ b/web/app/components/base/icons/src/vender/line/mediaAndDevices/Stop.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/mediaAndDevices/StopCircle.tsx b/web/app/components/base/icons/src/vender/line/mediaAndDevices/StopCircle.tsx
index 70ef962eab..84430c3d98 100644
--- a/web/app/components/base/icons/src/vender/line/mediaAndDevices/StopCircle.tsx
+++ b/web/app/components/base/icons/src/vender/line/mediaAndDevices/StopCircle.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/others/Apps02.tsx b/web/app/components/base/icons/src/vender/line/others/Apps02.tsx
index f93a57806f..070cc28ce0 100644
--- a/web/app/components/base/icons/src/vender/line/others/Apps02.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/Apps02.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/others/BubbleX.tsx b/web/app/components/base/icons/src/vender/line/others/BubbleX.tsx
index 583f7d9beb..80d433178f 100644
--- a/web/app/components/base/icons/src/vender/line/others/BubbleX.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/BubbleX.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/others/Colors.tsx b/web/app/components/base/icons/src/vender/line/others/Colors.tsx
index 2a6c4371a9..bdfe6d1b90 100644
--- a/web/app/components/base/icons/src/vender/line/others/Colors.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/Colors.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/others/DragHandle.tsx b/web/app/components/base/icons/src/vender/line/others/DragHandle.tsx
index 5e2a4e83f6..495c29cf09 100644
--- a/web/app/components/base/icons/src/vender/line/others/DragHandle.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/DragHandle.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/others/Env.tsx b/web/app/components/base/icons/src/vender/line/others/Env.tsx
index 12691b3024..fbfc3a749e 100644
--- a/web/app/components/base/icons/src/vender/line/others/Env.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/Env.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/others/Exchange02.tsx b/web/app/components/base/icons/src/vender/line/others/Exchange02.tsx
index b27ede5964..782a3fc6fc 100644
--- a/web/app/components/base/icons/src/vender/line/others/Exchange02.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/Exchange02.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/others/FileCode.tsx b/web/app/components/base/icons/src/vender/line/others/FileCode.tsx
index 5dbd20d4c3..10df81bd22 100644
--- a/web/app/components/base/icons/src/vender/line/others/FileCode.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/FileCode.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/others/GlobalVariable.tsx b/web/app/components/base/icons/src/vender/line/others/GlobalVariable.tsx
index 76809fd6f1..77588635f5 100644
--- a/web/app/components/base/icons/src/vender/line/others/GlobalVariable.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/GlobalVariable.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/others/Icon3Dots.tsx b/web/app/components/base/icons/src/vender/line/others/Icon3Dots.tsx
index 193ede375d..bcc2cee00e 100644
--- a/web/app/components/base/icons/src/vender/line/others/Icon3Dots.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/Icon3Dots.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/others/LongArrowLeft.tsx b/web/app/components/base/icons/src/vender/line/others/LongArrowLeft.tsx
index 6bbcb28ecf..997201b5ca 100644
--- a/web/app/components/base/icons/src/vender/line/others/LongArrowLeft.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/LongArrowLeft.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/others/LongArrowRight.tsx b/web/app/components/base/icons/src/vender/line/others/LongArrowRight.tsx
index cf653c6d57..42732f95a5 100644
--- a/web/app/components/base/icons/src/vender/line/others/LongArrowRight.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/LongArrowRight.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/others/Tools.tsx b/web/app/components/base/icons/src/vender/line/others/Tools.tsx
index 65017a8159..6d023291c5 100644
--- a/web/app/components/base/icons/src/vender/line/others/Tools.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/Tools.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/shapes/CubeOutline.tsx b/web/app/components/base/icons/src/vender/line/shapes/CubeOutline.tsx
index f2fbeb7550..40e0df21d7 100644
--- a/web/app/components/base/icons/src/vender/line/shapes/CubeOutline.tsx
+++ b/web/app/components/base/icons/src/vender/line/shapes/CubeOutline.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/time/ClockFastForward.tsx b/web/app/components/base/icons/src/vender/line/time/ClockFastForward.tsx
index 928446ad6a..e520c5a10e 100644
--- a/web/app/components/base/icons/src/vender/line/time/ClockFastForward.tsx
+++ b/web/app/components/base/icons/src/vender/line/time/ClockFastForward.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/time/ClockPlay.tsx b/web/app/components/base/icons/src/vender/line/time/ClockPlay.tsx
index 22ebf7c71f..a86756aaba 100644
--- a/web/app/components/base/icons/src/vender/line/time/ClockPlay.tsx
+++ b/web/app/components/base/icons/src/vender/line/time/ClockPlay.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/time/ClockPlaySlim.tsx b/web/app/components/base/icons/src/vender/line/time/ClockPlaySlim.tsx
index 87caff24df..47e917b3b0 100644
--- a/web/app/components/base/icons/src/vender/line/time/ClockPlaySlim.tsx
+++ b/web/app/components/base/icons/src/vender/line/time/ClockPlaySlim.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/time/ClockRefresh.tsx b/web/app/components/base/icons/src/vender/line/time/ClockRefresh.tsx
index 78bd64b8c5..31e3a9c1fd 100644
--- a/web/app/components/base/icons/src/vender/line/time/ClockRefresh.tsx
+++ b/web/app/components/base/icons/src/vender/line/time/ClockRefresh.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/users/User01.tsx b/web/app/components/base/icons/src/vender/line/users/User01.tsx
index f8185df9c5..24fd0df89b 100644
--- a/web/app/components/base/icons/src/vender/line/users/User01.tsx
+++ b/web/app/components/base/icons/src/vender/line/users/User01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/users/Users01.tsx b/web/app/components/base/icons/src/vender/line/users/Users01.tsx
index 4fff6bdc25..f26ff03138 100644
--- a/web/app/components/base/icons/src/vender/line/users/Users01.tsx
+++ b/web/app/components/base/icons/src/vender/line/users/Users01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/line/weather/Stars02.tsx b/web/app/components/base/icons/src/vender/line/weather/Stars02.tsx
index 5ab1da3b84..ad24f6c98f 100644
--- a/web/app/components/base/icons/src/vender/line/weather/Stars02.tsx
+++ b/web/app/components/base/icons/src/vender/line/weather/Stars02.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/other/AnthropicText.tsx b/web/app/components/base/icons/src/vender/other/AnthropicText.tsx
index 6c36418515..be9ebd3b64 100644
--- a/web/app/components/base/icons/src/vender/other/AnthropicText.tsx
+++ b/web/app/components/base/icons/src/vender/other/AnthropicText.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/other/Generator.tsx b/web/app/components/base/icons/src/vender/other/Generator.tsx
index f59a8313c9..cba390482d 100644
--- a/web/app/components/base/icons/src/vender/other/Generator.tsx
+++ b/web/app/components/base/icons/src/vender/other/Generator.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/other/Group.tsx b/web/app/components/base/icons/src/vender/other/Group.tsx
index cf75781e34..7b72300fdd 100644
--- a/web/app/components/base/icons/src/vender/other/Group.tsx
+++ b/web/app/components/base/icons/src/vender/other/Group.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/other/Openai.tsx b/web/app/components/base/icons/src/vender/other/Openai.tsx
index 104f679451..bcb7337060 100644
--- a/web/app/components/base/icons/src/vender/other/Openai.tsx
+++ b/web/app/components/base/icons/src/vender/other/Openai.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/other/ReplayLine.tsx b/web/app/components/base/icons/src/vender/other/ReplayLine.tsx
index 0481e2bf9f..29f7137bb9 100644
--- a/web/app/components/base/icons/src/vender/other/ReplayLine.tsx
+++ b/web/app/components/base/icons/src/vender/other/ReplayLine.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/plugin/BoxSparkleFill.tsx b/web/app/components/base/icons/src/vender/plugin/BoxSparkleFill.tsx
index 7c5a9888d4..500f3e7999 100644
--- a/web/app/components/base/icons/src/vender/plugin/BoxSparkleFill.tsx
+++ b/web/app/components/base/icons/src/vender/plugin/BoxSparkleFill.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/plugin/LeftCorner.tsx b/web/app/components/base/icons/src/vender/plugin/LeftCorner.tsx
index 351da7ad81..93b68277a2 100644
--- a/web/app/components/base/icons/src/vender/plugin/LeftCorner.tsx
+++ b/web/app/components/base/icons/src/vender/plugin/LeftCorner.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/GoldCoin.tsx b/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/GoldCoin.tsx
index e87ee625dd..d912a6b2b0 100644
--- a/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/GoldCoin.tsx
+++ b/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/GoldCoin.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/Scales02.tsx b/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/Scales02.tsx
index 4f87d765cc..5a4ad8b6c5 100644
--- a/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/Scales02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/Scales02.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/alertsAndFeedback/AlertTriangle.tsx b/web/app/components/base/icons/src/vender/solid/alertsAndFeedback/AlertTriangle.tsx
index 3b2b4d89fc..cceacb9f32 100644
--- a/web/app/components/base/icons/src/vender/solid/alertsAndFeedback/AlertTriangle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/alertsAndFeedback/AlertTriangle.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/arrows/ChevronDown.tsx b/web/app/components/base/icons/src/vender/solid/arrows/ChevronDown.tsx
index b172c127fd..e08b7db110 100644
--- a/web/app/components/base/icons/src/vender/solid/arrows/ChevronDown.tsx
+++ b/web/app/components/base/icons/src/vender/solid/arrows/ChevronDown.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/arrows/HighPriority.tsx b/web/app/components/base/icons/src/vender/solid/arrows/HighPriority.tsx
index 2f46d06367..4d25be2cb2 100644
--- a/web/app/components/base/icons/src/vender/solid/arrows/HighPriority.tsx
+++ b/web/app/components/base/icons/src/vender/solid/arrows/HighPriority.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/communication/AiText.tsx b/web/app/components/base/icons/src/vender/solid/communication/AiText.tsx
index 85abc94ba9..c1a6a2495c 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/AiText.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/AiText.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/communication/BubbleTextMod.tsx b/web/app/components/base/icons/src/vender/solid/communication/BubbleTextMod.tsx
index bc0277a112..da3ed73c05 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/BubbleTextMod.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/BubbleTextMod.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/communication/ChatBot.tsx b/web/app/components/base/icons/src/vender/solid/communication/ChatBot.tsx
index 142b60c181..867ae313b5 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/ChatBot.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/ChatBot.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/communication/CuteRobot.tsx b/web/app/components/base/icons/src/vender/solid/communication/CuteRobot.tsx
index 08e35ebb7c..526bb7734b 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/CuteRobot.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/CuteRobot.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/communication/EditList.tsx b/web/app/components/base/icons/src/vender/solid/communication/EditList.tsx
index e381a1b559..09fce2cae5 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/EditList.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/EditList.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/communication/ListSparkle.tsx b/web/app/components/base/icons/src/vender/solid/communication/ListSparkle.tsx
index c5c8444106..b42b769d46 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/ListSparkle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/ListSparkle.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/communication/Logic.tsx b/web/app/components/base/icons/src/vender/solid/communication/Logic.tsx
index d98e9f8d24..695b3414eb 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/Logic.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/Logic.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/communication/MessageDotsCircle.tsx b/web/app/components/base/icons/src/vender/solid/communication/MessageDotsCircle.tsx
index b8e99ad934..08431eadb7 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/MessageDotsCircle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/MessageDotsCircle.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/communication/MessageFast.tsx b/web/app/components/base/icons/src/vender/solid/communication/MessageFast.tsx
index 9e587d1c09..45a1e77b18 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/MessageFast.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/MessageFast.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/communication/MessageHeartCircle.tsx b/web/app/components/base/icons/src/vender/solid/communication/MessageHeartCircle.tsx
index a39279cb12..089458134a 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/MessageHeartCircle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/MessageHeartCircle.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/communication/MessageSmileSquare.tsx b/web/app/components/base/icons/src/vender/solid/communication/MessageSmileSquare.tsx
index 4ed7ddf460..ece30804cb 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/MessageSmileSquare.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/MessageSmileSquare.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/communication/Send03.tsx b/web/app/components/base/icons/src/vender/solid/communication/Send03.tsx
index 56b743fed9..7e23d70ee4 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/Send03.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/Send03.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/development/ApiConnection.tsx b/web/app/components/base/icons/src/vender/solid/development/ApiConnection.tsx
index 51c98df49a..70011637b8 100644
--- a/web/app/components/base/icons/src/vender/solid/development/ApiConnection.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/ApiConnection.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/development/ApiConnectionMod.tsx b/web/app/components/base/icons/src/vender/solid/development/ApiConnectionMod.tsx
index ffda6498f8..fb741f0657 100644
--- a/web/app/components/base/icons/src/vender/solid/development/ApiConnectionMod.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/ApiConnectionMod.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/development/BarChartSquare02.tsx b/web/app/components/base/icons/src/vender/solid/development/BarChartSquare02.tsx
index 1c9924cf7b..c8a335785d 100644
--- a/web/app/components/base/icons/src/vender/solid/development/BarChartSquare02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/BarChartSquare02.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/development/Container.tsx b/web/app/components/base/icons/src/vender/solid/development/Container.tsx
index b75d7fdb86..2aa777a256 100644
--- a/web/app/components/base/icons/src/vender/solid/development/Container.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/Container.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/development/Database02.tsx b/web/app/components/base/icons/src/vender/solid/development/Database02.tsx
index 146007aceb..088a3ae0c5 100644
--- a/web/app/components/base/icons/src/vender/solid/development/Database02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/Database02.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/development/Database03.tsx b/web/app/components/base/icons/src/vender/solid/development/Database03.tsx
index 2414b16f9b..012294ad7b 100644
--- a/web/app/components/base/icons/src/vender/solid/development/Database03.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/Database03.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/development/FileHeart02.tsx b/web/app/components/base/icons/src/vender/solid/development/FileHeart02.tsx
index 9a0419a4f1..e918e5e491 100644
--- a/web/app/components/base/icons/src/vender/solid/development/FileHeart02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/FileHeart02.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/development/PatternRecognition.tsx b/web/app/components/base/icons/src/vender/solid/development/PatternRecognition.tsx
index 7f77eaf4a4..c1eb6ad005 100644
--- a/web/app/components/base/icons/src/vender/solid/development/PatternRecognition.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/PatternRecognition.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/development/PromptEngineering.tsx b/web/app/components/base/icons/src/vender/solid/development/PromptEngineering.tsx
index a15176ad5d..506e9fe5ca 100644
--- a/web/app/components/base/icons/src/vender/solid/development/PromptEngineering.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/PromptEngineering.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/development/PuzzlePiece01.tsx b/web/app/components/base/icons/src/vender/solid/development/PuzzlePiece01.tsx
index ca92f0ecc3..b62d37d7c0 100644
--- a/web/app/components/base/icons/src/vender/solid/development/PuzzlePiece01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/PuzzlePiece01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/development/Semantic.tsx b/web/app/components/base/icons/src/vender/solid/development/Semantic.tsx
index 471a75a720..df01994f8c 100644
--- a/web/app/components/base/icons/src/vender/solid/development/Semantic.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/Semantic.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/development/TerminalSquare.tsx b/web/app/components/base/icons/src/vender/solid/development/TerminalSquare.tsx
index 7648cc5cbc..38575b9f9f 100644
--- a/web/app/components/base/icons/src/vender/solid/development/TerminalSquare.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/TerminalSquare.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/development/Variable02.tsx b/web/app/components/base/icons/src/vender/solid/development/Variable02.tsx
index 9070a861f0..8ffaeaaa66 100644
--- a/web/app/components/base/icons/src/vender/solid/development/Variable02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/Variable02.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/editor/Brush01.tsx b/web/app/components/base/icons/src/vender/solid/editor/Brush01.tsx
index 59442c5c34..d76c5f197f 100644
--- a/web/app/components/base/icons/src/vender/solid/editor/Brush01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/editor/Brush01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/editor/Citations.tsx b/web/app/components/base/icons/src/vender/solid/editor/Citations.tsx
index 3ad32dc0b0..439aab6584 100644
--- a/web/app/components/base/icons/src/vender/solid/editor/Citations.tsx
+++ b/web/app/components/base/icons/src/vender/solid/editor/Citations.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/editor/Colors.tsx b/web/app/components/base/icons/src/vender/solid/editor/Colors.tsx
index 2a6c4371a9..bdfe6d1b90 100644
--- a/web/app/components/base/icons/src/vender/solid/editor/Colors.tsx
+++ b/web/app/components/base/icons/src/vender/solid/editor/Colors.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/editor/Paragraph.tsx b/web/app/components/base/icons/src/vender/solid/editor/Paragraph.tsx
index 60f704802d..548b38369a 100644
--- a/web/app/components/base/icons/src/vender/solid/editor/Paragraph.tsx
+++ b/web/app/components/base/icons/src/vender/solid/editor/Paragraph.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/editor/TypeSquare.tsx b/web/app/components/base/icons/src/vender/solid/editor/TypeSquare.tsx
index 17cd1e8acd..5149e12b85 100644
--- a/web/app/components/base/icons/src/vender/solid/editor/TypeSquare.tsx
+++ b/web/app/components/base/icons/src/vender/solid/editor/TypeSquare.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/education/Beaker02.tsx b/web/app/components/base/icons/src/vender/solid/education/Beaker02.tsx
index 3ab248c97f..6fd1a62002 100644
--- a/web/app/components/base/icons/src/vender/solid/education/Beaker02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/education/Beaker02.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/education/BubbleText.tsx b/web/app/components/base/icons/src/vender/solid/education/BubbleText.tsx
index c12e542863..9be36ec29b 100644
--- a/web/app/components/base/icons/src/vender/solid/education/BubbleText.tsx
+++ b/web/app/components/base/icons/src/vender/solid/education/BubbleText.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/education/Heart02.tsx b/web/app/components/base/icons/src/vender/solid/education/Heart02.tsx
index d41682f7d4..ffe3a07df1 100644
--- a/web/app/components/base/icons/src/vender/solid/education/Heart02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/education/Heart02.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/education/Unblur.tsx b/web/app/components/base/icons/src/vender/solid/education/Unblur.tsx
index 1011994b4a..b994171e01 100644
--- a/web/app/components/base/icons/src/vender/solid/education/Unblur.tsx
+++ b/web/app/components/base/icons/src/vender/solid/education/Unblur.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/files/File05.tsx b/web/app/components/base/icons/src/vender/solid/files/File05.tsx
index 94314e36ae..eda65c0e2c 100644
--- a/web/app/components/base/icons/src/vender/solid/files/File05.tsx
+++ b/web/app/components/base/icons/src/vender/solid/files/File05.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/files/FileSearch02.tsx b/web/app/components/base/icons/src/vender/solid/files/FileSearch02.tsx
index 38256a8df7..154ad45bc1 100644
--- a/web/app/components/base/icons/src/vender/solid/files/FileSearch02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/files/FileSearch02.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/files/FileZip.tsx b/web/app/components/base/icons/src/vender/solid/files/FileZip.tsx
index 99d3c70676..fc22a3ade3 100644
--- a/web/app/components/base/icons/src/vender/solid/files/FileZip.tsx
+++ b/web/app/components/base/icons/src/vender/solid/files/FileZip.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/files/Folder.tsx b/web/app/components/base/icons/src/vender/solid/files/Folder.tsx
index c2a46e77a4..e7a3fdf167 100644
--- a/web/app/components/base/icons/src/vender/solid/files/Folder.tsx
+++ b/web/app/components/base/icons/src/vender/solid/files/Folder.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/general/AnswerTriangle.tsx b/web/app/components/base/icons/src/vender/solid/general/AnswerTriangle.tsx
index f2f6cb2df8..956c328129 100644
--- a/web/app/components/base/icons/src/vender/solid/general/AnswerTriangle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/AnswerTriangle.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/general/CheckCircle.tsx b/web/app/components/base/icons/src/vender/solid/general/CheckCircle.tsx
index de4380db55..2b34cd683e 100644
--- a/web/app/components/base/icons/src/vender/solid/general/CheckCircle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/CheckCircle.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/general/CheckDone01.tsx b/web/app/components/base/icons/src/vender/solid/general/CheckDone01.tsx
index 259a71bc8b..c7e7d80c6c 100644
--- a/web/app/components/base/icons/src/vender/solid/general/CheckDone01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/CheckDone01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/general/Download02.tsx b/web/app/components/base/icons/src/vender/solid/general/Download02.tsx
index b8f22f46db..aee29931f7 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Download02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/Download02.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/general/Edit03.tsx b/web/app/components/base/icons/src/vender/solid/general/Edit03.tsx
index f7b732fc95..837e597f03 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Edit03.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/Edit03.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/general/Edit04.tsx b/web/app/components/base/icons/src/vender/solid/general/Edit04.tsx
index 46c336d2fb..5e436c0e25 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Edit04.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/Edit04.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/general/Eye.tsx b/web/app/components/base/icons/src/vender/solid/general/Eye.tsx
index 2ad433fbc0..29d1ea9fcb 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Eye.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/Eye.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/general/Github.tsx b/web/app/components/base/icons/src/vender/solid/general/Github.tsx
index 742d0d01a5..9c6f41834f 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Github.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/Github.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/general/MessageClockCircle.tsx b/web/app/components/base/icons/src/vender/solid/general/MessageClockCircle.tsx
index c4506040e0..dc1f17eb76 100644
--- a/web/app/components/base/icons/src/vender/solid/general/MessageClockCircle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/MessageClockCircle.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/general/PlusCircle.tsx b/web/app/components/base/icons/src/vender/solid/general/PlusCircle.tsx
index 606a9e82ca..142ad91120 100644
--- a/web/app/components/base/icons/src/vender/solid/general/PlusCircle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/PlusCircle.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/general/QuestionTriangle.tsx b/web/app/components/base/icons/src/vender/solid/general/QuestionTriangle.tsx
index 52705658bf..85cc44f8e4 100644
--- a/web/app/components/base/icons/src/vender/solid/general/QuestionTriangle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/QuestionTriangle.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/general/SearchMd.tsx b/web/app/components/base/icons/src/vender/solid/general/SearchMd.tsx
index 0497b657b5..295997cc0c 100644
--- a/web/app/components/base/icons/src/vender/solid/general/SearchMd.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/SearchMd.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/general/Target04.tsx b/web/app/components/base/icons/src/vender/solid/general/Target04.tsx
index c1e64029c1..d2d04f93ef 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Target04.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/Target04.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/general/Tool03.tsx b/web/app/components/base/icons/src/vender/solid/general/Tool03.tsx
index 37275cb30d..fd60b8e8a9 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Tool03.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/Tool03.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/general/XCircle.tsx b/web/app/components/base/icons/src/vender/solid/general/XCircle.tsx
index ca8266e60b..b278a98e21 100644
--- a/web/app/components/base/icons/src/vender/solid/general/XCircle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/XCircle.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/general/ZapFast.tsx b/web/app/components/base/icons/src/vender/solid/general/ZapFast.tsx
index 6be4182fe1..af7e8bd33f 100644
--- a/web/app/components/base/icons/src/vender/solid/general/ZapFast.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/ZapFast.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/general/ZapNarrow.tsx b/web/app/components/base/icons/src/vender/solid/general/ZapNarrow.tsx
index 3cd54db918..5f2aa62712 100644
--- a/web/app/components/base/icons/src/vender/solid/general/ZapNarrow.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/ZapNarrow.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/layout/Grid01.tsx b/web/app/components/base/icons/src/vender/solid/layout/Grid01.tsx
index df867b5f6e..5638f3c081 100644
--- a/web/app/components/base/icons/src/vender/solid/layout/Grid01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/layout/Grid01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/mapsAndTravel/Globe06.tsx b/web/app/components/base/icons/src/vender/solid/mapsAndTravel/Globe06.tsx
index 82a2aa649d..d961eed865 100644
--- a/web/app/components/base/icons/src/vender/solid/mapsAndTravel/Globe06.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mapsAndTravel/Globe06.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/mapsAndTravel/Route.tsx b/web/app/components/base/icons/src/vender/solid/mapsAndTravel/Route.tsx
index 971aadcc68..f81fb619ce 100644
--- a/web/app/components/base/icons/src/vender/solid/mapsAndTravel/Route.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mapsAndTravel/Route.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/AudioSupportIcon.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/AudioSupportIcon.tsx
index 7450f366bf..663866ff88 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/AudioSupportIcon.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/AudioSupportIcon.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/DocumentSupportIcon.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/DocumentSupportIcon.tsx
index cc129f0590..5bad91edd1 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/DocumentSupportIcon.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/DocumentSupportIcon.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicBox.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicBox.tsx
index 502a3e28c1..0c38691c67 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicBox.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicBox.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicEyes.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicEyes.tsx
index ec59574db0..e7f7335dde 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicEyes.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicEyes.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicWand.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicWand.tsx
index b8f6079979..3eb6130c52 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicWand.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicWand.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Microphone01.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Microphone01.tsx
index 56125230c2..37fb66a887 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Microphone01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Microphone01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Play.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Play.tsx
index 19ac8fb81b..b9e07c57d6 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Play.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Play.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Robot.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Robot.tsx
index f9b3f7c63d..8bee6e24cb 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Robot.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Robot.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Sliders02.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Sliders02.tsx
index 94bac7c8ba..f1d05e7253 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Sliders02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Sliders02.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Speaker.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Speaker.tsx
index d21e05aebe..0cf9364257 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Speaker.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Speaker.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/StopCircle.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/StopCircle.tsx
index 70ef962eab..84430c3d98 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/StopCircle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/StopCircle.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/VideoSupportIcon.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/VideoSupportIcon.tsx
index fa42010f9e..4822f837f3 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/VideoSupportIcon.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/VideoSupportIcon.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/security/Lock01.tsx b/web/app/components/base/icons/src/vender/solid/security/Lock01.tsx
index 280a098542..ea192d8662 100644
--- a/web/app/components/base/icons/src/vender/solid/security/Lock01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/security/Lock01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/shapes/Corner.tsx b/web/app/components/base/icons/src/vender/solid/shapes/Corner.tsx
index 1f28f7a027..6b02e92d29 100644
--- a/web/app/components/base/icons/src/vender/solid/shapes/Corner.tsx
+++ b/web/app/components/base/icons/src/vender/solid/shapes/Corner.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/shapes/Star04.tsx b/web/app/components/base/icons/src/vender/solid/shapes/Star04.tsx
index ab1bcacb01..eb699cdeec 100644
--- a/web/app/components/base/icons/src/vender/solid/shapes/Star04.tsx
+++ b/web/app/components/base/icons/src/vender/solid/shapes/Star04.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/shapes/Star06.tsx b/web/app/components/base/icons/src/vender/solid/shapes/Star06.tsx
index f7f8c5da21..9b320a611b 100644
--- a/web/app/components/base/icons/src/vender/solid/shapes/Star06.tsx
+++ b/web/app/components/base/icons/src/vender/solid/shapes/Star06.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/users/User01.tsx b/web/app/components/base/icons/src/vender/solid/users/User01.tsx
index f8185df9c5..24fd0df89b 100644
--- a/web/app/components/base/icons/src/vender/solid/users/User01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/users/User01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/users/UserEdit02.tsx b/web/app/components/base/icons/src/vender/solid/users/UserEdit02.tsx
index 966e80ffb0..588b6aee6d 100644
--- a/web/app/components/base/icons/src/vender/solid/users/UserEdit02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/users/UserEdit02.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/users/Users01.tsx b/web/app/components/base/icons/src/vender/solid/users/Users01.tsx
index 4fff6bdc25..f26ff03138 100644
--- a/web/app/components/base/icons/src/vender/solid/users/Users01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/users/Users01.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/solid/users/UsersPlus.tsx b/web/app/components/base/icons/src/vender/solid/users/UsersPlus.tsx
index 7ca250abfa..3594435eaf 100644
--- a/web/app/components/base/icons/src/vender/solid/users/UsersPlus.tsx
+++ b/web/app/components/base/icons/src/vender/solid/users/UsersPlus.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/workflow/Agent.tsx b/web/app/components/base/icons/src/vender/workflow/Agent.tsx
index 4a36a1d69b..58a2426d3c 100644
--- a/web/app/components/base/icons/src/vender/workflow/Agent.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Agent.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/workflow/Answer.tsx b/web/app/components/base/icons/src/vender/workflow/Answer.tsx
index 873912f48c..91bf7883d4 100644
--- a/web/app/components/base/icons/src/vender/workflow/Answer.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Answer.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/workflow/Assigner.tsx b/web/app/components/base/icons/src/vender/workflow/Assigner.tsx
index 3875e95438..c4d1382c48 100644
--- a/web/app/components/base/icons/src/vender/workflow/Assigner.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Assigner.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/workflow/Code.tsx b/web/app/components/base/icons/src/vender/workflow/Code.tsx
index 393260bfd1..1ec2e49fc1 100644
--- a/web/app/components/base/icons/src/vender/workflow/Code.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Code.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/workflow/DocsExtractor.tsx b/web/app/components/base/icons/src/vender/workflow/DocsExtractor.tsx
index 2c8f567e29..838fb8a75f 100644
--- a/web/app/components/base/icons/src/vender/workflow/DocsExtractor.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/DocsExtractor.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/workflow/End.tsx b/web/app/components/base/icons/src/vender/workflow/End.tsx
index 51d0117032..8d7f6936d3 100644
--- a/web/app/components/base/icons/src/vender/workflow/End.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/End.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/workflow/Home.tsx b/web/app/components/base/icons/src/vender/workflow/Home.tsx
index fc3bb3f1d4..6210e6b941 100644
--- a/web/app/components/base/icons/src/vender/workflow/Home.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Home.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/workflow/Http.tsx b/web/app/components/base/icons/src/vender/workflow/Http.tsx
index 1f04137576..77f46bfc5c 100644
--- a/web/app/components/base/icons/src/vender/workflow/Http.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Http.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/workflow/IfElse.tsx b/web/app/components/base/icons/src/vender/workflow/IfElse.tsx
index dc055b2975..aed6635776 100644
--- a/web/app/components/base/icons/src/vender/workflow/IfElse.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/IfElse.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/workflow/Iteration.tsx b/web/app/components/base/icons/src/vender/workflow/Iteration.tsx
index 2c133cb581..5e2b2c9a02 100644
--- a/web/app/components/base/icons/src/vender/workflow/Iteration.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Iteration.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/workflow/IterationStart.tsx b/web/app/components/base/icons/src/vender/workflow/IterationStart.tsx
index d4d46ac5d9..939d696834 100644
--- a/web/app/components/base/icons/src/vender/workflow/IterationStart.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/IterationStart.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/workflow/Jinja.tsx b/web/app/components/base/icons/src/vender/workflow/Jinja.tsx
index 4d0d4b9f9a..67422f647b 100644
--- a/web/app/components/base/icons/src/vender/workflow/Jinja.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Jinja.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/workflow/KnowledgeRetrieval.tsx b/web/app/components/base/icons/src/vender/workflow/KnowledgeRetrieval.tsx
index ff37a73fd4..abe3f35bd3 100644
--- a/web/app/components/base/icons/src/vender/workflow/KnowledgeRetrieval.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/KnowledgeRetrieval.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/workflow/ListFilter.tsx b/web/app/components/base/icons/src/vender/workflow/ListFilter.tsx
index 97480d22b9..4eb992a6e4 100644
--- a/web/app/components/base/icons/src/vender/workflow/ListFilter.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/ListFilter.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/workflow/Llm.tsx b/web/app/components/base/icons/src/vender/workflow/Llm.tsx
index 4064e8c462..d72c5f24bb 100644
--- a/web/app/components/base/icons/src/vender/workflow/Llm.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Llm.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/workflow/ParameterExtractor.tsx b/web/app/components/base/icons/src/vender/workflow/ParameterExtractor.tsx
index bcaea9cb46..7066a74f87 100644
--- a/web/app/components/base/icons/src/vender/workflow/ParameterExtractor.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/ParameterExtractor.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/workflow/QuestionClassifier.tsx b/web/app/components/base/icons/src/vender/workflow/QuestionClassifier.tsx
index 36da779c08..59b2bccff0 100644
--- a/web/app/components/base/icons/src/vender/workflow/QuestionClassifier.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/QuestionClassifier.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/workflow/TemplatingTransform.tsx b/web/app/components/base/icons/src/vender/workflow/TemplatingTransform.tsx
index 5ce1766c4c..a4d1e50c27 100644
--- a/web/app/components/base/icons/src/vender/workflow/TemplatingTransform.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/TemplatingTransform.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
diff --git a/web/app/components/base/icons/src/vender/workflow/VariableX.tsx b/web/app/components/base/icons/src/vender/workflow/VariableX.tsx
index 229fd44fb7..43ec10adab 100644
--- a/web/app/components/base/icons/src/vender/workflow/VariableX.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/VariableX.tsx
@@ -10,7 +10,7 @@ const Icon = (
   {
     ref,
     ...props
-  }: React.MutableRefObject<SVGElement> & {
+  }: React.SVGProps<SVGSVGElement> & {
     ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />