diff --git a/assets/icons/ask-icon.svg b/assets/icons/ask-icon.svg
new file mode 100644
index 00000000..8fc1fb9c
--- /dev/null
+++ b/assets/icons/ask-icon.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/icons/info-icon.svg b/assets/icons/info-icon.svg
new file mode 100644
index 00000000..bbc5c232
--- /dev/null
+++ b/assets/icons/info-icon.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/icons/settings-big-icon.svg b/assets/icons/settings-big-icon.svg
new file mode 100644
index 00000000..77089c99
--- /dev/null
+++ b/assets/icons/settings-big-icon.svg
@@ -0,0 +1,10 @@
+
diff --git a/src/icons/add-clip-icon.tsx b/src/icons/add-clip-icon.tsx
index 06508678..9dc2821d 100644
--- a/src/icons/add-clip-icon.tsx
+++ b/src/icons/add-clip-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAddClipIcon = (props: SVGProps) => (
diff --git a/src/icons/add-column-left-icon.tsx b/src/icons/add-column-left-icon.tsx
index 54400c03..3107e362 100644
--- a/src/icons/add-column-left-icon.tsx
+++ b/src/icons/add-column-left-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAddColumnLeftIcon = (props: SVGProps) => (
diff --git a/src/icons/add-column-right-icon.tsx b/src/icons/add-column-right-icon.tsx
index 94ab6b34..545c92b5 100644
--- a/src/icons/add-column-right-icon.tsx
+++ b/src/icons/add-column-right-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAddColumnRightIcon = (props: SVGProps) => (
diff --git a/src/icons/add-icon.tsx b/src/icons/add-icon.tsx
index 9df8f4fe..fd495d81 100644
--- a/src/icons/add-icon.tsx
+++ b/src/icons/add-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAddIcon = (props: SVGProps) => (
diff --git a/src/icons/add-location-icon.tsx b/src/icons/add-location-icon.tsx
index f6d8aba1..c0585e34 100644
--- a/src/icons/add-location-icon.tsx
+++ b/src/icons/add-location-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAddLocationIcon = (props: SVGProps) => (
);
diff --git a/src/icons/add-row-bottom-icon.tsx b/src/icons/add-row-bottom-icon.tsx
index c15ec08a..de62bc6b 100644
--- a/src/icons/add-row-bottom-icon.tsx
+++ b/src/icons/add-row-bottom-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAddRowBottomIcon = (props: SVGProps) => (
diff --git a/src/icons/add-row-top-icon.tsx b/src/icons/add-row-top-icon.tsx
index cb32036d..c93d9837 100644
--- a/src/icons/add-row-top-icon.tsx
+++ b/src/icons/add-row-top-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAddRowTopIcon = (props: SVGProps) => (
diff --git a/src/icons/add-to-artifact-icon.tsx b/src/icons/add-to-artifact-icon.tsx
index 1a3b02e8..e8cdd274 100644
--- a/src/icons/add-to-artifact-icon.tsx
+++ b/src/icons/add-to-artifact-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAddToArtifactIcon = (props: SVGProps) => (
diff --git a/src/icons/add-to-folder-icon.tsx b/src/icons/add-to-folder-icon.tsx
index c6723903..4dbda922 100644
--- a/src/icons/add-to-folder-icon.tsx
+++ b/src/icons/add-to-folder-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAddToFolderIcon = (props: SVGProps) => (
);
diff --git a/src/icons/aimpoints-target-icon.tsx b/src/icons/aimpoints-target-icon.tsx
index 13caf661..4a9a6cc7 100644
--- a/src/icons/aimpoints-target-icon.tsx
+++ b/src/icons/aimpoints-target-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAimpointsTargetIcon = (props: SVGProps) => (
);
export default SvgAimpointsTargetIcon;
diff --git a/src/icons/airplane-icon.tsx b/src/icons/airplane-icon.tsx
index 835276b6..e59788e3 100644
--- a/src/icons/airplane-icon.tsx
+++ b/src/icons/airplane-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAirplaneIcon = (props: SVGProps) => (
diff --git a/src/icons/align-center-icon.tsx b/src/icons/align-center-icon.tsx
index b0f730b6..45eb37c8 100644
--- a/src/icons/align-center-icon.tsx
+++ b/src/icons/align-center-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAlignCenterIcon = (props: SVGProps) => (
diff --git a/src/icons/align-justify-icon.tsx b/src/icons/align-justify-icon.tsx
index 19faba29..704884ce 100644
--- a/src/icons/align-justify-icon.tsx
+++ b/src/icons/align-justify-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAlignJustifyIcon = (props: SVGProps) => (
diff --git a/src/icons/align-left-icon.tsx b/src/icons/align-left-icon.tsx
index 93f5905b..99349ab9 100644
--- a/src/icons/align-left-icon.tsx
+++ b/src/icons/align-left-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAlignLeftIcon = (props: SVGProps) => (
diff --git a/src/icons/align-right-icon.tsx b/src/icons/align-right-icon.tsx
index 5f33afdb..8f715946 100644
--- a/src/icons/align-right-icon.tsx
+++ b/src/icons/align-right-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAlignRightIcon = (props: SVGProps) => (
diff --git a/src/icons/alignment-bottom-icon.tsx b/src/icons/alignment-bottom-icon.tsx
index e3f50aca..23602d37 100644
--- a/src/icons/alignment-bottom-icon.tsx
+++ b/src/icons/alignment-bottom-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAlignmentBottomIcon = (props: SVGProps) => (
diff --git a/src/icons/alignment-horizontal-center-icon.tsx b/src/icons/alignment-horizontal-center-icon.tsx
index 95a012c9..b71a11ce 100644
--- a/src/icons/alignment-horizontal-center-icon.tsx
+++ b/src/icons/alignment-horizontal-center-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAlignmentHorizontalCenterIcon = (props: SVGProps) => (
diff --git a/src/icons/alignment-left-icon.tsx b/src/icons/alignment-left-icon.tsx
index b515465f..ecf3ef4b 100644
--- a/src/icons/alignment-left-icon.tsx
+++ b/src/icons/alignment-left-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAlignmentLeftIcon = (props: SVGProps) => (
diff --git a/src/icons/alignment-right-icon.tsx b/src/icons/alignment-right-icon.tsx
index 936622f7..2b48fe21 100644
--- a/src/icons/alignment-right-icon.tsx
+++ b/src/icons/alignment-right-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAlignmentRightIcon = (props: SVGProps) => (
diff --git a/src/icons/alignment-top-icon.tsx b/src/icons/alignment-top-icon.tsx
index f1ccb349..2f93fa97 100644
--- a/src/icons/alignment-top-icon.tsx
+++ b/src/icons/alignment-top-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAlignmentTopIcon = (props: SVGProps) => (
diff --git a/src/icons/alignment-vertical-center-icon.tsx b/src/icons/alignment-vertical-center-icon.tsx
index ef6326be..90c89906 100644
--- a/src/icons/alignment-vertical-center-icon.tsx
+++ b/src/icons/alignment-vertical-center-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAlignmentVerticalCenterIcon = (props: SVGProps) => (
diff --git a/src/icons/anchor-icon.tsx b/src/icons/anchor-icon.tsx
index 816f6c73..d1d74aa8 100644
--- a/src/icons/anchor-icon.tsx
+++ b/src/icons/anchor-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAnchorIcon = (props: SVGProps) => (
diff --git a/src/icons/annotation-icon.tsx b/src/icons/annotation-icon.tsx
index 3b74b37d..3b3986b2 100644
--- a/src/icons/annotation-icon.tsx
+++ b/src/icons/annotation-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAnnotationIcon = (props: SVGProps) => (
diff --git a/src/icons/antenna-icon.tsx b/src/icons/antenna-icon.tsx
index 06b94f8f..50ec644a 100644
--- a/src/icons/antenna-icon.tsx
+++ b/src/icons/antenna-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAntennaIcon = (props: SVGProps) => (
diff --git a/src/icons/app-header-icon.tsx b/src/icons/app-header-icon.tsx
index 1e8d542f..a4c94905 100644
--- a/src/icons/app-header-icon.tsx
+++ b/src/icons/app-header-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAppHeaderIcon = (props: SVGProps) => (
);
export default SvgAppHeaderIcon;
diff --git a/src/icons/application-icon.tsx b/src/icons/application-icon.tsx
index 05592d19..a833977b 100644
--- a/src/icons/application-icon.tsx
+++ b/src/icons/application-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgApplicationIcon = (props: SVGProps) => (
diff --git a/src/icons/applications-icon.tsx b/src/icons/applications-icon.tsx
index 0607daba..c4753886 100644
--- a/src/icons/applications-icon.tsx
+++ b/src/icons/applications-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgApplicationsIcon = (props: SVGProps) => (
diff --git a/src/icons/archive-icon.tsx b/src/icons/archive-icon.tsx
index 382cf58e..e73832bf 100644
--- a/src/icons/archive-icon.tsx
+++ b/src/icons/archive-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgArchiveIcon = (props: SVGProps) => (
);
diff --git a/src/icons/area-of-interest-icon.tsx b/src/icons/area-of-interest-icon.tsx
index 073d7604..9f637e32 100644
--- a/src/icons/area-of-interest-icon.tsx
+++ b/src/icons/area-of-interest-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAreaOfInterestIcon = (props: SVGProps) => (
diff --git a/src/icons/array-boolean-icon.tsx b/src/icons/array-boolean-icon.tsx
index e159359e..741060e9 100644
--- a/src/icons/array-boolean-icon.tsx
+++ b/src/icons/array-boolean-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgArrayBooleanIcon = (props: SVGProps) => (
);
diff --git a/src/icons/array-date-icon.tsx b/src/icons/array-date-icon.tsx
index f9f512a2..e0f4079e 100644
--- a/src/icons/array-date-icon.tsx
+++ b/src/icons/array-date-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgArrayDateIcon = (props: SVGProps) => (
);
diff --git a/src/icons/array-floating-point-icon.tsx b/src/icons/array-floating-point-icon.tsx
index e71a941e..3aa3a9c4 100644
--- a/src/icons/array-floating-point-icon.tsx
+++ b/src/icons/array-floating-point-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgArrayFloatingPointIcon = (props: SVGProps) => (
);
export default SvgArrayFloatingPointIcon;
diff --git a/src/icons/array-icon.tsx b/src/icons/array-icon.tsx
index ad2e764e..4f4f4437 100644
--- a/src/icons/array-icon.tsx
+++ b/src/icons/array-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgArrayIcon = (props: SVGProps) => (
);
diff --git a/src/icons/array-numeric-icon.tsx b/src/icons/array-numeric-icon.tsx
index 43ddea45..cefe9907 100644
--- a/src/icons/array-numeric-icon.tsx
+++ b/src/icons/array-numeric-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgArrayNumericIcon = (props: SVGProps) => (
);
diff --git a/src/icons/array-string-icon.tsx b/src/icons/array-string-icon.tsx
index f663436a..cc6ce04e 100644
--- a/src/icons/array-string-icon.tsx
+++ b/src/icons/array-string-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgArrayStringIcon = (props: SVGProps) => (
);
diff --git a/src/icons/array-timestamp-icon.tsx b/src/icons/array-timestamp-icon.tsx
index 876f775b..5d32f0ef 100644
--- a/src/icons/array-timestamp-icon.tsx
+++ b/src/icons/array-timestamp-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgArrayTimestampIcon = (props: SVGProps) => (
);
diff --git a/src/icons/arrow-bottom-left-icon.tsx b/src/icons/arrow-bottom-left-icon.tsx
index 52b1afad..184a1380 100644
--- a/src/icons/arrow-bottom-left-icon.tsx
+++ b/src/icons/arrow-bottom-left-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgArrowBottomLeftIcon = (props: SVGProps) => (
diff --git a/src/icons/arrow-bottom-right-icon.tsx b/src/icons/arrow-bottom-right-icon.tsx
index bdc02c92..168134ab 100644
--- a/src/icons/arrow-bottom-right-icon.tsx
+++ b/src/icons/arrow-bottom-right-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgArrowBottomRightIcon = (props: SVGProps) => (
diff --git a/src/icons/arrow-down-icon.tsx b/src/icons/arrow-down-icon.tsx
index 306b2cb9..b53aa356 100644
--- a/src/icons/arrow-down-icon.tsx
+++ b/src/icons/arrow-down-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgArrowDownIcon = (props: SVGProps) => (
);
export default SvgArrowDownIcon;
diff --git a/src/icons/arrow-left-icon.tsx b/src/icons/arrow-left-icon.tsx
index 3802e6c2..de59859a 100644
--- a/src/icons/arrow-left-icon.tsx
+++ b/src/icons/arrow-left-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgArrowLeftIcon = (props: SVGProps) => (
diff --git a/src/icons/arrow-right-icon.tsx b/src/icons/arrow-right-icon.tsx
index 3f70be8b..a0c324c0 100644
--- a/src/icons/arrow-right-icon.tsx
+++ b/src/icons/arrow-right-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgArrowRightIcon = (props: SVGProps) => (
diff --git a/src/icons/arrow-top-left-icon.tsx b/src/icons/arrow-top-left-icon.tsx
index 89890027..528ca52c 100644
--- a/src/icons/arrow-top-left-icon.tsx
+++ b/src/icons/arrow-top-left-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgArrowTopLeftIcon = (props: SVGProps) => (
diff --git a/src/icons/arrow-top-right-icon.tsx b/src/icons/arrow-top-right-icon.tsx
index 6d00a1a2..005bbfbc 100644
--- a/src/icons/arrow-top-right-icon.tsx
+++ b/src/icons/arrow-top-right-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgArrowTopRightIcon = (props: SVGProps) => (
diff --git a/src/icons/arrow-up-icon.tsx b/src/icons/arrow-up-icon.tsx
index 2f47fc2d..d6f630f2 100644
--- a/src/icons/arrow-up-icon.tsx
+++ b/src/icons/arrow-up-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgArrowUpIcon = (props: SVGProps) => (
);
export default SvgArrowUpIcon;
diff --git a/src/icons/arrows-horizontal-icon.tsx b/src/icons/arrows-horizontal-icon.tsx
index 45c23fcc..0ed2217a 100644
--- a/src/icons/arrows-horizontal-icon.tsx
+++ b/src/icons/arrows-horizontal-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgArrowsHorizontalIcon = (props: SVGProps) => (
);
export default SvgArrowsHorizontalIcon;
diff --git a/src/icons/arrows-vertical-icon.tsx b/src/icons/arrows-vertical-icon.tsx
index 749a148d..c5d0a5ce 100644
--- a/src/icons/arrows-vertical-icon.tsx
+++ b/src/icons/arrows-vertical-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgArrowsVerticalIcon = (props: SVGProps) => (
);
export default SvgArrowsVerticalIcon;
diff --git a/src/icons/ask-icon.tsx b/src/icons/ask-icon.tsx
new file mode 100644
index 00000000..ab5ec149
--- /dev/null
+++ b/src/icons/ask-icon.tsx
@@ -0,0 +1,19 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+
+const SvgAskIcon = (props: SVGProps) => (
+
+);
+export default SvgAskIcon;
diff --git a/src/icons/asterisk-icon.tsx b/src/icons/asterisk-icon.tsx
index 16b14551..73f354d5 100644
--- a/src/icons/asterisk-icon.tsx
+++ b/src/icons/asterisk-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAsteriskIcon = (props: SVGProps) => (
diff --git a/src/icons/at-icon.tsx b/src/icons/at-icon.tsx
index d24a5934..0a82f544 100644
--- a/src/icons/at-icon.tsx
+++ b/src/icons/at-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAtIcon = (props: SVGProps) => (
diff --git a/src/icons/automatic-updates-icon.tsx b/src/icons/automatic-updates-icon.tsx
index b97d7562..9f4ed152 100644
--- a/src/icons/automatic-updates-icon.tsx
+++ b/src/icons/automatic-updates-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgAutomaticUpdatesIcon = (props: SVGProps) => (
diff --git a/src/icons/backlink-icon.tsx b/src/icons/backlink-icon.tsx
index 581a9f86..bd90c4f4 100644
--- a/src/icons/backlink-icon.tsx
+++ b/src/icons/backlink-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgBacklinkIcon = (props: SVGProps) => (
diff --git a/src/icons/badge-icon.tsx b/src/icons/badge-icon.tsx
index d23876e9..79d06d33 100644
--- a/src/icons/badge-icon.tsx
+++ b/src/icons/badge-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgBadgeIcon = (props: SVGProps) => (
diff --git a/src/icons/ban-circle-icon.tsx b/src/icons/ban-circle-icon.tsx
index 809ea8f3..baf6e68b 100644
--- a/src/icons/ban-circle-icon.tsx
+++ b/src/icons/ban-circle-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgBanCircleIcon = (props: SVGProps) => (
diff --git a/src/icons/bank-account-icon.tsx b/src/icons/bank-account-icon.tsx
index b0feed11..c7a1980f 100644
--- a/src/icons/bank-account-icon.tsx
+++ b/src/icons/bank-account-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgBankAccountIcon = (props: SVGProps) => (
);
export default SvgBankAccountIcon;
diff --git a/src/icons/barcode-icon.tsx b/src/icons/barcode-icon.tsx
index 3d44ff5f..19c967b8 100644
--- a/src/icons/barcode-icon.tsx
+++ b/src/icons/barcode-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgBarcodeIcon = (props: SVGProps) => (
diff --git a/src/icons/blank-icon.tsx b/src/icons/blank-icon.tsx
index d4f09419..c7b7f9ac 100644
--- a/src/icons/blank-icon.tsx
+++ b/src/icons/blank-icon.tsx
@@ -1,5 +1,5 @@
import * as React from "react";
-import { SVGProps } from "react";
+import type { SVGProps } from "react";
const SvgBlankIcon = (props: SVGProps) => (