From d3b4906da91da50627a0cf3e5bf5665ff6c2cd61 Mon Sep 17 00:00:00 2001
From: DarkSky <darksky2048@gmail.com>
Date: Fri, 12 Aug 2022 01:42:17 +0800
Subject: [PATCH] chore: reduce code for icons

---
 .../icons/src/auto-icons/add-view/add-view.tsx           | 7 ++-----
 libs/components/icons/src/auto-icons/add/add.tsx         | 7 ++-----
 .../icons/src/auto-icons/align-center/align-center.tsx   | 7 ++-----
 .../icons/src/auto-icons/align-justify/align-justify.tsx | 7 ++-----
 .../icons/src/auto-icons/align-left/align-left.tsx       | 7 ++-----
 .../icons/src/auto-icons/align-right/align-right.tsx     | 7 ++-----
 .../icons/src/auto-icons/arrow-big/arrow-big.tsx         | 7 ++-----
 .../src/auto-icons/arrow-drop-down/arrow-drop-down.tsx   | 7 ++-----
 .../icons/src/auto-icons/arrow-right/arrow-right.tsx     | 7 ++-----
 libs/components/icons/src/auto-icons/arrow/arrow.tsx     | 7 ++-----
 libs/components/icons/src/auto-icons/at/at.tsx           | 7 ++-----
 .../icons/src/auto-icons/backlinks/backlinks.tsx         | 7 ++-----
 .../icons/src/auto-icons/backward-undo/backward-undo.tsx | 7 ++-----
 libs/components/icons/src/auto-icons/blocks/blocks.tsx   | 7 ++-----
 .../icons/src/auto-icons/board-view/board-view.tsx       | 7 ++-----
 .../border-color-duotone/border-color-duotone.tsx        | 7 ++-----
 .../auto-icons/border-color-none/border-color-none.tsx   | 7 ++-----
 libs/components/icons/src/auto-icons/brush/brush.tsx     | 7 ++-----
 libs/components/icons/src/auto-icons/bullet/bullet.tsx   | 7 ++-----
 .../src/auto-icons/bulleted-list-1/bulleted-list-1.tsx   | 7 ++-----
 .../src/auto-icons/bulleted-list-2/bulleted-list-2.tsx   | 7 ++-----
 .../src/auto-icons/bulleted-list-3/bulleted-list-3.tsx   | 7 ++-----
 .../src/auto-icons/bulleted-list-4/bulleted-list-4.tsx   | 7 ++-----
 libs/components/icons/src/auto-icons/callout/callout.tsx | 7 ++-----
 libs/components/icons/src/auto-icons/card/card.tsx       | 7 ++-----
 .../src/auto-icons/check-box-check/check-box-check.tsx   | 7 ++-----
 .../auto-icons/check-box-uncheck/check-box-uncheck.tsx   | 7 ++-----
 .../icons/src/auto-icons/code-block/code-block.tsx       | 7 ++-----
 libs/components/icons/src/auto-icons/code/code.tsx       | 7 ++-----
 .../icons/src/auto-icons/collaborator/collaborator.tsx   | 7 ++-----
 libs/components/icons/src/auto-icons/comment/comment.tsx | 7 ++-----
 .../src/auto-icons/conector-arrow/conector-arrow.svg     | 2 +-
 .../src/auto-icons/conector-arrow/conector-arrow.tsx     | 9 +++------
 .../icons/src/auto-icons/conector-line/conector-line.tsx | 7 ++-----
 .../icons/src/auto-icons/connector/connector.tsx         | 7 ++-----
 .../icons/src/auto-icons/dash-line/dash-line.tsx         | 7 ++-----
 libs/components/icons/src/auto-icons/date/date.tsx       | 7 ++-----
 .../src/auto-icons/delete-cash-bin/delete-cash-bin.tsx   | 7 ++-----
 .../src/auto-icons/delete-small-tag/delete-small-tag.tsx | 7 ++-----
 libs/components/icons/src/auto-icons/divider/divider.tsx | 7 ++-----
 .../icons/src/auto-icons/doc-view/doc-view.tsx           | 7 ++-----
 libs/components/icons/src/auto-icons/done/done.tsx       | 7 ++-----
 .../icons/src/auto-icons/duplicate/duplicate.tsx         | 7 ++-----
 libs/components/icons/src/auto-icons/edit/edit.tsx       | 7 ++-----
 libs/components/icons/src/auto-icons/ellipse/ellipse.tsx | 7 ++-----
 libs/components/icons/src/auto-icons/email/email.tsx     | 7 ++-----
 libs/components/icons/src/auto-icons/embed/embed.tsx     | 7 ++-----
 libs/components/icons/src/auto-icons/eraser/eraser.tsx   | 7 ++-----
 libs/components/icons/src/auto-icons/figma/figma.tsx     | 7 ++-----
 libs/components/icons/src/auto-icons/file/file.tsx       | 7 ++-----
 libs/components/icons/src/auto-icons/filter/filter.tsx   | 7 ++-----
 .../auto-icons/format-background/format-background.tsx   | 7 ++-----
 .../format-bold-emphasis/format-bold-emphasis.tsx        | 7 ++-----
 .../icons/src/auto-icons/format-clear/format-clear.tsx   | 7 ++-----
 .../auto-icons/format-color-text/format-color-text.tsx   | 7 ++-----
 .../icons/src/auto-icons/format-italic/format-italic.tsx | 7 ++-----
 .../format-strikethrough/format-strikethrough.tsx        | 7 ++-----
 .../icons/src/auto-icons/forward-redo/forward-redo.tsx   | 7 ++-----
 libs/components/icons/src/auto-icons/frame/frame.tsx     | 7 ++-----
 .../icons/src/auto-icons/full-screen/full-screen.tsx     | 7 ++-----
 .../icons/src/auto-icons/group-by/group-by.tsx           | 7 ++-----
 libs/components/icons/src/auto-icons/group/group.tsx     | 7 ++-----
 .../icons/src/auto-icons/hand-tool/hand-tool.tsx         | 7 ++-----
 .../icons/src/auto-icons/handle-child/handle-child.tsx   | 7 ++-----
 .../icons/src/auto-icons/handle-parent/handle-parent.tsx | 7 ++-----
 .../icons/src/auto-icons/heading-one/heading-one.tsx     | 7 ++-----
 .../icons/src/auto-icons/heading-three/heading-three.tsx | 7 ++-----
 .../icons/src/auto-icons/heading-two/heading-two.tsx     | 7 ++-----
 .../icons/src/auto-icons/help-center/help-center.tsx     | 7 ++-----
 .../highlighter-duotone/highlighter-duotone.tsx          | 7 ++-----
 .../icons/src/auto-icons/hover-frame/hover-frame.tsx     | 7 ++-----
 libs/components/icons/src/auto-icons/image/image.tsx     | 7 ++-----
 libs/components/icons/src/auto-icons/index.ts            | 2 +-
 .../icons/src/auto-icons/information/information.tsx     | 7 ++-----
 libs/components/icons/src/auto-icons/kan-ban/kan-ban.tsx | 7 ++-----
 .../auto-icons/laser-pen-duotone/laser-pen-duotone.tsx   | 7 ++-----
 libs/components/icons/src/auto-icons/layout/layout.tsx   | 7 ++-----
 .../icons/src/auto-icons/line-none/line-none.tsx         | 7 ++-----
 libs/components/icons/src/auto-icons/link/link.tsx       | 7 ++-----
 .../icons/src/auto-icons/location/location.tsx           | 7 ++-----
 libs/components/icons/src/auto-icons/lock/lock.tsx       | 7 ++-----
 libs/components/icons/src/auto-icons/log-out/log-out.tsx | 7 ++-----
 libs/components/icons/src/auto-icons/logo/logo.tsx       | 7 ++-----
 .../more-tags-an-subblocks/more-tags-an-subblocks.tsx    | 7 ++-----
 libs/components/icons/src/auto-icons/more/more.tsx       | 7 ++-----
 libs/components/icons/src/auto-icons/move-to/move-to.tsx | 7 ++-----
 .../icons/src/auto-icons/multi-select/multi-select.tsx   | 7 ++-----
 libs/components/icons/src/auto-icons/number/number.tsx   | 7 ++-----
 .../icons/src/auto-icons/page-duallink/page-duallink.tsx | 7 ++-----
 .../auto-icons/page-in-page-tree/page-in-page-tree.tsx   | 7 ++-----
 libs/components/icons/src/auto-icons/pages/pages.tsx     | 7 ++-----
 libs/components/icons/src/auto-icons/pen/pen.tsx         | 7 ++-----
 .../src/auto-icons/pencil-duotone/pencil-duotone.tsx     | 7 ++-----
 libs/components/icons/src/auto-icons/phone/phone.tsx     | 7 ++-----
 libs/components/icons/src/auto-icons/pin/pin.tsx         | 7 ++-----
 .../icons/src/auto-icons/point-line/point-line.tsx       | 7 ++-----
 libs/components/icons/src/auto-icons/polygon/polygon.tsx | 7 ++-----
 libs/components/icons/src/auto-icons/quote/quote.tsx     | 7 ++-----
 .../icons/src/auto-icons/reaction/reaction.tsx           | 7 ++-----
 .../icons/src/auto-icons/rectangle-93/rectangle-93.tsx   | 7 ++-----
 .../icons/src/auto-icons/rectangle/rectangle.tsx         | 7 ++-----
 libs/components/icons/src/auto-icons/search/search.tsx   | 7 ++-----
 .../auto-icons/select-box-select/select-box-select.tsx   | 7 ++-----
 .../select-box-unselect/select-box-unselect.tsx          | 7 ++-----
 libs/components/icons/src/auto-icons/select/select.tsx   | 7 ++-----
 .../icons/src/auto-icons/settings/settings.tsx           | 7 ++-----
 .../shape-color-duotone/shape-color-duotone.tsx          | 7 ++-----
 .../src/auto-icons/shape-color-none/shape-color-none.tsx | 7 ++-----
 libs/components/icons/src/auto-icons/shape/shape.tsx     | 7 ++-----
 .../side-bar-view-close/side-bar-view-close.tsx          | 7 ++-----
 .../icons/src/auto-icons/side-bar-view/side-bar-view.tsx | 7 ++-----
 .../icons/src/auto-icons/single-select/single-select.tsx | 7 ++-----
 .../icons/src/auto-icons/solid-line/solid-line.tsx       | 7 ++-----
 libs/components/icons/src/auto-icons/sort/sort.tsx       | 7 ++-----
 libs/components/icons/src/auto-icons/sql/sql.tsx         | 7 ++-----
 libs/components/icons/src/auto-icons/stamp/stamp.tsx     | 7 ++-----
 libs/components/icons/src/auto-icons/star/star.tsx       | 7 ++-----
 libs/components/icons/src/auto-icons/status/status.tsx   | 7 ++-----
 .../auto-icons/switch-off-duotone/switch-off-duotone.tsx | 7 ++-----
 .../auto-icons/switch-on-duotone/switch-on-duotone.tsx   | 7 ++-----
 libs/components/icons/src/auto-icons/table/table.tsx     | 7 ++-----
 .../src/auto-icons/tag-add-duotone/tag-add-duotone.tsx   | 7 ++-----
 libs/components/icons/src/auto-icons/tags/tags.tsx       | 7 ++-----
 .../icons/src/auto-icons/text-font/text-font.tsx         | 7 ++-----
 libs/components/icons/src/auto-icons/text/text.tsx       | 7 ++-----
 libs/components/icons/src/auto-icons/to-do/to-do.tsx     | 7 ++-----
 .../icons/src/auto-icons/todo-list/todo-list.tsx         | 7 ++-----
 .../icons/src/auto-icons/triangle/triangle.tsx           | 7 ++-----
 .../icons/src/auto-icons/turn-into/turn-into.tsx         | 7 ++-----
 libs/components/icons/src/auto-icons/ungroup/ungroup.tsx | 7 ++-----
 libs/components/icons/src/auto-icons/unlock/unlock.tsx   | 7 ++-----
 libs/components/icons/src/auto-icons/web-app/web-app.tsx | 7 ++-----
 libs/components/icons/src/auto-icons/youtube/youtube.tsx | 7 ++-----
 tools/executors/figmaRes/figma/generateReactIcon.js      | 9 +++------
 tools/executors/svgOptimize/svgo.js                      | 4 ----
 135 files changed, 268 insertions(+), 668 deletions(-)

diff --git a/libs/components/icons/src/auto-icons/add-view/add-view.tsx b/libs/components/icons/src/auto-icons/add-view/add-view.tsx
index 17d4395708..268eaf8e63 100644
--- a/libs/components/icons/src/auto-icons/add-view/add-view.tsx
+++ b/libs/components/icons/src/auto-icons/add-view/add-view.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface AddViewIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const AddViewIcon: FC<AddViewIconProps> = ({ color, style, ...props}) => {
+export const AddViewIcon = ({ color, style, ...props}: AddViewIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/add/add.tsx b/libs/components/icons/src/auto-icons/add/add.tsx
index 59e6fc0721..016f9fb9b6 100644
--- a/libs/components/icons/src/auto-icons/add/add.tsx
+++ b/libs/components/icons/src/auto-icons/add/add.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface AddIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const AddIcon: FC<AddIconProps> = ({ color, style, ...props}) => {
+export const AddIcon = ({ color, style, ...props}: AddIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/align-center/align-center.tsx b/libs/components/icons/src/auto-icons/align-center/align-center.tsx
index 1a87ccc297..71bcaac6e2 100644
--- a/libs/components/icons/src/auto-icons/align-center/align-center.tsx
+++ b/libs/components/icons/src/auto-icons/align-center/align-center.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface AlignCenterIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const AlignCenterIcon: FC<AlignCenterIconProps> = ({ color, style, ...props}) => {
+export const AlignCenterIcon = ({ color, style, ...props}: AlignCenterIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/align-justify/align-justify.tsx b/libs/components/icons/src/auto-icons/align-justify/align-justify.tsx
index 50a97b9f31..86dfcc43e8 100644
--- a/libs/components/icons/src/auto-icons/align-justify/align-justify.tsx
+++ b/libs/components/icons/src/auto-icons/align-justify/align-justify.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface AlignJustifyIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const AlignJustifyIcon: FC<AlignJustifyIconProps> = ({ color, style, ...props}) => {
+export const AlignJustifyIcon = ({ color, style, ...props}: AlignJustifyIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/align-left/align-left.tsx b/libs/components/icons/src/auto-icons/align-left/align-left.tsx
index d00f9c9eec..d697280cac 100644
--- a/libs/components/icons/src/auto-icons/align-left/align-left.tsx
+++ b/libs/components/icons/src/auto-icons/align-left/align-left.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface AlignLeftIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const AlignLeftIcon: FC<AlignLeftIconProps> = ({ color, style, ...props}) => {
+export const AlignLeftIcon = ({ color, style, ...props}: AlignLeftIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/align-right/align-right.tsx b/libs/components/icons/src/auto-icons/align-right/align-right.tsx
index b4674bf939..759688c4ec 100644
--- a/libs/components/icons/src/auto-icons/align-right/align-right.tsx
+++ b/libs/components/icons/src/auto-icons/align-right/align-right.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface AlignRightIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const AlignRightIcon: FC<AlignRightIconProps> = ({ color, style, ...props}) => {
+export const AlignRightIcon = ({ color, style, ...props}: AlignRightIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/arrow-big/arrow-big.tsx b/libs/components/icons/src/auto-icons/arrow-big/arrow-big.tsx
index 2ab1222fd8..439eca1b3c 100644
--- a/libs/components/icons/src/auto-icons/arrow-big/arrow-big.tsx
+++ b/libs/components/icons/src/auto-icons/arrow-big/arrow-big.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface ArrowBigIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const ArrowBigIcon: FC<ArrowBigIconProps> = ({ color, style, ...props}) => {
+export const ArrowBigIcon = ({ color, style, ...props}: ArrowBigIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/arrow-drop-down/arrow-drop-down.tsx b/libs/components/icons/src/auto-icons/arrow-drop-down/arrow-drop-down.tsx
index 94d8e9b845..27c7dd003e 100644
--- a/libs/components/icons/src/auto-icons/arrow-drop-down/arrow-drop-down.tsx
+++ b/libs/components/icons/src/auto-icons/arrow-drop-down/arrow-drop-down.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface ArrowDropDownIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const ArrowDropDownIcon: FC<ArrowDropDownIconProps> = ({ color, style, ...props}) => {
+export const ArrowDropDownIcon = ({ color, style, ...props}: ArrowDropDownIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/arrow-right/arrow-right.tsx b/libs/components/icons/src/auto-icons/arrow-right/arrow-right.tsx
index 284a7fec9c..bbe7057e0a 100644
--- a/libs/components/icons/src/auto-icons/arrow-right/arrow-right.tsx
+++ b/libs/components/icons/src/auto-icons/arrow-right/arrow-right.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface ArrowRightIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const ArrowRightIcon: FC<ArrowRightIconProps> = ({ color, style, ...props}) => {
+export const ArrowRightIcon = ({ color, style, ...props}: ArrowRightIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/arrow/arrow.tsx b/libs/components/icons/src/auto-icons/arrow/arrow.tsx
index 0446fee915..f8519c54a5 100644
--- a/libs/components/icons/src/auto-icons/arrow/arrow.tsx
+++ b/libs/components/icons/src/auto-icons/arrow/arrow.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface ArrowIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const ArrowIcon: FC<ArrowIconProps> = ({ color, style, ...props}) => {
+export const ArrowIcon = ({ color, style, ...props}: ArrowIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/at/at.tsx b/libs/components/icons/src/auto-icons/at/at.tsx
index 2eef208e8d..212686d726 100644
--- a/libs/components/icons/src/auto-icons/at/at.tsx
+++ b/libs/components/icons/src/auto-icons/at/at.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface AtIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const AtIcon: FC<AtIconProps> = ({ color, style, ...props}) => {
+export const AtIcon = ({ color, style, ...props}: AtIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/backlinks/backlinks.tsx b/libs/components/icons/src/auto-icons/backlinks/backlinks.tsx
index 4ba3cc7c97..fbfd454bce 100644
--- a/libs/components/icons/src/auto-icons/backlinks/backlinks.tsx
+++ b/libs/components/icons/src/auto-icons/backlinks/backlinks.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface BacklinksIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const BacklinksIcon: FC<BacklinksIconProps> = ({ color, style, ...props}) => {
+export const BacklinksIcon = ({ color, style, ...props}: BacklinksIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/backward-undo/backward-undo.tsx b/libs/components/icons/src/auto-icons/backward-undo/backward-undo.tsx
index 58d8daa112..4d099e4279 100644
--- a/libs/components/icons/src/auto-icons/backward-undo/backward-undo.tsx
+++ b/libs/components/icons/src/auto-icons/backward-undo/backward-undo.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface BackwardUndoIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const BackwardUndoIcon: FC<BackwardUndoIconProps> = ({ color, style, ...props}) => {
+export const BackwardUndoIcon = ({ color, style, ...props}: BackwardUndoIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/blocks/blocks.tsx b/libs/components/icons/src/auto-icons/blocks/blocks.tsx
index f175a64e6a..e454b05b27 100644
--- a/libs/components/icons/src/auto-icons/blocks/blocks.tsx
+++ b/libs/components/icons/src/auto-icons/blocks/blocks.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface BlocksIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const BlocksIcon: FC<BlocksIconProps> = ({ color, style, ...props}) => {
+export const BlocksIcon = ({ color, style, ...props}: BlocksIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/board-view/board-view.tsx b/libs/components/icons/src/auto-icons/board-view/board-view.tsx
index 372feee005..98753e90e7 100644
--- a/libs/components/icons/src/auto-icons/board-view/board-view.tsx
+++ b/libs/components/icons/src/auto-icons/board-view/board-view.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface BoardViewIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const BoardViewIcon: FC<BoardViewIconProps> = ({ color, style, ...props}) => {
+export const BoardViewIcon = ({ color, style, ...props}: BoardViewIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/border-color-duotone/border-color-duotone.tsx b/libs/components/icons/src/auto-icons/border-color-duotone/border-color-duotone.tsx
index fb97c5379e..4c79d4e65c 100644
--- a/libs/components/icons/src/auto-icons/border-color-duotone/border-color-duotone.tsx
+++ b/libs/components/icons/src/auto-icons/border-color-duotone/border-color-duotone.tsx
@@ -1,16 +1,13 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface BorderColorDuotoneIconProps extends Omit<SvgIconProps, 'color'> {
     color0?: string
     primaryColor?: string
 }
 
-export const BorderColorDuotoneIcon: FC<BorderColorDuotoneIconProps> = ({ color0, primaryColor, style, ...props}) => {
+export const BorderColorDuotoneIcon = ({ color0, primaryColor, style, ...props}: BorderColorDuotoneIconProps) => {
     const propsStyles = {"--color-0": color0 || primaryColor};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/border-color-none/border-color-none.tsx b/libs/components/icons/src/auto-icons/border-color-none/border-color-none.tsx
index 105b3754ee..9602fed80b 100644
--- a/libs/components/icons/src/auto-icons/border-color-none/border-color-none.tsx
+++ b/libs/components/icons/src/auto-icons/border-color-none/border-color-none.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface BorderColorNoneIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const BorderColorNoneIcon: FC<BorderColorNoneIconProps> = ({ color, style, ...props}) => {
+export const BorderColorNoneIcon = ({ color, style, ...props}: BorderColorNoneIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/brush/brush.tsx b/libs/components/icons/src/auto-icons/brush/brush.tsx
index 716b9e74b3..8164d8edcb 100644
--- a/libs/components/icons/src/auto-icons/brush/brush.tsx
+++ b/libs/components/icons/src/auto-icons/brush/brush.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface BrushIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const BrushIcon: FC<BrushIconProps> = ({ color, style, ...props}) => {
+export const BrushIcon = ({ color, style, ...props}: BrushIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/bullet/bullet.tsx b/libs/components/icons/src/auto-icons/bullet/bullet.tsx
index 126e1321eb..a07f6e2841 100644
--- a/libs/components/icons/src/auto-icons/bullet/bullet.tsx
+++ b/libs/components/icons/src/auto-icons/bullet/bullet.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface BulletIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const BulletIcon: FC<BulletIconProps> = ({ color, style, ...props}) => {
+export const BulletIcon = ({ color, style, ...props}: BulletIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/bulleted-list-1/bulleted-list-1.tsx b/libs/components/icons/src/auto-icons/bulleted-list-1/bulleted-list-1.tsx
index 59dddc056e..1acb76f304 100644
--- a/libs/components/icons/src/auto-icons/bulleted-list-1/bulleted-list-1.tsx
+++ b/libs/components/icons/src/auto-icons/bulleted-list-1/bulleted-list-1.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface BulletedList_1IconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const BulletedList_1Icon: FC<BulletedList_1IconProps> = ({ color, style, ...props}) => {
+export const BulletedList_1Icon = ({ color, style, ...props}: BulletedList_1IconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/bulleted-list-2/bulleted-list-2.tsx b/libs/components/icons/src/auto-icons/bulleted-list-2/bulleted-list-2.tsx
index f5a8be5de1..f4d1e2a23f 100644
--- a/libs/components/icons/src/auto-icons/bulleted-list-2/bulleted-list-2.tsx
+++ b/libs/components/icons/src/auto-icons/bulleted-list-2/bulleted-list-2.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface BulletedList_2IconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const BulletedList_2Icon: FC<BulletedList_2IconProps> = ({ color, style, ...props}) => {
+export const BulletedList_2Icon = ({ color, style, ...props}: BulletedList_2IconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/bulleted-list-3/bulleted-list-3.tsx b/libs/components/icons/src/auto-icons/bulleted-list-3/bulleted-list-3.tsx
index 44d6862559..161c14fae9 100644
--- a/libs/components/icons/src/auto-icons/bulleted-list-3/bulleted-list-3.tsx
+++ b/libs/components/icons/src/auto-icons/bulleted-list-3/bulleted-list-3.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface BulletedList_3IconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const BulletedList_3Icon: FC<BulletedList_3IconProps> = ({ color, style, ...props}) => {
+export const BulletedList_3Icon = ({ color, style, ...props}: BulletedList_3IconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/bulleted-list-4/bulleted-list-4.tsx b/libs/components/icons/src/auto-icons/bulleted-list-4/bulleted-list-4.tsx
index 9c54e61181..ab1b42a459 100644
--- a/libs/components/icons/src/auto-icons/bulleted-list-4/bulleted-list-4.tsx
+++ b/libs/components/icons/src/auto-icons/bulleted-list-4/bulleted-list-4.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface BulletedList_4IconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const BulletedList_4Icon: FC<BulletedList_4IconProps> = ({ color, style, ...props}) => {
+export const BulletedList_4Icon = ({ color, style, ...props}: BulletedList_4IconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/callout/callout.tsx b/libs/components/icons/src/auto-icons/callout/callout.tsx
index 469a5baf7f..228025affb 100644
--- a/libs/components/icons/src/auto-icons/callout/callout.tsx
+++ b/libs/components/icons/src/auto-icons/callout/callout.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface CalloutIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const CalloutIcon: FC<CalloutIconProps> = ({ color, style, ...props}) => {
+export const CalloutIcon = ({ color, style, ...props}: CalloutIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/card/card.tsx b/libs/components/icons/src/auto-icons/card/card.tsx
index 8c72501655..2f67f5e960 100644
--- a/libs/components/icons/src/auto-icons/card/card.tsx
+++ b/libs/components/icons/src/auto-icons/card/card.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface CardIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const CardIcon: FC<CardIconProps> = ({ color, style, ...props}) => {
+export const CardIcon = ({ color, style, ...props}: CardIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/check-box-check/check-box-check.tsx b/libs/components/icons/src/auto-icons/check-box-check/check-box-check.tsx
index b2cc8fb7be..ca724e4c3e 100644
--- a/libs/components/icons/src/auto-icons/check-box-check/check-box-check.tsx
+++ b/libs/components/icons/src/auto-icons/check-box-check/check-box-check.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface CheckBoxCheckIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const CheckBoxCheckIcon: FC<CheckBoxCheckIconProps> = ({ color, style, ...props}) => {
+export const CheckBoxCheckIcon = ({ color, style, ...props}: CheckBoxCheckIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/check-box-uncheck/check-box-uncheck.tsx b/libs/components/icons/src/auto-icons/check-box-uncheck/check-box-uncheck.tsx
index 56fae78198..f44864cb5d 100644
--- a/libs/components/icons/src/auto-icons/check-box-uncheck/check-box-uncheck.tsx
+++ b/libs/components/icons/src/auto-icons/check-box-uncheck/check-box-uncheck.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface CheckBoxUncheckIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const CheckBoxUncheckIcon: FC<CheckBoxUncheckIconProps> = ({ color, style, ...props}) => {
+export const CheckBoxUncheckIcon = ({ color, style, ...props}: CheckBoxUncheckIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/code-block/code-block.tsx b/libs/components/icons/src/auto-icons/code-block/code-block.tsx
index f2807ea6b5..6a6ae7d6c7 100644
--- a/libs/components/icons/src/auto-icons/code-block/code-block.tsx
+++ b/libs/components/icons/src/auto-icons/code-block/code-block.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface CodeBlockIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const CodeBlockIcon: FC<CodeBlockIconProps> = ({ color, style, ...props}) => {
+export const CodeBlockIcon = ({ color, style, ...props}: CodeBlockIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/code/code.tsx b/libs/components/icons/src/auto-icons/code/code.tsx
index f20f5a7090..4fbf675194 100644
--- a/libs/components/icons/src/auto-icons/code/code.tsx
+++ b/libs/components/icons/src/auto-icons/code/code.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface CodeIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const CodeIcon: FC<CodeIconProps> = ({ color, style, ...props}) => {
+export const CodeIcon = ({ color, style, ...props}: CodeIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/collaborator/collaborator.tsx b/libs/components/icons/src/auto-icons/collaborator/collaborator.tsx
index 99413bff22..6e76a68fb7 100644
--- a/libs/components/icons/src/auto-icons/collaborator/collaborator.tsx
+++ b/libs/components/icons/src/auto-icons/collaborator/collaborator.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface CollaboratorIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const CollaboratorIcon: FC<CollaboratorIconProps> = ({ color, style, ...props}) => {
+export const CollaboratorIcon = ({ color, style, ...props}: CollaboratorIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/comment/comment.tsx b/libs/components/icons/src/auto-icons/comment/comment.tsx
index e8186e6e1e..e85904b02f 100644
--- a/libs/components/icons/src/auto-icons/comment/comment.tsx
+++ b/libs/components/icons/src/auto-icons/comment/comment.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface CommentIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const CommentIcon: FC<CommentIconProps> = ({ color, style, ...props}) => {
+export const CommentIcon = ({ color, style, ...props}: CommentIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/conector-arrow/conector-arrow.svg b/libs/components/icons/src/auto-icons/conector-arrow/conector-arrow.svg
index c9a63d7ded..f494ee9779 100644
--- a/libs/components/icons/src/auto-icons/conector-arrow/conector-arrow.svg
+++ b/libs/components/icons/src/auto-icons/conector-arrow/conector-arrow.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M20.8 9V4.1a.9.9 0 0 0-.9-.9H15v1.6h3.2L4.8 18.2V15H3.2v4.9a.9.9 0 0 0 .9.9H9v-1.6H6.063L19.2 6.063V9h1.6Z" clip-rule="evenodd"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M20.8 9V4.1a.9.9 0 0 0-.9-.9H15v1.6h3.2L4 19l1.131 1.131L19.2 6.063V9h1.6Z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/libs/components/icons/src/auto-icons/conector-arrow/conector-arrow.tsx b/libs/components/icons/src/auto-icons/conector-arrow/conector-arrow.tsx
index d04fb4bd30..3aa9ccb3c0 100644
--- a/libs/components/icons/src/auto-icons/conector-arrow/conector-arrow.tsx
+++ b/libs/components/icons/src/auto-icons/conector-arrow/conector-arrow.tsx
@@ -1,21 +1,18 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface ConectorArrowIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const ConectorArrowIcon: FC<ConectorArrowIconProps> = ({ color, style, ...props}) => {
+export const ConectorArrowIcon = ({ color, style, ...props}: ConectorArrowIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
     return (
         <SvgIcon style={styles} {...props}>
-        <path fillRule="evenodd" d="M20.8 9V4.1a.9.9 0 0 0-.9-.9H15v1.6h3.2L4.8 18.2V15H3.2v4.9a.9.9 0 0 0 .9.9H9v-1.6H6.063L19.2 6.063V9h1.6Z" clipRule="evenodd" />
+        <path fillRule="evenodd" d="M20.8 9V4.1a.9.9 0 0 0-.9-.9H15v1.6h3.2L4 19l1.131 1.131L19.2 6.063V9h1.6Z" clipRule="evenodd" />
         </SvgIcon>
     )
 };
diff --git a/libs/components/icons/src/auto-icons/conector-line/conector-line.tsx b/libs/components/icons/src/auto-icons/conector-line/conector-line.tsx
index c2b492e527..61607a68b9 100644
--- a/libs/components/icons/src/auto-icons/conector-line/conector-line.tsx
+++ b/libs/components/icons/src/auto-icons/conector-line/conector-line.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface ConectorLineIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const ConectorLineIcon: FC<ConectorLineIconProps> = ({ color, style, ...props}) => {
+export const ConectorLineIcon = ({ color, style, ...props}: ConectorLineIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/connector/connector.tsx b/libs/components/icons/src/auto-icons/connector/connector.tsx
index 18f11e3aab..6b498795b9 100644
--- a/libs/components/icons/src/auto-icons/connector/connector.tsx
+++ b/libs/components/icons/src/auto-icons/connector/connector.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface ConnectorIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const ConnectorIcon: FC<ConnectorIconProps> = ({ color, style, ...props}) => {
+export const ConnectorIcon = ({ color, style, ...props}: ConnectorIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/dash-line/dash-line.tsx b/libs/components/icons/src/auto-icons/dash-line/dash-line.tsx
index 71b889c453..13b226010a 100644
--- a/libs/components/icons/src/auto-icons/dash-line/dash-line.tsx
+++ b/libs/components/icons/src/auto-icons/dash-line/dash-line.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface DashLineIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const DashLineIcon: FC<DashLineIconProps> = ({ color, style, ...props}) => {
+export const DashLineIcon = ({ color, style, ...props}: DashLineIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/date/date.tsx b/libs/components/icons/src/auto-icons/date/date.tsx
index 02e74a09fc..a39ebcf27d 100644
--- a/libs/components/icons/src/auto-icons/date/date.tsx
+++ b/libs/components/icons/src/auto-icons/date/date.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface DateIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const DateIcon: FC<DateIconProps> = ({ color, style, ...props}) => {
+export const DateIcon = ({ color, style, ...props}: DateIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/delete-cash-bin/delete-cash-bin.tsx b/libs/components/icons/src/auto-icons/delete-cash-bin/delete-cash-bin.tsx
index 8ae563568e..f2611bf76e 100644
--- a/libs/components/icons/src/auto-icons/delete-cash-bin/delete-cash-bin.tsx
+++ b/libs/components/icons/src/auto-icons/delete-cash-bin/delete-cash-bin.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface DeleteCashBinIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const DeleteCashBinIcon: FC<DeleteCashBinIconProps> = ({ color, style, ...props}) => {
+export const DeleteCashBinIcon = ({ color, style, ...props}: DeleteCashBinIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/delete-small-tag/delete-small-tag.tsx b/libs/components/icons/src/auto-icons/delete-small-tag/delete-small-tag.tsx
index 7260c5db46..ac3a393270 100644
--- a/libs/components/icons/src/auto-icons/delete-small-tag/delete-small-tag.tsx
+++ b/libs/components/icons/src/auto-icons/delete-small-tag/delete-small-tag.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface DeleteSmallTagIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const DeleteSmallTagIcon: FC<DeleteSmallTagIconProps> = ({ color, style, ...props}) => {
+export const DeleteSmallTagIcon = ({ color, style, ...props}: DeleteSmallTagIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/divider/divider.tsx b/libs/components/icons/src/auto-icons/divider/divider.tsx
index 08009a3e79..e3711fcea8 100644
--- a/libs/components/icons/src/auto-icons/divider/divider.tsx
+++ b/libs/components/icons/src/auto-icons/divider/divider.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface DividerIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const DividerIcon: FC<DividerIconProps> = ({ color, style, ...props}) => {
+export const DividerIcon = ({ color, style, ...props}: DividerIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/doc-view/doc-view.tsx b/libs/components/icons/src/auto-icons/doc-view/doc-view.tsx
index a75e9f2f5c..aecd5a446d 100644
--- a/libs/components/icons/src/auto-icons/doc-view/doc-view.tsx
+++ b/libs/components/icons/src/auto-icons/doc-view/doc-view.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface DocViewIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const DocViewIcon: FC<DocViewIconProps> = ({ color, style, ...props}) => {
+export const DocViewIcon = ({ color, style, ...props}: DocViewIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/done/done.tsx b/libs/components/icons/src/auto-icons/done/done.tsx
index 1550405f82..a873678882 100644
--- a/libs/components/icons/src/auto-icons/done/done.tsx
+++ b/libs/components/icons/src/auto-icons/done/done.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface DoneIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const DoneIcon: FC<DoneIconProps> = ({ color, style, ...props}) => {
+export const DoneIcon = ({ color, style, ...props}: DoneIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/duplicate/duplicate.tsx b/libs/components/icons/src/auto-icons/duplicate/duplicate.tsx
index 8421aa6ca9..1a97e5b5a7 100644
--- a/libs/components/icons/src/auto-icons/duplicate/duplicate.tsx
+++ b/libs/components/icons/src/auto-icons/duplicate/duplicate.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface DuplicateIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const DuplicateIcon: FC<DuplicateIconProps> = ({ color, style, ...props}) => {
+export const DuplicateIcon = ({ color, style, ...props}: DuplicateIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/edit/edit.tsx b/libs/components/icons/src/auto-icons/edit/edit.tsx
index 25a1238e17..b744f552cb 100644
--- a/libs/components/icons/src/auto-icons/edit/edit.tsx
+++ b/libs/components/icons/src/auto-icons/edit/edit.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface EditIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const EditIcon: FC<EditIconProps> = ({ color, style, ...props}) => {
+export const EditIcon = ({ color, style, ...props}: EditIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/ellipse/ellipse.tsx b/libs/components/icons/src/auto-icons/ellipse/ellipse.tsx
index e77a909250..24265258d8 100644
--- a/libs/components/icons/src/auto-icons/ellipse/ellipse.tsx
+++ b/libs/components/icons/src/auto-icons/ellipse/ellipse.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface EllipseIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const EllipseIcon: FC<EllipseIconProps> = ({ color, style, ...props}) => {
+export const EllipseIcon = ({ color, style, ...props}: EllipseIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/email/email.tsx b/libs/components/icons/src/auto-icons/email/email.tsx
index 8d70689434..f5da3eb785 100644
--- a/libs/components/icons/src/auto-icons/email/email.tsx
+++ b/libs/components/icons/src/auto-icons/email/email.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface EmailIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const EmailIcon: FC<EmailIconProps> = ({ color, style, ...props}) => {
+export const EmailIcon = ({ color, style, ...props}: EmailIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/embed/embed.tsx b/libs/components/icons/src/auto-icons/embed/embed.tsx
index 6b81186291..d3a4e0d649 100644
--- a/libs/components/icons/src/auto-icons/embed/embed.tsx
+++ b/libs/components/icons/src/auto-icons/embed/embed.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface EmbedIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const EmbedIcon: FC<EmbedIconProps> = ({ color, style, ...props}) => {
+export const EmbedIcon = ({ color, style, ...props}: EmbedIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/eraser/eraser.tsx b/libs/components/icons/src/auto-icons/eraser/eraser.tsx
index a6b4a504e1..7337f52610 100644
--- a/libs/components/icons/src/auto-icons/eraser/eraser.tsx
+++ b/libs/components/icons/src/auto-icons/eraser/eraser.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface EraserIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const EraserIcon: FC<EraserIconProps> = ({ color, style, ...props}) => {
+export const EraserIcon = ({ color, style, ...props}: EraserIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/figma/figma.tsx b/libs/components/icons/src/auto-icons/figma/figma.tsx
index ebd0c50d74..4651659fa7 100644
--- a/libs/components/icons/src/auto-icons/figma/figma.tsx
+++ b/libs/components/icons/src/auto-icons/figma/figma.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface FigmaIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const FigmaIcon: FC<FigmaIconProps> = ({ color, style, ...props}) => {
+export const FigmaIcon = ({ color, style, ...props}: FigmaIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/file/file.tsx b/libs/components/icons/src/auto-icons/file/file.tsx
index 7c8d5a5649..26c44ffa7a 100644
--- a/libs/components/icons/src/auto-icons/file/file.tsx
+++ b/libs/components/icons/src/auto-icons/file/file.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface FileIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const FileIcon: FC<FileIconProps> = ({ color, style, ...props}) => {
+export const FileIcon = ({ color, style, ...props}: FileIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/filter/filter.tsx b/libs/components/icons/src/auto-icons/filter/filter.tsx
index 72bd22d751..a95c552424 100644
--- a/libs/components/icons/src/auto-icons/filter/filter.tsx
+++ b/libs/components/icons/src/auto-icons/filter/filter.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface FilterIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const FilterIcon: FC<FilterIconProps> = ({ color, style, ...props}) => {
+export const FilterIcon = ({ color, style, ...props}: FilterIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/format-background/format-background.tsx b/libs/components/icons/src/auto-icons/format-background/format-background.tsx
index 6baf1ba3cd..1c3a24d1c3 100644
--- a/libs/components/icons/src/auto-icons/format-background/format-background.tsx
+++ b/libs/components/icons/src/auto-icons/format-background/format-background.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface FormatBackgroundIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const FormatBackgroundIcon: FC<FormatBackgroundIconProps> = ({ color, style, ...props}) => {
+export const FormatBackgroundIcon = ({ color, style, ...props}: FormatBackgroundIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/format-bold-emphasis/format-bold-emphasis.tsx b/libs/components/icons/src/auto-icons/format-bold-emphasis/format-bold-emphasis.tsx
index 849681b6fe..b6b35cb75d 100644
--- a/libs/components/icons/src/auto-icons/format-bold-emphasis/format-bold-emphasis.tsx
+++ b/libs/components/icons/src/auto-icons/format-bold-emphasis/format-bold-emphasis.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface FormatBoldEmphasisIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const FormatBoldEmphasisIcon: FC<FormatBoldEmphasisIconProps> = ({ color, style, ...props}) => {
+export const FormatBoldEmphasisIcon = ({ color, style, ...props}: FormatBoldEmphasisIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/format-clear/format-clear.tsx b/libs/components/icons/src/auto-icons/format-clear/format-clear.tsx
index a4da1e465e..e85483e690 100644
--- a/libs/components/icons/src/auto-icons/format-clear/format-clear.tsx
+++ b/libs/components/icons/src/auto-icons/format-clear/format-clear.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface FormatClearIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const FormatClearIcon: FC<FormatClearIconProps> = ({ color, style, ...props}) => {
+export const FormatClearIcon = ({ color, style, ...props}: FormatClearIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/format-color-text/format-color-text.tsx b/libs/components/icons/src/auto-icons/format-color-text/format-color-text.tsx
index aa68b248f2..1ce7a0d7eb 100644
--- a/libs/components/icons/src/auto-icons/format-color-text/format-color-text.tsx
+++ b/libs/components/icons/src/auto-icons/format-color-text/format-color-text.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface FormatColorTextIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const FormatColorTextIcon: FC<FormatColorTextIconProps> = ({ color, style, ...props}) => {
+export const FormatColorTextIcon = ({ color, style, ...props}: FormatColorTextIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/format-italic/format-italic.tsx b/libs/components/icons/src/auto-icons/format-italic/format-italic.tsx
index ba3a82b166..1ed8ff0fbb 100644
--- a/libs/components/icons/src/auto-icons/format-italic/format-italic.tsx
+++ b/libs/components/icons/src/auto-icons/format-italic/format-italic.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface FormatItalicIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const FormatItalicIcon: FC<FormatItalicIconProps> = ({ color, style, ...props}) => {
+export const FormatItalicIcon = ({ color, style, ...props}: FormatItalicIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/format-strikethrough/format-strikethrough.tsx b/libs/components/icons/src/auto-icons/format-strikethrough/format-strikethrough.tsx
index 1868a9a165..72057b538c 100644
--- a/libs/components/icons/src/auto-icons/format-strikethrough/format-strikethrough.tsx
+++ b/libs/components/icons/src/auto-icons/format-strikethrough/format-strikethrough.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface FormatStrikethroughIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const FormatStrikethroughIcon: FC<FormatStrikethroughIconProps> = ({ color, style, ...props}) => {
+export const FormatStrikethroughIcon = ({ color, style, ...props}: FormatStrikethroughIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/forward-redo/forward-redo.tsx b/libs/components/icons/src/auto-icons/forward-redo/forward-redo.tsx
index 52e5893e47..98dbdca1e5 100644
--- a/libs/components/icons/src/auto-icons/forward-redo/forward-redo.tsx
+++ b/libs/components/icons/src/auto-icons/forward-redo/forward-redo.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface ForwardRedoIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const ForwardRedoIcon: FC<ForwardRedoIconProps> = ({ color, style, ...props}) => {
+export const ForwardRedoIcon = ({ color, style, ...props}: ForwardRedoIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/frame/frame.tsx b/libs/components/icons/src/auto-icons/frame/frame.tsx
index 295410dd75..9e64227b60 100644
--- a/libs/components/icons/src/auto-icons/frame/frame.tsx
+++ b/libs/components/icons/src/auto-icons/frame/frame.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface FrameIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const FrameIcon: FC<FrameIconProps> = ({ color, style, ...props}) => {
+export const FrameIcon = ({ color, style, ...props}: FrameIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/full-screen/full-screen.tsx b/libs/components/icons/src/auto-icons/full-screen/full-screen.tsx
index 614d4a5988..90a6f7d480 100644
--- a/libs/components/icons/src/auto-icons/full-screen/full-screen.tsx
+++ b/libs/components/icons/src/auto-icons/full-screen/full-screen.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface FullScreenIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const FullScreenIcon: FC<FullScreenIconProps> = ({ color, style, ...props}) => {
+export const FullScreenIcon = ({ color, style, ...props}: FullScreenIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/group-by/group-by.tsx b/libs/components/icons/src/auto-icons/group-by/group-by.tsx
index 36a029891a..7289a982b2 100644
--- a/libs/components/icons/src/auto-icons/group-by/group-by.tsx
+++ b/libs/components/icons/src/auto-icons/group-by/group-by.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface GroupByIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const GroupByIcon: FC<GroupByIconProps> = ({ color, style, ...props}) => {
+export const GroupByIcon = ({ color, style, ...props}: GroupByIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/group/group.tsx b/libs/components/icons/src/auto-icons/group/group.tsx
index abf8a00805..4c913180bc 100644
--- a/libs/components/icons/src/auto-icons/group/group.tsx
+++ b/libs/components/icons/src/auto-icons/group/group.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface GroupIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const GroupIcon: FC<GroupIconProps> = ({ color, style, ...props}) => {
+export const GroupIcon = ({ color, style, ...props}: GroupIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/hand-tool/hand-tool.tsx b/libs/components/icons/src/auto-icons/hand-tool/hand-tool.tsx
index 33566d7950..8a71600ea2 100644
--- a/libs/components/icons/src/auto-icons/hand-tool/hand-tool.tsx
+++ b/libs/components/icons/src/auto-icons/hand-tool/hand-tool.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface HandToolIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const HandToolIcon: FC<HandToolIconProps> = ({ color, style, ...props}) => {
+export const HandToolIcon = ({ color, style, ...props}: HandToolIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/handle-child/handle-child.tsx b/libs/components/icons/src/auto-icons/handle-child/handle-child.tsx
index 94b45e7bd7..46e42ee9fd 100644
--- a/libs/components/icons/src/auto-icons/handle-child/handle-child.tsx
+++ b/libs/components/icons/src/auto-icons/handle-child/handle-child.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface HandleChildIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const HandleChildIcon: FC<HandleChildIconProps> = ({ color, style, ...props}) => {
+export const HandleChildIcon = ({ color, style, ...props}: HandleChildIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/handle-parent/handle-parent.tsx b/libs/components/icons/src/auto-icons/handle-parent/handle-parent.tsx
index 0703b8b71b..545b5fcde8 100644
--- a/libs/components/icons/src/auto-icons/handle-parent/handle-parent.tsx
+++ b/libs/components/icons/src/auto-icons/handle-parent/handle-parent.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface HandleParentIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const HandleParentIcon: FC<HandleParentIconProps> = ({ color, style, ...props}) => {
+export const HandleParentIcon = ({ color, style, ...props}: HandleParentIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/heading-one/heading-one.tsx b/libs/components/icons/src/auto-icons/heading-one/heading-one.tsx
index 357c943f20..7b4025c208 100644
--- a/libs/components/icons/src/auto-icons/heading-one/heading-one.tsx
+++ b/libs/components/icons/src/auto-icons/heading-one/heading-one.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface HeadingOneIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const HeadingOneIcon: FC<HeadingOneIconProps> = ({ color, style, ...props}) => {
+export const HeadingOneIcon = ({ color, style, ...props}: HeadingOneIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/heading-three/heading-three.tsx b/libs/components/icons/src/auto-icons/heading-three/heading-three.tsx
index 1e10e1f1ad..60bb5b9ba6 100644
--- a/libs/components/icons/src/auto-icons/heading-three/heading-three.tsx
+++ b/libs/components/icons/src/auto-icons/heading-three/heading-three.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface HeadingThreeIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const HeadingThreeIcon: FC<HeadingThreeIconProps> = ({ color, style, ...props}) => {
+export const HeadingThreeIcon = ({ color, style, ...props}: HeadingThreeIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/heading-two/heading-two.tsx b/libs/components/icons/src/auto-icons/heading-two/heading-two.tsx
index f41b618e45..b6de565ea1 100644
--- a/libs/components/icons/src/auto-icons/heading-two/heading-two.tsx
+++ b/libs/components/icons/src/auto-icons/heading-two/heading-two.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface HeadingTwoIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const HeadingTwoIcon: FC<HeadingTwoIconProps> = ({ color, style, ...props}) => {
+export const HeadingTwoIcon = ({ color, style, ...props}: HeadingTwoIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/help-center/help-center.tsx b/libs/components/icons/src/auto-icons/help-center/help-center.tsx
index 73e836d13c..a6e412892f 100644
--- a/libs/components/icons/src/auto-icons/help-center/help-center.tsx
+++ b/libs/components/icons/src/auto-icons/help-center/help-center.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface HelpCenterIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const HelpCenterIcon: FC<HelpCenterIconProps> = ({ color, style, ...props}) => {
+export const HelpCenterIcon = ({ color, style, ...props}: HelpCenterIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/highlighter-duotone/highlighter-duotone.tsx b/libs/components/icons/src/auto-icons/highlighter-duotone/highlighter-duotone.tsx
index 506f45454e..d2f6f44c54 100644
--- a/libs/components/icons/src/auto-icons/highlighter-duotone/highlighter-duotone.tsx
+++ b/libs/components/icons/src/auto-icons/highlighter-duotone/highlighter-duotone.tsx
@@ -1,9 +1,6 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface HighlighterDuotoneIconProps extends Omit<SvgIconProps, 'color'> {
     color0?: string
@@ -12,7 +9,7 @@ export interface HighlighterDuotoneIconProps extends Omit<SvgIconProps, 'color'>
     secondaryColor?: string
 }
 
-export const HighlighterDuotoneIcon: FC<HighlighterDuotoneIconProps> = ({ color0, primaryColor, color1, secondaryColor, style, ...props}) => {
+export const HighlighterDuotoneIcon = ({ color0, primaryColor, color1, secondaryColor, style, ...props}: HighlighterDuotoneIconProps) => {
     const propsStyles = {"--color-0": color0 || primaryColor, "--color-1": color1 || secondaryColor};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/hover-frame/hover-frame.tsx b/libs/components/icons/src/auto-icons/hover-frame/hover-frame.tsx
index 2e80468f9c..9159e957dd 100644
--- a/libs/components/icons/src/auto-icons/hover-frame/hover-frame.tsx
+++ b/libs/components/icons/src/auto-icons/hover-frame/hover-frame.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface HoverFrameIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const HoverFrameIcon: FC<HoverFrameIconProps> = ({ color, style, ...props}) => {
+export const HoverFrameIcon = ({ color, style, ...props}: HoverFrameIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/image/image.tsx b/libs/components/icons/src/auto-icons/image/image.tsx
index 23f79a4d0f..569df1b590 100644
--- a/libs/components/icons/src/auto-icons/image/image.tsx
+++ b/libs/components/icons/src/auto-icons/image/image.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface ImageIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const ImageIcon: FC<ImageIconProps> = ({ color, style, ...props}) => {
+export const ImageIcon = ({ color, style, ...props}: ImageIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/index.ts b/libs/components/icons/src/auto-icons/index.ts
index 4ea171d7b5..f59db7967f 100644
--- a/libs/components/icons/src/auto-icons/index.ts
+++ b/libs/components/icons/src/auto-icons/index.ts
@@ -1,4 +1,4 @@
-export const timestamp = 1659423582387;
+export const timestamp = 1660239514133;
 export * from './image/image';
 export * from './format-clear/format-clear';
 export * from './backward-undo/backward-undo';
diff --git a/libs/components/icons/src/auto-icons/information/information.tsx b/libs/components/icons/src/auto-icons/information/information.tsx
index 73bd081092..22484790d0 100644
--- a/libs/components/icons/src/auto-icons/information/information.tsx
+++ b/libs/components/icons/src/auto-icons/information/information.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface InformationIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const InformationIcon: FC<InformationIconProps> = ({ color, style, ...props}) => {
+export const InformationIcon = ({ color, style, ...props}: InformationIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/kan-ban/kan-ban.tsx b/libs/components/icons/src/auto-icons/kan-ban/kan-ban.tsx
index b3b351ee04..a0f07a8fe0 100644
--- a/libs/components/icons/src/auto-icons/kan-ban/kan-ban.tsx
+++ b/libs/components/icons/src/auto-icons/kan-ban/kan-ban.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface KanBanIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const KanBanIcon: FC<KanBanIconProps> = ({ color, style, ...props}) => {
+export const KanBanIcon = ({ color, style, ...props}: KanBanIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/laser-pen-duotone/laser-pen-duotone.tsx b/libs/components/icons/src/auto-icons/laser-pen-duotone/laser-pen-duotone.tsx
index b7d924edb5..483ef807f3 100644
--- a/libs/components/icons/src/auto-icons/laser-pen-duotone/laser-pen-duotone.tsx
+++ b/libs/components/icons/src/auto-icons/laser-pen-duotone/laser-pen-duotone.tsx
@@ -1,9 +1,6 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface LaserPenDuotoneIconProps extends Omit<SvgIconProps, 'color'> {
     color0?: string
@@ -12,7 +9,7 @@ export interface LaserPenDuotoneIconProps extends Omit<SvgIconProps, 'color'> {
     secondaryColor?: string
 }
 
-export const LaserPenDuotoneIcon: FC<LaserPenDuotoneIconProps> = ({ color0, primaryColor, color1, secondaryColor, style, ...props}) => {
+export const LaserPenDuotoneIcon = ({ color0, primaryColor, color1, secondaryColor, style, ...props}: LaserPenDuotoneIconProps) => {
     const propsStyles = {"--color-0": color0 || primaryColor, "--color-1": color1 || secondaryColor};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/layout/layout.tsx b/libs/components/icons/src/auto-icons/layout/layout.tsx
index 9a03e4d6e1..6285edba47 100644
--- a/libs/components/icons/src/auto-icons/layout/layout.tsx
+++ b/libs/components/icons/src/auto-icons/layout/layout.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface LayoutIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const LayoutIcon: FC<LayoutIconProps> = ({ color, style, ...props}) => {
+export const LayoutIcon = ({ color, style, ...props}: LayoutIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/line-none/line-none.tsx b/libs/components/icons/src/auto-icons/line-none/line-none.tsx
index 862879f120..14ef03c1cb 100644
--- a/libs/components/icons/src/auto-icons/line-none/line-none.tsx
+++ b/libs/components/icons/src/auto-icons/line-none/line-none.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface LineNoneIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const LineNoneIcon: FC<LineNoneIconProps> = ({ color, style, ...props}) => {
+export const LineNoneIcon = ({ color, style, ...props}: LineNoneIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/link/link.tsx b/libs/components/icons/src/auto-icons/link/link.tsx
index 9828e59427..9fa4d328c6 100644
--- a/libs/components/icons/src/auto-icons/link/link.tsx
+++ b/libs/components/icons/src/auto-icons/link/link.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface LinkIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const LinkIcon: FC<LinkIconProps> = ({ color, style, ...props}) => {
+export const LinkIcon = ({ color, style, ...props}: LinkIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/location/location.tsx b/libs/components/icons/src/auto-icons/location/location.tsx
index 7988b3c383..6a22f62e03 100644
--- a/libs/components/icons/src/auto-icons/location/location.tsx
+++ b/libs/components/icons/src/auto-icons/location/location.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface LocationIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const LocationIcon: FC<LocationIconProps> = ({ color, style, ...props}) => {
+export const LocationIcon = ({ color, style, ...props}: LocationIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/lock/lock.tsx b/libs/components/icons/src/auto-icons/lock/lock.tsx
index c2637b240f..4b7b67c672 100644
--- a/libs/components/icons/src/auto-icons/lock/lock.tsx
+++ b/libs/components/icons/src/auto-icons/lock/lock.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface LockIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const LockIcon: FC<LockIconProps> = ({ color, style, ...props}) => {
+export const LockIcon = ({ color, style, ...props}: LockIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/log-out/log-out.tsx b/libs/components/icons/src/auto-icons/log-out/log-out.tsx
index a7844fe2c0..b48528fe19 100644
--- a/libs/components/icons/src/auto-icons/log-out/log-out.tsx
+++ b/libs/components/icons/src/auto-icons/log-out/log-out.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface LogOutIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const LogOutIcon: FC<LogOutIconProps> = ({ color, style, ...props}) => {
+export const LogOutIcon = ({ color, style, ...props}: LogOutIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/logo/logo.tsx b/libs/components/icons/src/auto-icons/logo/logo.tsx
index cbf840ee7e..716bc0d1c1 100644
--- a/libs/components/icons/src/auto-icons/logo/logo.tsx
+++ b/libs/components/icons/src/auto-icons/logo/logo.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface LogoIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const LogoIcon: FC<LogoIconProps> = ({ color, style, ...props}) => {
+export const LogoIcon = ({ color, style, ...props}: LogoIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/more-tags-an-subblocks/more-tags-an-subblocks.tsx b/libs/components/icons/src/auto-icons/more-tags-an-subblocks/more-tags-an-subblocks.tsx
index c631600a86..73c5ee52f6 100644
--- a/libs/components/icons/src/auto-icons/more-tags-an-subblocks/more-tags-an-subblocks.tsx
+++ b/libs/components/icons/src/auto-icons/more-tags-an-subblocks/more-tags-an-subblocks.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface MoreTagsAnSubblocksIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const MoreTagsAnSubblocksIcon: FC<MoreTagsAnSubblocksIconProps> = ({ color, style, ...props}) => {
+export const MoreTagsAnSubblocksIcon = ({ color, style, ...props}: MoreTagsAnSubblocksIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/more/more.tsx b/libs/components/icons/src/auto-icons/more/more.tsx
index 643779bb84..31a3bcbb7b 100644
--- a/libs/components/icons/src/auto-icons/more/more.tsx
+++ b/libs/components/icons/src/auto-icons/more/more.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface MoreIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const MoreIcon: FC<MoreIconProps> = ({ color, style, ...props}) => {
+export const MoreIcon = ({ color, style, ...props}: MoreIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/move-to/move-to.tsx b/libs/components/icons/src/auto-icons/move-to/move-to.tsx
index a1a5f9b444..3a95826f81 100644
--- a/libs/components/icons/src/auto-icons/move-to/move-to.tsx
+++ b/libs/components/icons/src/auto-icons/move-to/move-to.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface MoveToIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const MoveToIcon: FC<MoveToIconProps> = ({ color, style, ...props}) => {
+export const MoveToIcon = ({ color, style, ...props}: MoveToIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/multi-select/multi-select.tsx b/libs/components/icons/src/auto-icons/multi-select/multi-select.tsx
index a56de13a02..b8f325e3f8 100644
--- a/libs/components/icons/src/auto-icons/multi-select/multi-select.tsx
+++ b/libs/components/icons/src/auto-icons/multi-select/multi-select.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface MultiSelectIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const MultiSelectIcon: FC<MultiSelectIconProps> = ({ color, style, ...props}) => {
+export const MultiSelectIcon = ({ color, style, ...props}: MultiSelectIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/number/number.tsx b/libs/components/icons/src/auto-icons/number/number.tsx
index b636516b87..48d708b634 100644
--- a/libs/components/icons/src/auto-icons/number/number.tsx
+++ b/libs/components/icons/src/auto-icons/number/number.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface NumberIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const NumberIcon: FC<NumberIconProps> = ({ color, style, ...props}) => {
+export const NumberIcon = ({ color, style, ...props}: NumberIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/page-duallink/page-duallink.tsx b/libs/components/icons/src/auto-icons/page-duallink/page-duallink.tsx
index da28fe455f..cfe410eccf 100644
--- a/libs/components/icons/src/auto-icons/page-duallink/page-duallink.tsx
+++ b/libs/components/icons/src/auto-icons/page-duallink/page-duallink.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface PageDuallinkIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const PageDuallinkIcon: FC<PageDuallinkIconProps> = ({ color, style, ...props}) => {
+export const PageDuallinkIcon = ({ color, style, ...props}: PageDuallinkIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/page-in-page-tree/page-in-page-tree.tsx b/libs/components/icons/src/auto-icons/page-in-page-tree/page-in-page-tree.tsx
index 9d404fb4ed..d11ae048ef 100644
--- a/libs/components/icons/src/auto-icons/page-in-page-tree/page-in-page-tree.tsx
+++ b/libs/components/icons/src/auto-icons/page-in-page-tree/page-in-page-tree.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface PageInPageTreeIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const PageInPageTreeIcon: FC<PageInPageTreeIconProps> = ({ color, style, ...props}) => {
+export const PageInPageTreeIcon = ({ color, style, ...props}: PageInPageTreeIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/pages/pages.tsx b/libs/components/icons/src/auto-icons/pages/pages.tsx
index f62e5c1425..48c0bc81b6 100644
--- a/libs/components/icons/src/auto-icons/pages/pages.tsx
+++ b/libs/components/icons/src/auto-icons/pages/pages.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface PagesIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const PagesIcon: FC<PagesIconProps> = ({ color, style, ...props}) => {
+export const PagesIcon = ({ color, style, ...props}: PagesIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/pen/pen.tsx b/libs/components/icons/src/auto-icons/pen/pen.tsx
index ad0751641a..827078d228 100644
--- a/libs/components/icons/src/auto-icons/pen/pen.tsx
+++ b/libs/components/icons/src/auto-icons/pen/pen.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface PenIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const PenIcon: FC<PenIconProps> = ({ color, style, ...props}) => {
+export const PenIcon = ({ color, style, ...props}: PenIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/pencil-duotone/pencil-duotone.tsx b/libs/components/icons/src/auto-icons/pencil-duotone/pencil-duotone.tsx
index bd18d7caca..63a193490d 100644
--- a/libs/components/icons/src/auto-icons/pencil-duotone/pencil-duotone.tsx
+++ b/libs/components/icons/src/auto-icons/pencil-duotone/pencil-duotone.tsx
@@ -1,9 +1,6 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface PencilDuotoneIconProps extends Omit<SvgIconProps, 'color'> {
     color0?: string
@@ -12,7 +9,7 @@ export interface PencilDuotoneIconProps extends Omit<SvgIconProps, 'color'> {
     secondaryColor?: string
 }
 
-export const PencilDuotoneIcon: FC<PencilDuotoneIconProps> = ({ color0, primaryColor, color1, secondaryColor, style, ...props}) => {
+export const PencilDuotoneIcon = ({ color0, primaryColor, color1, secondaryColor, style, ...props}: PencilDuotoneIconProps) => {
     const propsStyles = {"--color-0": color0 || primaryColor, "--color-1": color1 || secondaryColor};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/phone/phone.tsx b/libs/components/icons/src/auto-icons/phone/phone.tsx
index 691aaa6df0..f915615fe3 100644
--- a/libs/components/icons/src/auto-icons/phone/phone.tsx
+++ b/libs/components/icons/src/auto-icons/phone/phone.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface PhoneIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const PhoneIcon: FC<PhoneIconProps> = ({ color, style, ...props}) => {
+export const PhoneIcon = ({ color, style, ...props}: PhoneIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/pin/pin.tsx b/libs/components/icons/src/auto-icons/pin/pin.tsx
index 60f1db57f2..327de5a24a 100644
--- a/libs/components/icons/src/auto-icons/pin/pin.tsx
+++ b/libs/components/icons/src/auto-icons/pin/pin.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface PinIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const PinIcon: FC<PinIconProps> = ({ color, style, ...props}) => {
+export const PinIcon = ({ color, style, ...props}: PinIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/point-line/point-line.tsx b/libs/components/icons/src/auto-icons/point-line/point-line.tsx
index e2818689f5..c4c32ad443 100644
--- a/libs/components/icons/src/auto-icons/point-line/point-line.tsx
+++ b/libs/components/icons/src/auto-icons/point-line/point-line.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface PointLineIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const PointLineIcon: FC<PointLineIconProps> = ({ color, style, ...props}) => {
+export const PointLineIcon = ({ color, style, ...props}: PointLineIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/polygon/polygon.tsx b/libs/components/icons/src/auto-icons/polygon/polygon.tsx
index 29e820aca1..9544d79d76 100644
--- a/libs/components/icons/src/auto-icons/polygon/polygon.tsx
+++ b/libs/components/icons/src/auto-icons/polygon/polygon.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface PolygonIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const PolygonIcon: FC<PolygonIconProps> = ({ color, style, ...props}) => {
+export const PolygonIcon = ({ color, style, ...props}: PolygonIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/quote/quote.tsx b/libs/components/icons/src/auto-icons/quote/quote.tsx
index 403fec355c..bdbd9a4417 100644
--- a/libs/components/icons/src/auto-icons/quote/quote.tsx
+++ b/libs/components/icons/src/auto-icons/quote/quote.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface QuoteIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const QuoteIcon: FC<QuoteIconProps> = ({ color, style, ...props}) => {
+export const QuoteIcon = ({ color, style, ...props}: QuoteIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/reaction/reaction.tsx b/libs/components/icons/src/auto-icons/reaction/reaction.tsx
index e50612e3fd..a36c87639e 100644
--- a/libs/components/icons/src/auto-icons/reaction/reaction.tsx
+++ b/libs/components/icons/src/auto-icons/reaction/reaction.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface ReactionIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const ReactionIcon: FC<ReactionIconProps> = ({ color, style, ...props}) => {
+export const ReactionIcon = ({ color, style, ...props}: ReactionIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/rectangle-93/rectangle-93.tsx b/libs/components/icons/src/auto-icons/rectangle-93/rectangle-93.tsx
index beb3b61b55..5a327a1c83 100644
--- a/libs/components/icons/src/auto-icons/rectangle-93/rectangle-93.tsx
+++ b/libs/components/icons/src/auto-icons/rectangle-93/rectangle-93.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface Rectangle_93IconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const Rectangle_93Icon: FC<Rectangle_93IconProps> = ({ color, style, ...props}) => {
+export const Rectangle_93Icon = ({ color, style, ...props}: Rectangle_93IconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/rectangle/rectangle.tsx b/libs/components/icons/src/auto-icons/rectangle/rectangle.tsx
index cdd56157b2..39bca5eb4a 100644
--- a/libs/components/icons/src/auto-icons/rectangle/rectangle.tsx
+++ b/libs/components/icons/src/auto-icons/rectangle/rectangle.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface RectangleIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const RectangleIcon: FC<RectangleIconProps> = ({ color, style, ...props}) => {
+export const RectangleIcon = ({ color, style, ...props}: RectangleIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/search/search.tsx b/libs/components/icons/src/auto-icons/search/search.tsx
index e19e5b6306..c352b447b2 100644
--- a/libs/components/icons/src/auto-icons/search/search.tsx
+++ b/libs/components/icons/src/auto-icons/search/search.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface SearchIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const SearchIcon: FC<SearchIconProps> = ({ color, style, ...props}) => {
+export const SearchIcon = ({ color, style, ...props}: SearchIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/select-box-select/select-box-select.tsx b/libs/components/icons/src/auto-icons/select-box-select/select-box-select.tsx
index e2207f52aa..b2bc838f3c 100644
--- a/libs/components/icons/src/auto-icons/select-box-select/select-box-select.tsx
+++ b/libs/components/icons/src/auto-icons/select-box-select/select-box-select.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface SelectBoxSelectIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const SelectBoxSelectIcon: FC<SelectBoxSelectIconProps> = ({ color, style, ...props}) => {
+export const SelectBoxSelectIcon = ({ color, style, ...props}: SelectBoxSelectIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/select-box-unselect/select-box-unselect.tsx b/libs/components/icons/src/auto-icons/select-box-unselect/select-box-unselect.tsx
index 6d4f5838b7..58e5a44b13 100644
--- a/libs/components/icons/src/auto-icons/select-box-unselect/select-box-unselect.tsx
+++ b/libs/components/icons/src/auto-icons/select-box-unselect/select-box-unselect.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface SelectBoxUnselectIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const SelectBoxUnselectIcon: FC<SelectBoxUnselectIconProps> = ({ color, style, ...props}) => {
+export const SelectBoxUnselectIcon = ({ color, style, ...props}: SelectBoxUnselectIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/select/select.tsx b/libs/components/icons/src/auto-icons/select/select.tsx
index eaa55cf47f..cc3d8a88de 100644
--- a/libs/components/icons/src/auto-icons/select/select.tsx
+++ b/libs/components/icons/src/auto-icons/select/select.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface SelectIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const SelectIcon: FC<SelectIconProps> = ({ color, style, ...props}) => {
+export const SelectIcon = ({ color, style, ...props}: SelectIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/settings/settings.tsx b/libs/components/icons/src/auto-icons/settings/settings.tsx
index d75d48e7e3..94d4e7f4b2 100644
--- a/libs/components/icons/src/auto-icons/settings/settings.tsx
+++ b/libs/components/icons/src/auto-icons/settings/settings.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface SettingsIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const SettingsIcon: FC<SettingsIconProps> = ({ color, style, ...props}) => {
+export const SettingsIcon = ({ color, style, ...props}: SettingsIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/shape-color-duotone/shape-color-duotone.tsx b/libs/components/icons/src/auto-icons/shape-color-duotone/shape-color-duotone.tsx
index cb44911c6c..fd15d8ab47 100644
--- a/libs/components/icons/src/auto-icons/shape-color-duotone/shape-color-duotone.tsx
+++ b/libs/components/icons/src/auto-icons/shape-color-duotone/shape-color-duotone.tsx
@@ -1,16 +1,13 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface ShapeColorDuotoneIconProps extends Omit<SvgIconProps, 'color'> {
     color0?: string
     primaryColor?: string
 }
 
-export const ShapeColorDuotoneIcon: FC<ShapeColorDuotoneIconProps> = ({ color0, primaryColor, style, ...props}) => {
+export const ShapeColorDuotoneIcon = ({ color0, primaryColor, style, ...props}: ShapeColorDuotoneIconProps) => {
     const propsStyles = {"--color-0": color0 || primaryColor};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/shape-color-none/shape-color-none.tsx b/libs/components/icons/src/auto-icons/shape-color-none/shape-color-none.tsx
index 18340931c1..4c278955fb 100644
--- a/libs/components/icons/src/auto-icons/shape-color-none/shape-color-none.tsx
+++ b/libs/components/icons/src/auto-icons/shape-color-none/shape-color-none.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface ShapeColorNoneIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const ShapeColorNoneIcon: FC<ShapeColorNoneIconProps> = ({ color, style, ...props}) => {
+export const ShapeColorNoneIcon = ({ color, style, ...props}: ShapeColorNoneIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/shape/shape.tsx b/libs/components/icons/src/auto-icons/shape/shape.tsx
index 3e6a38d5af..8e811d30a3 100644
--- a/libs/components/icons/src/auto-icons/shape/shape.tsx
+++ b/libs/components/icons/src/auto-icons/shape/shape.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface ShapeIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const ShapeIcon: FC<ShapeIconProps> = ({ color, style, ...props}) => {
+export const ShapeIcon = ({ color, style, ...props}: ShapeIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/side-bar-view-close/side-bar-view-close.tsx b/libs/components/icons/src/auto-icons/side-bar-view-close/side-bar-view-close.tsx
index dcca9989ea..5967965a5e 100644
--- a/libs/components/icons/src/auto-icons/side-bar-view-close/side-bar-view-close.tsx
+++ b/libs/components/icons/src/auto-icons/side-bar-view-close/side-bar-view-close.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface SideBarViewCloseIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const SideBarViewCloseIcon: FC<SideBarViewCloseIconProps> = ({ color, style, ...props}) => {
+export const SideBarViewCloseIcon = ({ color, style, ...props}: SideBarViewCloseIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/side-bar-view/side-bar-view.tsx b/libs/components/icons/src/auto-icons/side-bar-view/side-bar-view.tsx
index ecd466c8c2..8f69dcf714 100644
--- a/libs/components/icons/src/auto-icons/side-bar-view/side-bar-view.tsx
+++ b/libs/components/icons/src/auto-icons/side-bar-view/side-bar-view.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface SideBarViewIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const SideBarViewIcon: FC<SideBarViewIconProps> = ({ color, style, ...props}) => {
+export const SideBarViewIcon = ({ color, style, ...props}: SideBarViewIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/single-select/single-select.tsx b/libs/components/icons/src/auto-icons/single-select/single-select.tsx
index 3f7bdc99d3..3b355bca38 100644
--- a/libs/components/icons/src/auto-icons/single-select/single-select.tsx
+++ b/libs/components/icons/src/auto-icons/single-select/single-select.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface SingleSelectIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const SingleSelectIcon: FC<SingleSelectIconProps> = ({ color, style, ...props}) => {
+export const SingleSelectIcon = ({ color, style, ...props}: SingleSelectIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/solid-line/solid-line.tsx b/libs/components/icons/src/auto-icons/solid-line/solid-line.tsx
index 331fde47c9..883a2ddc48 100644
--- a/libs/components/icons/src/auto-icons/solid-line/solid-line.tsx
+++ b/libs/components/icons/src/auto-icons/solid-line/solid-line.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface SolidLineIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const SolidLineIcon: FC<SolidLineIconProps> = ({ color, style, ...props}) => {
+export const SolidLineIcon = ({ color, style, ...props}: SolidLineIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/sort/sort.tsx b/libs/components/icons/src/auto-icons/sort/sort.tsx
index 8b7f1f3273..a42f0e8b2b 100644
--- a/libs/components/icons/src/auto-icons/sort/sort.tsx
+++ b/libs/components/icons/src/auto-icons/sort/sort.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface SortIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const SortIcon: FC<SortIconProps> = ({ color, style, ...props}) => {
+export const SortIcon = ({ color, style, ...props}: SortIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/sql/sql.tsx b/libs/components/icons/src/auto-icons/sql/sql.tsx
index d8d613db14..b2e12d4c10 100644
--- a/libs/components/icons/src/auto-icons/sql/sql.tsx
+++ b/libs/components/icons/src/auto-icons/sql/sql.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface SqlIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const SqlIcon: FC<SqlIconProps> = ({ color, style, ...props}) => {
+export const SqlIcon = ({ color, style, ...props}: SqlIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/stamp/stamp.tsx b/libs/components/icons/src/auto-icons/stamp/stamp.tsx
index ec6a69d853..8ce6881927 100644
--- a/libs/components/icons/src/auto-icons/stamp/stamp.tsx
+++ b/libs/components/icons/src/auto-icons/stamp/stamp.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface StampIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const StampIcon: FC<StampIconProps> = ({ color, style, ...props}) => {
+export const StampIcon = ({ color, style, ...props}: StampIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/star/star.tsx b/libs/components/icons/src/auto-icons/star/star.tsx
index ef3e355bd1..104b6a2144 100644
--- a/libs/components/icons/src/auto-icons/star/star.tsx
+++ b/libs/components/icons/src/auto-icons/star/star.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface StarIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const StarIcon: FC<StarIconProps> = ({ color, style, ...props}) => {
+export const StarIcon = ({ color, style, ...props}: StarIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/status/status.tsx b/libs/components/icons/src/auto-icons/status/status.tsx
index c2a5d672ad..3c9a70ad9c 100644
--- a/libs/components/icons/src/auto-icons/status/status.tsx
+++ b/libs/components/icons/src/auto-icons/status/status.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface StatusIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const StatusIcon: FC<StatusIconProps> = ({ color, style, ...props}) => {
+export const StatusIcon = ({ color, style, ...props}: StatusIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/switch-off-duotone/switch-off-duotone.tsx b/libs/components/icons/src/auto-icons/switch-off-duotone/switch-off-duotone.tsx
index 277e26eb89..be39640e9f 100644
--- a/libs/components/icons/src/auto-icons/switch-off-duotone/switch-off-duotone.tsx
+++ b/libs/components/icons/src/auto-icons/switch-off-duotone/switch-off-duotone.tsx
@@ -1,9 +1,6 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface SwitchOffDuotoneIconProps extends Omit<SvgIconProps, 'color'> {
     color0?: string
@@ -13,7 +10,7 @@ export interface SwitchOffDuotoneIconProps extends Omit<SvgIconProps, 'color'> {
     color2?: string
 }
 
-export const SwitchOffDuotoneIcon: FC<SwitchOffDuotoneIconProps> = ({ color0, primaryColor, color1, secondaryColor, color2, style, ...props}) => {
+export const SwitchOffDuotoneIcon = ({ color0, primaryColor, color1, secondaryColor, color2, style, ...props}: SwitchOffDuotoneIconProps) => {
     const propsStyles = {"--color-0": color0 || primaryColor, "--color-1": color1 || secondaryColor, "--color-2": color2};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/switch-on-duotone/switch-on-duotone.tsx b/libs/components/icons/src/auto-icons/switch-on-duotone/switch-on-duotone.tsx
index 4ac41c5320..b4f381cedd 100644
--- a/libs/components/icons/src/auto-icons/switch-on-duotone/switch-on-duotone.tsx
+++ b/libs/components/icons/src/auto-icons/switch-on-duotone/switch-on-duotone.tsx
@@ -1,9 +1,6 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface SwitchOnDuotoneIconProps extends Omit<SvgIconProps, 'color'> {
     color0?: string
@@ -12,7 +9,7 @@ export interface SwitchOnDuotoneIconProps extends Omit<SvgIconProps, 'color'> {
     secondaryColor?: string
 }
 
-export const SwitchOnDuotoneIcon: FC<SwitchOnDuotoneIconProps> = ({ color0, primaryColor, color1, secondaryColor, style, ...props}) => {
+export const SwitchOnDuotoneIcon = ({ color0, primaryColor, color1, secondaryColor, style, ...props}: SwitchOnDuotoneIconProps) => {
     const propsStyles = {"--color-0": color0 || primaryColor, "--color-1": color1 || secondaryColor};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/table/table.tsx b/libs/components/icons/src/auto-icons/table/table.tsx
index 0534eadd60..08f5a66011 100644
--- a/libs/components/icons/src/auto-icons/table/table.tsx
+++ b/libs/components/icons/src/auto-icons/table/table.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface TableIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const TableIcon: FC<TableIconProps> = ({ color, style, ...props}) => {
+export const TableIcon = ({ color, style, ...props}: TableIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/tag-add-duotone/tag-add-duotone.tsx b/libs/components/icons/src/auto-icons/tag-add-duotone/tag-add-duotone.tsx
index 045115b9e3..2948399592 100644
--- a/libs/components/icons/src/auto-icons/tag-add-duotone/tag-add-duotone.tsx
+++ b/libs/components/icons/src/auto-icons/tag-add-duotone/tag-add-duotone.tsx
@@ -1,9 +1,6 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface TagAddDuotoneIconProps extends Omit<SvgIconProps, 'color'> {
     color0?: string
@@ -12,7 +9,7 @@ export interface TagAddDuotoneIconProps extends Omit<SvgIconProps, 'color'> {
     secondaryColor?: string
 }
 
-export const TagAddDuotoneIcon: FC<TagAddDuotoneIconProps> = ({ color0, primaryColor, color1, secondaryColor, style, ...props}) => {
+export const TagAddDuotoneIcon = ({ color0, primaryColor, color1, secondaryColor, style, ...props}: TagAddDuotoneIconProps) => {
     const propsStyles = {"--color-0": color0 || primaryColor, "--color-1": color1 || secondaryColor};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/tags/tags.tsx b/libs/components/icons/src/auto-icons/tags/tags.tsx
index 4d79fa6ed2..b2f4ab7e43 100644
--- a/libs/components/icons/src/auto-icons/tags/tags.tsx
+++ b/libs/components/icons/src/auto-icons/tags/tags.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface TagsIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const TagsIcon: FC<TagsIconProps> = ({ color, style, ...props}) => {
+export const TagsIcon = ({ color, style, ...props}: TagsIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/text-font/text-font.tsx b/libs/components/icons/src/auto-icons/text-font/text-font.tsx
index 84188037f0..5900812435 100644
--- a/libs/components/icons/src/auto-icons/text-font/text-font.tsx
+++ b/libs/components/icons/src/auto-icons/text-font/text-font.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface TextFontIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const TextFontIcon: FC<TextFontIconProps> = ({ color, style, ...props}) => {
+export const TextFontIcon = ({ color, style, ...props}: TextFontIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/text/text.tsx b/libs/components/icons/src/auto-icons/text/text.tsx
index 3500e23560..38ebf85471 100644
--- a/libs/components/icons/src/auto-icons/text/text.tsx
+++ b/libs/components/icons/src/auto-icons/text/text.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface TextIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const TextIcon: FC<TextIconProps> = ({ color, style, ...props}) => {
+export const TextIcon = ({ color, style, ...props}: TextIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/to-do/to-do.tsx b/libs/components/icons/src/auto-icons/to-do/to-do.tsx
index 4db46b78bc..03253fa6e7 100644
--- a/libs/components/icons/src/auto-icons/to-do/to-do.tsx
+++ b/libs/components/icons/src/auto-icons/to-do/to-do.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface ToDoIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const ToDoIcon: FC<ToDoIconProps> = ({ color, style, ...props}) => {
+export const ToDoIcon = ({ color, style, ...props}: ToDoIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/todo-list/todo-list.tsx b/libs/components/icons/src/auto-icons/todo-list/todo-list.tsx
index c34489080c..164fbd0005 100644
--- a/libs/components/icons/src/auto-icons/todo-list/todo-list.tsx
+++ b/libs/components/icons/src/auto-icons/todo-list/todo-list.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface TodoListIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const TodoListIcon: FC<TodoListIconProps> = ({ color, style, ...props}) => {
+export const TodoListIcon = ({ color, style, ...props}: TodoListIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/triangle/triangle.tsx b/libs/components/icons/src/auto-icons/triangle/triangle.tsx
index 4eea5fc3c4..dd27616522 100644
--- a/libs/components/icons/src/auto-icons/triangle/triangle.tsx
+++ b/libs/components/icons/src/auto-icons/triangle/triangle.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface TriangleIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const TriangleIcon: FC<TriangleIconProps> = ({ color, style, ...props}) => {
+export const TriangleIcon = ({ color, style, ...props}: TriangleIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/turn-into/turn-into.tsx b/libs/components/icons/src/auto-icons/turn-into/turn-into.tsx
index bc1e24cde2..a9773ac4ad 100644
--- a/libs/components/icons/src/auto-icons/turn-into/turn-into.tsx
+++ b/libs/components/icons/src/auto-icons/turn-into/turn-into.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface TurnIntoIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const TurnIntoIcon: FC<TurnIntoIconProps> = ({ color, style, ...props}) => {
+export const TurnIntoIcon = ({ color, style, ...props}: TurnIntoIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/ungroup/ungroup.tsx b/libs/components/icons/src/auto-icons/ungroup/ungroup.tsx
index 1b5ecb9b27..d1c3c3be15 100644
--- a/libs/components/icons/src/auto-icons/ungroup/ungroup.tsx
+++ b/libs/components/icons/src/auto-icons/ungroup/ungroup.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface UngroupIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const UngroupIcon: FC<UngroupIconProps> = ({ color, style, ...props}) => {
+export const UngroupIcon = ({ color, style, ...props}: UngroupIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/unlock/unlock.tsx b/libs/components/icons/src/auto-icons/unlock/unlock.tsx
index 05fde07d9b..55219afb13 100644
--- a/libs/components/icons/src/auto-icons/unlock/unlock.tsx
+++ b/libs/components/icons/src/auto-icons/unlock/unlock.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface UnlockIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const UnlockIcon: FC<UnlockIconProps> = ({ color, style, ...props}) => {
+export const UnlockIcon = ({ color, style, ...props}: UnlockIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/web-app/web-app.tsx b/libs/components/icons/src/auto-icons/web-app/web-app.tsx
index ee1bcba6eb..ccb93a04d4 100644
--- a/libs/components/icons/src/auto-icons/web-app/web-app.tsx
+++ b/libs/components/icons/src/auto-icons/web-app/web-app.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface WebAppIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const WebAppIcon: FC<WebAppIconProps> = ({ color, style, ...props}) => {
+export const WebAppIcon = ({ color, style, ...props}: WebAppIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/libs/components/icons/src/auto-icons/youtube/youtube.tsx b/libs/components/icons/src/auto-icons/youtube/youtube.tsx
index 0f81383299..cd22e2bc2f 100644
--- a/libs/components/icons/src/auto-icons/youtube/youtube.tsx
+++ b/libs/components/icons/src/auto-icons/youtube/youtube.tsx
@@ -1,15 +1,12 @@
 
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface YoutubeIconProps extends Omit<SvgIconProps, 'color'> {
     color?: string
 }
 
-export const YoutubeIcon: FC<YoutubeIconProps> = ({ color, style, ...props}) => {
+export const YoutubeIcon = ({ color, style, ...props}: YoutubeIconProps) => {
     const propsStyles = {"color": color};
     const customStyles = {};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/tools/executors/figmaRes/figma/generateReactIcon.js b/tools/executors/figmaRes/figma/generateReactIcon.js
index dfc481f646..48dfe88a04 100644
--- a/tools/executors/figmaRes/figma/generateReactIcon.js
+++ b/tools/executors/figmaRes/figma/generateReactIcon.js
@@ -100,19 +100,16 @@ module.exports = async function generateReactIcon(name, svgCode, customStyles) {
     const colors = getColors(colorIdx);
 
     return `
-import { FC } from 'react';
 // eslint-disable-next-line no-restricted-imports
-import { SvgIcon } from '@mui/material';
-// eslint-disable-next-line no-restricted-imports
-import type { SvgIconProps } from '@mui/material';
+import { SvgIcon, SvgIconProps } from '@mui/material';
 
 export interface ${name}IconProps extends Omit<SvgIconProps, 'color'> {
     ${getColorsInterfaceProps(colors)}
 }
 
-export const ${name}Icon: FC<${name}IconProps> = ({ ${getRestColors(
+export const ${name}Icon = ({ ${getRestColors(
         colors
-    )}, style, ...props}) => {
+    )}, style, ...props}: ${name}IconProps) => {
     const propsStyles = ${getPropNameToColorValue(colors)};
     const customStyles = ${JSON.stringify(customStyles || {})};
     const styles = {...propsStyles, ...customStyles, ...style}
diff --git a/tools/executors/svgOptimize/svgo.js b/tools/executors/svgOptimize/svgo.js
index 6235fadb64..0f8902ed86 100644
--- a/tools/executors/svgOptimize/svgo.js
+++ b/tools/executors/svgOptimize/svgo.js
@@ -4,10 +4,6 @@ const { readdir, readFile, writeFile, exists } = require('fs/promises');
 const { pascalCase, paramCase } = require('change-case');
 const svgr = require('@svgr/core');
 
-function isDuotone(name) {
-    return name.endsWith('Duotone');
-}
-
 async function optimizeSvg(folder) {
     try {
         const icons = await readdir(folder);