diff --git a/packages/desktop-client/package.json b/packages/desktop-client/package.json
index 023432cc055..3c81acb02cd 100644
--- a/packages/desktop-client/package.json
+++ b/packages/desktop-client/package.json
@@ -74,7 +74,7 @@
     "watch": "cross-env BROWSER=none yarn start",
     "build": "cross-env INLINE_RUNTIME_CHUNK=false craco build",
     "build:browser": "cross-env ./bin/build-browser",
-    "generate:icons": "rm src/icons/*/*.tsx; cd src/icons && svgr --typescript --expand-props start -d . .",
+    "generate:icons": "rm src/icons/*/*.tsx; cd src/icons && svgr --template template.ts --index-template index-template.ts --typescript --expand-props start -d . .",
     "test": "craco test",
     "e2e": "npx playwright test --browser=chromium",
     "vrt": "cross-env VRT=true npx playwright test --browser=chromium"
diff --git a/packages/desktop-client/src/components/AppBackground.tsx b/packages/desktop-client/src/components/AppBackground.tsx
index ec774515f49..dd484ac60c0 100644
--- a/packages/desktop-client/src/components/AppBackground.tsx
+++ b/packages/desktop-client/src/components/AppBackground.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import { css } from 'glamor';
 
-import AnimatedLoading from '../icons/AnimatedLoading';
+import { AnimatedLoading } from '../icons/AnimatedLoading';
 import { theme } from '../style';
 
 import { Background } from './Background';
diff --git a/packages/desktop-client/src/components/MobileBackButton.tsx b/packages/desktop-client/src/components/MobileBackButton.tsx
index 1577508ed4a..d13b504dc72 100644
--- a/packages/desktop-client/src/components/MobileBackButton.tsx
+++ b/packages/desktop-client/src/components/MobileBackButton.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 
 import { useNavigate } from '../hooks/useNavigate';
-import CheveronLeft from '../icons/v1/CheveronLeft';
+import { SvgCheveronLeft } from '../icons/v1';
 import { type CSSProperties, styles, theme } from '../style';
 
 import { Button } from './common/Button';
@@ -30,7 +30,7 @@ export function MobileBackButton({ style }: MobileBackButtonProps) {
       }}
       onPointerUp={() => navigate(-1)}
     >
-      <CheveronLeft
+      <SvgCheveronLeft
         style={{ width: 30, height: 30, margin: -10, marginLeft: -5 }}
       />
       <Text
diff --git a/packages/desktop-client/src/components/NotesButton.tsx b/packages/desktop-client/src/components/NotesButton.tsx
index 069a2fa5176..99942c70828 100644
--- a/packages/desktop-client/src/components/NotesButton.tsx
+++ b/packages/desktop-client/src/components/NotesButton.tsx
@@ -4,7 +4,7 @@ import q from 'loot-core/src/client/query-helpers';
 import { useLiveQuery } from 'loot-core/src/client/query-hooks';
 import { send } from 'loot-core/src/platform/client/fetch';
 
-import CustomNotesPaper from '../icons/v2/CustomNotesPaper';
+import { SvgCustomNotesPaper } from '../icons/v2';
 import { type CSSProperties, theme } from '../style';
 
 import { Button } from './common/Button';
@@ -100,7 +100,7 @@ export function NotesButton({
         }}
         {...tooltip.getOpenEvents()}
       >
-        <CustomNotesPaper style={{ width, height }} />
+        <SvgCustomNotesPaper style={{ width, height }} />
       </Button>
       {tooltipOpen && (
         <NotesTooltip
diff --git a/packages/desktop-client/src/components/Notifications.tsx b/packages/desktop-client/src/components/Notifications.tsx
index db4419afc5b..745b2b07dcb 100644
--- a/packages/desktop-client/src/components/Notifications.tsx
+++ b/packages/desktop-client/src/components/Notifications.tsx
@@ -9,8 +9,8 @@ import { useSelector } from 'react-redux';
 import type { NotificationWithId } from 'loot-core/src/client/state-types/notifications';
 
 import { useActions } from '../hooks/useActions';
-import AnimatedLoading from '../icons/AnimatedLoading';
-import Delete from '../icons/v0/Delete';
+import { AnimatedLoading } from '../icons/AnimatedLoading';
+import { SvgDelete } from '../icons/v0';
 import { styles, theme, type CSSProperties } from '../style';
 
 import { Button, ButtonWithLoading } from './common/Button';
@@ -209,7 +209,7 @@ function Notification({
             style={{ flexShrink: 0, color: 'currentColor' }}
             onClick={onRemove}
           >
-            <Delete style={{ width: 9, height: 9, color: 'currentColor' }} />
+            <SvgDelete style={{ width: 9, height: 9, color: 'currentColor' }} />
           </Button>
         )}
       </Stack>
diff --git a/packages/desktop-client/src/components/ThemeSelector.tsx b/packages/desktop-client/src/components/ThemeSelector.tsx
index 667fb272ba8..41629ad87cc 100644
--- a/packages/desktop-client/src/components/ThemeSelector.tsx
+++ b/packages/desktop-client/src/components/ThemeSelector.tsx
@@ -3,9 +3,7 @@ import React, { useState } from 'react';
 import type { Theme } from 'loot-core/src/types/prefs';
 
 import { useActions } from '../hooks/useActions';
-import MoonStars from '../icons/v2/MoonStars';
-import Sun from '../icons/v2/Sun';
-import System from '../icons/v2/System';
+import { SvgMoonStars, SvgSun, SvgSystem } from '../icons/v2';
 import { useResponsive } from '../ResponsiveProvider';
 import { type CSSProperties, themeOptions, useTheme } from '../style';
 
@@ -24,7 +22,11 @@ export function ThemeSelector({ style }: ThemeSelectorProps) {
 
   const { isNarrowWidth } = useResponsive();
 
-  const themeIcons = { light: Sun, dark: MoonStars, auto: System } as const;
+  const themeIcons = {
+    light: SvgSun,
+    dark: SvgMoonStars,
+    auto: SvgSystem,
+  } as const;
 
   async function onMenuSelect(newTheme: string) {
     setMenuOpen(false);
@@ -34,7 +36,7 @@ export function ThemeSelector({ style }: ThemeSelectorProps) {
     });
   }
 
-  const Icon = themeIcons?.[theme] || Sun;
+  const Icon = themeIcons?.[theme] || SvgSun;
 
   return isNarrowWidth ? null : (
     <Button
diff --git a/packages/desktop-client/src/components/Titlebar.tsx b/packages/desktop-client/src/components/Titlebar.tsx
index 9d13649dad7..5bcf1ceecda 100644
--- a/packages/desktop-client/src/components/Titlebar.tsx
+++ b/packages/desktop-client/src/components/Titlebar.tsx
@@ -17,11 +17,13 @@ import { type LocalPrefs } from 'loot-core/src/types/prefs';
 import { useActions } from '../hooks/useActions';
 import { useFeatureFlag } from '../hooks/useFeatureFlag';
 import { useNavigate } from '../hooks/useNavigate';
-import ArrowLeft from '../icons/v1/ArrowLeft';
-import AlertTriangle from '../icons/v2/AlertTriangle';
-import NavigationMenu from '../icons/v2/NavigationMenu';
-import ViewHide from '../icons/v2/ViewHide';
-import ViewShow from '../icons/v2/ViewShow';
+import { SvgArrowLeft } from '../icons/v1/ArrowLeft';
+import {
+  SvgAlertTriangle,
+  SvgNavigationMenu,
+  SvgViewHide,
+  SvgViewShow,
+} from '../icons/v2';
 import { useResponsive } from '../ResponsiveProvider';
 import { theme, type CSSProperties, styles } from '../style';
 
@@ -118,9 +120,9 @@ function PrivacyButton({ style }) {
       style={style}
     >
       {isPrivacyEnabled ? (
-        <ViewHide style={privacyIconStyle} />
+        <SvgViewHide style={privacyIconStyle} />
       ) : (
-        <ViewShow style={privacyIconStyle} />
+        <SvgViewShow style={privacyIconStyle} />
       )}
     </Button>
   );
@@ -247,12 +249,12 @@ function SyncButton({ style, isMobile = false }: SyncButtonProps) {
       >
         {isMobile ? (
           syncState === 'error' ? (
-            <AlertTriangle width={14} height={14} />
+            <SvgAlertTriangle width={14} height={14} />
           ) : (
             <AnimatedRefresh width={18} height={18} animating={syncing} />
           )
         ) : syncState === 'error' ? (
-          <AlertTriangle width={13} />
+          <SvgAlertTriangle width={13} />
         ) : (
           <AnimatedRefresh animating={syncing} />
         )}
@@ -410,7 +412,7 @@ export function Titlebar({ style }) {
             }
           }}
         >
-          <NavigationMenu
+          <SvgNavigationMenu
             className="menu"
             style={{ width: 15, height: 15, color: theme.pageText, left: 0 }}
           />
@@ -423,7 +425,7 @@ export function Titlebar({ style }) {
           element={
             location.state?.goBack ? (
               <Button type="bare" onClick={() => navigate(-1)}>
-                <ArrowLeft
+                <SvgArrowLeft
                   width={10}
                   height={10}
                   style={{ marginRight: 5, color: 'currentColor' }}
diff --git a/packages/desktop-client/src/components/UpdateNotification.tsx b/packages/desktop-client/src/components/UpdateNotification.tsx
index 47d38fc398c..10853e88440 100644
--- a/packages/desktop-client/src/components/UpdateNotification.tsx
+++ b/packages/desktop-client/src/components/UpdateNotification.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { useSelector } from 'react-redux';
 
 import { useActions } from '../hooks/useActions';
-import Close from '../icons/v1/Close';
+import { SvgClose } from '../icons/v1';
 import { theme } from '../style';
 
 import { Button } from './common/Button';
@@ -81,7 +81,10 @@ export function UpdateNotification() {
                 style={{ display: 'inline', padding: '1px 7px 2px 7px' }}
                 onClick={() => closeNotification(setAppState)}
               >
-                <Close width={9} style={{ color: theme.buttonPrimaryText }} />
+                <SvgClose
+                  width={9}
+                  style={{ color: theme.buttonPrimaryText }}
+                />
               </Button>
             </Text>
           </View>
diff --git a/packages/desktop-client/src/components/accounts/Header.jsx b/packages/desktop-client/src/components/accounts/Header.jsx
index 3f37e8e8d2d..da5608da11a 100644
--- a/packages/desktop-client/src/components/accounts/Header.jsx
+++ b/packages/desktop-client/src/components/accounts/Header.jsx
@@ -1,12 +1,14 @@
 import React, { useState, useRef } from 'react';
 
 import { useSyncServerStatus } from '../../hooks/useSyncServerStatus';
-import AnimatedLoading from '../../icons/AnimatedLoading';
-import Add from '../../icons/v1/Add';
-import ArrowsExpand3 from '../../icons/v2/ArrowsExpand3';
-import ArrowsShrink3 from '../../icons/v2/ArrowsShrink3';
-import DownloadThickBottom from '../../icons/v2/DownloadThickBottom';
-import Pencil1 from '../../icons/v2/Pencil1';
+import { AnimatedLoading } from '../../icons/AnimatedLoading';
+import { SvgAdd } from '../../icons/v1';
+import {
+  SvgArrowsExpand3,
+  SvgArrowsShrink3,
+  SvgDownloadThickBottom,
+  SvgPencil1,
+} from '../../icons/v2';
 import { theme, styles } from '../../style';
 import { AnimatedRefresh } from '../AnimatedRefresh';
 import { Button } from '../common/Button';
@@ -172,7 +174,7 @@ export function AccountHeader({
                   className="hover-visible"
                   onClick={() => onExposeName(true)}
                 >
-                  <Pencil1
+                  <SvgPencil1
                     style={{
                       width: 11,
                       height: 11,
@@ -224,7 +226,7 @@ export function AccountHeader({
                 </>
               ) : (
                 <>
-                  <DownloadThickBottom
+                  <SvgDownloadThickBottom
                     width={13}
                     height={13}
                     style={{ marginRight: 4 }}
@@ -236,7 +238,8 @@ export function AccountHeader({
           )}
           {!showEmptyMessage && (
             <Button type="bare" onClick={onAddTransaction}>
-              <Add width={10} height={10} style={{ marginRight: 3 }} /> Add New
+              <SvgAdd width={10} height={10} style={{ marginRight: 3 }} /> Add
+              New
             </Button>
           )}
           <View style={{ flexShrink: 0 }}>
@@ -278,9 +281,9 @@ export function AccountHeader({
             }
           >
             {splitsExpanded.state.mode === 'collapse' ? (
-              <ArrowsShrink3 style={{ width: 14, height: 14 }} />
+              <SvgArrowsShrink3 style={{ width: 14, height: 14 }} />
             ) : (
-              <ArrowsExpand3 style={{ width: 14, height: 14 }} />
+              <SvgArrowsExpand3 style={{ width: 14, height: 14 }} />
             )}
           </Button>
           {account ? (
diff --git a/packages/desktop-client/src/components/alerts.tsx b/packages/desktop-client/src/components/alerts.tsx
index 4c44399eb4a..34bed4e1745 100644
--- a/packages/desktop-client/src/components/alerts.tsx
+++ b/packages/desktop-client/src/components/alerts.tsx
@@ -1,7 +1,6 @@
 import React, { type ComponentType, type ReactNode } from 'react';
 
-import ExclamationOutline from '../icons/v1/ExclamationOutline';
-import InformationOutline from '../icons/v1/InformationOutline';
+import { SvgExclamationOutline, SvgInformationOutline } from '../icons/v1';
 import { styles, theme, type CSSProperties } from '../style';
 
 import { Text } from './common/Text';
@@ -62,7 +61,7 @@ type ScopedAlertProps = {
 export const Information = ({ style, children }: ScopedAlertProps) => {
   return (
     <Alert
-      icon={InformationOutline}
+      icon={SvgInformationOutline}
       color={theme.pageTextLight}
       backgroundColor="transparent"
       style={{
@@ -79,7 +78,7 @@ export const Information = ({ style, children }: ScopedAlertProps) => {
 export const Warning = ({ style, children }: ScopedAlertProps) => {
   return (
     <Alert
-      icon={ExclamationOutline}
+      icon={SvgExclamationOutline}
       color={theme.warningText}
       backgroundColor={theme.warningBackground}
       style={style}
@@ -92,7 +91,7 @@ export const Warning = ({ style, children }: ScopedAlertProps) => {
 export const Error = ({ style, children }: ScopedAlertProps) => {
   return (
     <Alert
-      icon={ExclamationOutline}
+      icon={SvgExclamationOutline}
       color={theme.errorTextDarker}
       backgroundColor={theme.errorBackground}
       style={style}
diff --git a/packages/desktop-client/src/components/autocomplete/Autocomplete.tsx b/packages/desktop-client/src/components/autocomplete/Autocomplete.tsx
index 7f64805e373..aa10a321826 100644
--- a/packages/desktop-client/src/components/autocomplete/Autocomplete.tsx
+++ b/packages/desktop-client/src/components/autocomplete/Autocomplete.tsx
@@ -13,7 +13,7 @@ import React, {
 import Downshift, { type StateChangeTypes } from 'downshift';
 import { css } from 'glamor';
 
-import Remove from '../../icons/v2/Remove';
+import { SvgRemove } from '../../icons/v2';
 import { theme, type CSSProperties } from '../../style';
 import { Button } from '../common/Button';
 import { Input } from '../common/Input';
@@ -575,7 +575,7 @@ function MultiItem({ name, onRemove }: MultiItemProps) {
     >
       {name}
       <Button type="bare" style={{ marginLeft: 1 }} onClick={onRemove}>
-        <Remove style={{ width: 8, height: 8 }} />
+        <SvgRemove style={{ width: 8, height: 8 }} />
       </Button>
     </View>
   );
diff --git a/packages/desktop-client/src/components/autocomplete/CategoryAutocomplete.tsx b/packages/desktop-client/src/components/autocomplete/CategoryAutocomplete.tsx
index b87520bdeba..2ac5fa7b6f1 100644
--- a/packages/desktop-client/src/components/autocomplete/CategoryAutocomplete.tsx
+++ b/packages/desktop-client/src/components/autocomplete/CategoryAutocomplete.tsx
@@ -14,7 +14,7 @@ import {
   type CategoryGroupEntity,
 } from 'loot-core/src/types/models';
 
-import Split from '../../icons/v0/Split';
+import { SvgSplit } from '../../icons/v0';
 import { useResponsive } from '../../ResponsiveProvider';
 import { type CSSProperties, theme } from '../../style';
 import { Text } from '../common/Text';
@@ -272,7 +272,7 @@ export function SplitTransactionButton({
         {Icon ? (
           <Icon style={{ marginRight: 5 }} />
         ) : (
-          <Split width={10} height={10} style={{ marginRight: 5 }} />
+          <SvgSplit width={10} height={10} style={{ marginRight: 5 }} />
         )}
       </Text>
       Split Transaction
diff --git a/packages/desktop-client/src/components/autocomplete/PayeeAutocomplete.tsx b/packages/desktop-client/src/components/autocomplete/PayeeAutocomplete.tsx
index b3665a45d60..0df6e3bc109 100644
--- a/packages/desktop-client/src/components/autocomplete/PayeeAutocomplete.tsx
+++ b/packages/desktop-client/src/components/autocomplete/PayeeAutocomplete.tsx
@@ -20,7 +20,7 @@ import {
   type PayeeEntity,
 } from 'loot-core/src/types/models';
 
-import Add from '../../icons/v1/Add';
+import { SvgAdd } from '../../icons/v1';
 import { useResponsive } from '../../ResponsiveProvider';
 import { type CSSProperties, theme } from '../../style';
 import { Button } from '../common/Button';
@@ -404,7 +404,7 @@ export function CreatePayeeButton({
       {Icon ? (
         <Icon style={{ marginRight: 5, display: 'inline-block' }} />
       ) : (
-        <Add
+        <SvgAdd
           width={8}
           height={8}
           style={{ marginRight: 5, display: 'inline-block' }}
diff --git a/packages/desktop-client/src/components/budget/BalanceWithCarryover.tsx b/packages/desktop-client/src/components/budget/BalanceWithCarryover.tsx
index 73d95500830..c973ce1ad59 100644
--- a/packages/desktop-client/src/components/budget/BalanceWithCarryover.tsx
+++ b/packages/desktop-client/src/components/budget/BalanceWithCarryover.tsx
@@ -1,7 +1,7 @@
 import React, { type ComponentProps } from 'react';
 
 import { useFeatureFlag } from '../../hooks/useFeatureFlag';
-import ArrowThinRight from '../../icons/v1/ArrowThinRight';
+import { SvgArrowThinRight } from '../../icons/v1';
 import { type CSSProperties } from '../../style';
 import { View } from '../common/View';
 import { CellValue } from '../spreadsheet/CellValue';
@@ -68,7 +68,7 @@ export function BalanceWithCarryover({
             ...carryoverStyle,
           }}
         >
-          <ArrowThinRight
+          <SvgArrowThinRight
             width={7}
             height={7}
             style={makeAmountStyle(balanceValue, goalValue, budgetedValue)}
diff --git a/packages/desktop-client/src/components/budget/BudgetTotals.tsx b/packages/desktop-client/src/components/budget/BudgetTotals.tsx
index 27dd4b2da5e..005e2afa939 100644
--- a/packages/desktop-client/src/components/budget/BudgetTotals.tsx
+++ b/packages/desktop-client/src/components/budget/BudgetTotals.tsx
@@ -1,6 +1,6 @@
 import React, { type ComponentProps, memo, useState } from 'react';
 
-import DotsHorizontalTriple from '../../icons/v1/DotsHorizontalTriple';
+import { SvgDotsHorizontalTriple } from '../../icons/v1';
 import { theme, styles } from '../../style';
 import { Button } from '../common/Button';
 import { Menu } from '../common/Menu';
@@ -61,7 +61,7 @@ export const BudgetTotals = memo(function BudgetTotals({
           }}
           style={{ color: 'currentColor', padding: 3 }}
         >
-          <DotsHorizontalTriple
+          <SvgDotsHorizontalTriple
             width={15}
             height={15}
             style={{ color: theme.pageTextLight }}
diff --git a/packages/desktop-client/src/components/budget/MobileBudget.jsx b/packages/desktop-client/src/components/budget/MobileBudget.jsx
index 446dd46e0ae..a6821f7c750 100644
--- a/packages/desktop-client/src/components/budget/MobileBudget.jsx
+++ b/packages/desktop-client/src/components/budget/MobileBudget.jsx
@@ -8,7 +8,7 @@ import * as monthUtils from 'loot-core/src/shared/months';
 import { useActions } from '../../hooks/useActions';
 import { useCategories } from '../../hooks/useCategories';
 import { useSetThemeColor } from '../../hooks/useSetThemeColor';
-import AnimatedLoading from '../../icons/AnimatedLoading';
+import { AnimatedLoading } from '../../icons/AnimatedLoading';
 import { theme } from '../../style';
 import { View } from '../common/View';
 import { SyncRefresh } from '../SyncRefresh';
diff --git a/packages/desktop-client/src/components/budget/MonthCountSelector.tsx b/packages/desktop-client/src/components/budget/MonthCountSelector.tsx
index 3e2e8526355..737dcdc6937 100644
--- a/packages/desktop-client/src/components/budget/MonthCountSelector.tsx
+++ b/packages/desktop-client/src/components/budget/MonthCountSelector.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import CalendarIcon from '../../icons/v2/Calendar';
+import { SvgCalendar } from '../../icons/v2';
 import { theme } from '../../style';
 import { View } from '../common/View';
 
@@ -13,7 +13,7 @@ type CalendarProps = {
 
 function Calendar({ color, onClick }: CalendarProps) {
   return (
-    <CalendarIcon
+    <SvgCalendar
       style={{ width: 13, height: 13, color, marginRight: 5 }}
       onClick={onClick}
     />
diff --git a/packages/desktop-client/src/components/budget/SidebarCategory.tsx b/packages/desktop-client/src/components/budget/SidebarCategory.tsx
index 1ef413ef429..1beef2ca4f6 100644
--- a/packages/desktop-client/src/components/budget/SidebarCategory.tsx
+++ b/packages/desktop-client/src/components/budget/SidebarCategory.tsx
@@ -2,7 +2,7 @@ import React, { type CSSProperties, type Ref, useState } from 'react';
 
 import { type CategoryEntity } from 'loot-core/src/types/models';
 
-import CheveronDown from '../../icons/v1/CheveronDown';
+import { SvgCheveronDown } from '../../icons/v1';
 import { theme } from '../../style';
 import { Button } from '../common/Button';
 import { Menu } from '../common/Menu';
@@ -73,7 +73,7 @@ export function SidebarCategory({
           }}
           style={{ color: 'currentColor', padding: 3 }}
         >
-          <CheveronDown
+          <SvgCheveronDown
             width={14}
             height={14}
             style={{ color: 'currentColor' }}
diff --git a/packages/desktop-client/src/components/budget/SidebarGroup.tsx b/packages/desktop-client/src/components/budget/SidebarGroup.tsx
index d574befd790..c574e1e787f 100644
--- a/packages/desktop-client/src/components/budget/SidebarGroup.tsx
+++ b/packages/desktop-client/src/components/budget/SidebarGroup.tsx
@@ -1,8 +1,8 @@
 import React, { type CSSProperties, useState } from 'react';
 import { type ConnectDragSource } from 'react-dnd';
 
-import ExpandArrow from '../../icons/v0/ExpandArrow';
-import CheveronDown from '../../icons/v1/CheveronDown';
+import { SvgExpandArrow } from '../../icons/v0';
+import { SvgCheveronDown } from '../../icons/v1';
 import { theme } from '../../style';
 import { Button } from '../common/Button';
 import { Menu } from '../common/Menu';
@@ -67,7 +67,7 @@ export function SidebarGroup({
       }}
     >
       {!dragPreview && (
-        <ExpandArrow
+        <SvgExpandArrow
           width={8}
           height={8}
           style={{
@@ -102,7 +102,7 @@ export function SidebarGroup({
               }}
               style={{ padding: 3 }}
             >
-              <CheveronDown width={14} height={14} />
+              <SvgCheveronDown width={14} height={14} />
             </Button>
             {menuOpen && (
               <Tooltip
diff --git a/packages/desktop-client/src/components/budget/report/ReportComponents.tsx b/packages/desktop-client/src/components/budget/report/ReportComponents.tsx
index 73f26004818..7359c2ccde7 100644
--- a/packages/desktop-client/src/components/budget/report/ReportComponents.tsx
+++ b/packages/desktop-client/src/components/budget/report/ReportComponents.tsx
@@ -5,7 +5,7 @@ import evalArithmetic from 'loot-core/src/shared/arithmetic';
 import { integerToCurrency, amountToInteger } from 'loot-core/src/shared/util';
 
 import { useFeatureFlag } from '../../../hooks/useFeatureFlag';
-import CheveronDown from '../../../icons/v1/CheveronDown';
+import { SvgCheveronDown } from '../../../icons/v1';
 import { styles, theme, type CSSProperties } from '../../../style';
 import { Button } from '../../common/Button';
 import { Menu } from '../../common/Menu';
@@ -204,7 +204,7 @@ export const CategoryMonth = memo(function CategoryMonth({
                 padding: 3,
               }}
             >
-              <CheveronDown
+              <SvgCheveronDown
                 width={14}
                 height={14}
                 className="hover-visible"
diff --git a/packages/desktop-client/src/components/budget/report/budgetsummary/BudgetSummary.tsx b/packages/desktop-client/src/components/budget/report/budgetsummary/BudgetSummary.tsx
index 6d12d57884d..de09c298c61 100644
--- a/packages/desktop-client/src/components/budget/report/budgetsummary/BudgetSummary.tsx
+++ b/packages/desktop-client/src/components/budget/report/budgetsummary/BudgetSummary.tsx
@@ -5,9 +5,8 @@ import { css } from 'glamor';
 import * as monthUtils from 'loot-core/src/shared/months';
 
 import { useFeatureFlag } from '../../../../hooks/useFeatureFlag';
-import DotsHorizontalTriple from '../../../../icons/v1/DotsHorizontalTriple';
-import ArrowButtonDown1 from '../../../../icons/v2/ArrowButtonDown1';
-import ArrowButtonUp1 from '../../../../icons/v2/ArrowButtonUp1';
+import { SvgDotsHorizontalTriple } from '../../../../icons/v1';
+import { SvgArrowButtonDown1, SvgArrowButtonUp1 } from '../../../../icons/v2';
 import { theme, styles } from '../../../../style';
 import { Button } from '../../../common/Button';
 import { Menu } from '../../../common/Menu';
@@ -44,7 +43,9 @@ export function BudgetSummary({ month }: BudgetSummaryProps) {
     setMenuOpen(false);
   }
 
-  const ExpandOrCollapseIcon = collapsed ? ArrowButtonDown1 : ArrowButtonUp1;
+  const ExpandOrCollapseIcon = collapsed
+    ? SvgArrowButtonDown1
+    : SvgArrowButtonUp1;
 
   return (
     <View
@@ -131,7 +132,7 @@ export function BudgetSummary({ month }: BudgetSummaryProps) {
             </View>
             <View style={{ userSelect: 'none' }}>
               <Button type="bare" aria-label="Menu" onClick={onMenuOpen}>
-                <DotsHorizontalTriple
+                <SvgDotsHorizontalTriple
                   width={15}
                   height={15}
                   style={{ color: theme.pageTextLight }}
diff --git a/packages/desktop-client/src/components/budget/rollover/RolloverComponents.tsx b/packages/desktop-client/src/components/budget/rollover/RolloverComponents.tsx
index fe89a52c814..847a1e2fbeb 100644
--- a/packages/desktop-client/src/components/budget/rollover/RolloverComponents.tsx
+++ b/packages/desktop-client/src/components/budget/rollover/RolloverComponents.tsx
@@ -5,7 +5,7 @@ import evalArithmetic from 'loot-core/src/shared/arithmetic';
 import { integerToCurrency, amountToInteger } from 'loot-core/src/shared/util';
 
 import { useFeatureFlag } from '../../../hooks/useFeatureFlag';
-import CheveronDown from '../../../icons/v1/CheveronDown';
+import { SvgCheveronDown } from '../../../icons/v1';
 import { styles, theme, type CSSProperties } from '../../../style';
 import { Button } from '../../common/Button';
 import { Menu } from '../../common/Menu';
@@ -202,7 +202,7 @@ export const ExpenseCategoryMonth = memo(function ExpenseCategoryMonth({
                 padding: 3,
               }}
             >
-              <CheveronDown
+              <SvgCheveronDown
                 width={14}
                 height={14}
                 className="hover-visible"
diff --git a/packages/desktop-client/src/components/budget/rollover/budgetsummary/BudgetSummary.tsx b/packages/desktop-client/src/components/budget/rollover/budgetsummary/BudgetSummary.tsx
index 2a9b1682694..b83dfdf1542 100644
--- a/packages/desktop-client/src/components/budget/rollover/budgetsummary/BudgetSummary.tsx
+++ b/packages/desktop-client/src/components/budget/rollover/budgetsummary/BudgetSummary.tsx
@@ -4,9 +4,8 @@ import { css } from 'glamor';
 
 import * as monthUtils from 'loot-core/src/shared/months';
 
-import DotsHorizontalTriple from '../../../../icons/v1/DotsHorizontalTriple';
-import ArrowButtonDown1 from '../../../../icons/v2/ArrowButtonDown1';
-import ArrowButtonUp1 from '../../../../icons/v2/ArrowButtonUp1';
+import { SvgDotsHorizontalTriple } from '../../../../icons/v1';
+import { SvgArrowButtonDown1, SvgArrowButtonUp1 } from '../../../../icons/v2';
 import { theme, styles } from '../../../../style';
 import { Button } from '../../../common/Button';
 import { Menu } from '../../../common/Menu';
@@ -45,7 +44,9 @@ export function BudgetSummary({
 
   const prevMonthName = monthUtils.format(monthUtils.prevMonth(month), 'MMM');
 
-  const ExpandOrCollapseIcon = collapsed ? ArrowButtonDown1 : ArrowButtonUp1;
+  const ExpandOrCollapseIcon = collapsed
+    ? SvgArrowButtonDown1
+    : SvgArrowButtonUp1;
 
   return (
     <View
@@ -134,7 +135,7 @@ export function BudgetSummary({
             </View>
             <View style={{ userSelect: 'none', marginLeft: 2 }}>
               <Button type="bare" aria-label="Menu" onClick={onMenuOpen}>
-                <DotsHorizontalTriple
+                <SvgDotsHorizontalTriple
                   width={15}
                   height={15}
                   style={{ color: theme.pageTextLight }}
diff --git a/packages/desktop-client/src/components/common/Button.tsx b/packages/desktop-client/src/components/common/Button.tsx
index 22fe9c6790f..87606e6a562 100644
--- a/packages/desktop-client/src/components/common/Button.tsx
+++ b/packages/desktop-client/src/components/common/Button.tsx
@@ -2,7 +2,7 @@ import React, { forwardRef, type ElementType, type HTMLProps } from 'react';
 
 import { css } from 'glamor';
 
-import AnimatedLoading from '../../icons/AnimatedLoading';
+import { AnimatedLoading } from '../../icons/AnimatedLoading';
 import { type CSSProperties, styles, theme } from '../../style';
 
 import { View } from './View';
diff --git a/packages/desktop-client/src/components/common/MenuButton.tsx b/packages/desktop-client/src/components/common/MenuButton.tsx
index f0e3bd4ff59..0906b48971a 100644
--- a/packages/desktop-client/src/components/common/MenuButton.tsx
+++ b/packages/desktop-client/src/components/common/MenuButton.tsx
@@ -1,13 +1,13 @@
 import React from 'react';
 
-import DotsHorizontalTriple from '../../icons/v1/DotsHorizontalTriple';
+import { SvgDotsHorizontalTriple } from '../../icons/v1';
 
 import { Button } from './Button';
 
 export function MenuButton({ onClick }) {
   return (
     <Button type="bare" onClick={onClick} aria-label="Menu">
-      <DotsHorizontalTriple
+      <SvgDotsHorizontalTriple
         width={15}
         height={15}
         style={{ transform: 'rotateZ(90deg)' }}
diff --git a/packages/desktop-client/src/components/common/Modal.tsx b/packages/desktop-client/src/components/common/Modal.tsx
index 5fc644e6e2f..2aa11beb0c9 100644
--- a/packages/desktop-client/src/components/common/Modal.tsx
+++ b/packages/desktop-client/src/components/common/Modal.tsx
@@ -9,8 +9,8 @@ import ReactModal from 'react-modal';
 
 import hotkeys from 'hotkeys-js';
 
-import AnimatedLoading from '../../icons/AnimatedLoading';
-import Delete from '../../icons/v0/Delete';
+import { AnimatedLoading } from '../../icons/AnimatedLoading';
+import { SvgDelete } from '../../icons/v0';
 import { type CSSProperties, styles, theme } from '../../style';
 import { tokens } from '../../tokens';
 
@@ -268,7 +268,7 @@ export const Modal = ({
                     style={{ padding: '10px 10px' }}
                     aria-label="Close"
                   >
-                    <Delete width={10} style={{ color: 'inherit' }} />
+                    <SvgDelete width={10} style={{ color: 'inherit' }} />
                   </Button>
                 )}
               </View>
diff --git a/packages/desktop-client/src/components/common/Search.tsx b/packages/desktop-client/src/components/common/Search.tsx
index 4dd32bd5fee..f0a9667d5a1 100644
--- a/packages/desktop-client/src/components/common/Search.tsx
+++ b/packages/desktop-client/src/components/common/Search.tsx
@@ -1,7 +1,6 @@
 import { type ChangeEvent, type Ref } from 'react';
 
-import SvgRemove from '../../icons/v2/Remove';
-import SearchAlternate from '../../icons/v2/SearchAlternate';
+import { SvgRemove, SvgSearchAlternate } from '../../icons/v2';
 import { theme } from '../../style';
 
 import { Button } from './Button';
@@ -42,7 +41,7 @@ export function Search({
             }
       }
       leftContent={
-        <SearchAlternate
+        <SvgSearchAlternate
           style={{
             width: 13,
             height: 13,
diff --git a/packages/desktop-client/src/components/common/Select.tsx b/packages/desktop-client/src/components/common/Select.tsx
index ded8fcb9d23..f5fd9c26bd7 100644
--- a/packages/desktop-client/src/components/common/Select.tsx
+++ b/packages/desktop-client/src/components/common/Select.tsx
@@ -7,7 +7,7 @@ import {
 } from '@reach/listbox';
 import { css } from 'glamor';
 
-import ExpandArrow from '../../icons/v0/ExpandArrow';
+import { SvgExpandArrow } from '../../icons/v0';
 import { theme, styles, type CSSProperties } from '../../style';
 
 type SelectProps<Value extends string> = {
@@ -73,7 +73,7 @@ export function Select<Value extends string>({
           style,
         ])}`}
         arrow={
-          <ExpandArrow
+          <SvgExpandArrow
             style={{
               width: arrowSize,
               height: arrowSize,
diff --git a/packages/desktop-client/src/components/filters/CompactFiltersButton.tsx b/packages/desktop-client/src/components/filters/CompactFiltersButton.tsx
index c2d9dc0132a..401b8e3e8dc 100644
--- a/packages/desktop-client/src/components/filters/CompactFiltersButton.tsx
+++ b/packages/desktop-client/src/components/filters/CompactFiltersButton.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Filter } from '../../icons/v1';
+import { SvgFilter } from '../../icons/v1';
 import { Button } from '../common/Button';
 
 type CompactFiltersButtonProps = {
@@ -10,7 +10,7 @@ type CompactFiltersButtonProps = {
 export function CompactFiltersButton({ onClick }: CompactFiltersButtonProps) {
   return (
     <Button type="bare" onClick={onClick}>
-      <Filter width={15} height={15} />
+      <SvgFilter width={15} height={15} />
     </Button>
   );
 }
diff --git a/packages/desktop-client/src/components/filters/FiltersButton.tsx b/packages/desktop-client/src/components/filters/FiltersButton.tsx
index 75e0b87aa0f..b1bfb21cdda 100644
--- a/packages/desktop-client/src/components/filters/FiltersButton.tsx
+++ b/packages/desktop-client/src/components/filters/FiltersButton.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { SettingsSliderAlternate } from '../../icons/v2';
+import { SvgSettingsSliderAlternate } from '../../icons/v2';
 import { Button } from '../common/Button';
 
 type FiltersButtonProps = {
@@ -10,7 +10,7 @@ type FiltersButtonProps = {
 export function FiltersButton({ onClick }: FiltersButtonProps) {
   return (
     <Button type="bare" onClick={onClick} title="Filters">
-      <SettingsSliderAlternate
+      <SvgSettingsSliderAlternate
         style={{ width: 16, height: 16, marginRight: 5 }}
       />{' '}
       Filter
diff --git a/packages/desktop-client/src/components/manager/BudgetList.jsx b/packages/desktop-client/src/components/manager/BudgetList.jsx
index 82b348063cc..4ca30a41800 100644
--- a/packages/desktop-client/src/components/manager/BudgetList.jsx
+++ b/packages/desktop-client/src/components/manager/BudgetList.jsx
@@ -5,14 +5,14 @@ import * as actions from 'loot-core/src/client/actions';
 import { isNonProductionEnvironment } from 'loot-core/src/shared/environment';
 
 import { useActions } from '../../hooks/useActions';
-import Loading from '../../icons/AnimatedLoading';
-import CloudCheck from '../../icons/v1/CloudCheck';
-import CloudDownload from '../../icons/v1/CloudDownload';
-import DotsHorizontalTriple from '../../icons/v1/DotsHorizontalTriple';
-import FileDouble from '../../icons/v1/FileDouble';
-import CloudUnknown from '../../icons/v2/CloudUnknown';
-import Key from '../../icons/v2/Key';
-import RefreshArrow from '../../icons/v2/RefreshArrow';
+import { AnimatedLoading } from '../../icons/AnimatedLoading';
+import {
+  SvgCloudCheck,
+  SvgCloudDownload,
+  SvgDotsHorizontalTriple,
+  SvgFileDouble,
+} from '../../icons/v1';
+import { SvgCloudUnknown, SvgKey, SvgRefreshArrow } from '../../icons/v2';
 import { styles, theme } from '../../style';
 import { tokens } from '../../tokens';
 import { Button } from '../common/Button';
@@ -69,7 +69,7 @@ function DetailButton({ state, onDelete }) {
           setMenuOpen(true);
         }}
       >
-        <DotsHorizontalTriple style={{ width: 16, height: 16 }} />
+        <SvgDotsHorizontalTriple style={{ width: 16, height: 16 }} />
       </Button>
       {menuOpen && (
         <Tooltip
@@ -95,21 +95,21 @@ function FileState({ file }) {
 
   switch (file.state) {
     case 'unknown':
-      Icon = CloudUnknown;
+      Icon = SvgCloudUnknown;
       status = 'Network unavailable';
       color = theme.buttonNormalDisabledText;
       break;
     case 'remote':
-      Icon = CloudDownload;
+      Icon = SvgCloudDownload;
       status = 'Available for download';
       break;
     case 'local':
     case 'broken':
-      Icon = FileDouble;
+      Icon = SvgFileDouble;
       status = 'Local';
       break;
     default:
-      Icon = CloudCheck;
+      Icon = SvgCloudCheck;
       status = 'Syncing';
       break;
   }
@@ -179,7 +179,7 @@ function File({ file, onSelect, onDelete }) {
         style={{ flex: '0 0 auto', flexDirection: 'row', alignItems: 'center' }}
       >
         {file.encryptKeyId && (
-          <Key
+          <SvgKey
             style={{
               width: 13,
               height: 13,
@@ -231,7 +231,7 @@ function RefreshButton({ onRefresh }) {
     setLoading(false);
   }
 
-  const Icon = loading ? Loading : RefreshArrow;
+  const Icon = loading ? AnimatedLoading : SvgRefreshArrow;
 
   return (
     <Button
diff --git a/packages/desktop-client/src/components/mobile/MobileNavTabs.tsx b/packages/desktop-client/src/components/mobile/MobileNavTabs.tsx
index f2439b4aae5..78e9291dd58 100644
--- a/packages/desktop-client/src/components/mobile/MobileNavTabs.tsx
+++ b/packages/desktop-client/src/components/mobile/MobileNavTabs.tsx
@@ -5,13 +5,15 @@ import { useSpring, animated, config } from 'react-spring';
 import { useDrag } from '@use-gesture/react';
 
 import { usePrevious } from '../../hooks/usePrevious';
-import Add from '../../icons/v1/Add';
-import Cog from '../../icons/v1/Cog';
-import PiggyBank from '../../icons/v1/PiggyBank';
-import StoreFront from '../../icons/v1/StoreFront';
-import Tuning from '../../icons/v1/Tuning';
-import Wallet from '../../icons/v1/Wallet';
-import Calendar from '../../icons/v2/Calendar';
+import {
+  SvgAdd,
+  SvgCog,
+  SvgPiggyBank,
+  SvgStoreFront,
+  SvgTuning,
+  SvgWallet,
+} from '../../icons/v1';
+import { SvgCalendar } from '../../icons/v2';
 import { useResponsive } from '../../ResponsiveProvider';
 import { theme, styles, type CSSProperties } from '../../style';
 import { View } from '../common/View';
@@ -35,43 +37,43 @@ export function MobileNavTabs() {
       name: 'Budget',
       path: '/budget',
       style: navTabStyle,
-      Icon: Wallet,
+      Icon: SvgWallet,
     },
     {
       name: 'Transaction',
       path: '/transactions/new',
       style: navTabStyle,
-      Icon: Add,
+      Icon: SvgAdd,
     },
     {
       name: 'Accounts',
       path: '/accounts',
       style: navTabStyle,
-      Icon: PiggyBank,
+      Icon: SvgPiggyBank,
     },
     {
       name: 'Schedules (Soon)',
       path: '/schedules/soon',
       style: navTabStyle,
-      Icon: Calendar,
+      Icon: SvgCalendar,
     },
     {
       name: 'Payees (Soon)',
       path: '/payees/soon',
       style: navTabStyle,
-      Icon: StoreFront,
+      Icon: SvgStoreFront,
     },
     {
       name: 'Rules (Soon)',
       path: '/rules/soon',
       style: navTabStyle,
-      Icon: Tuning,
+      Icon: SvgTuning,
     },
     {
       name: 'Settings',
       path: '/settings',
       style: navTabStyle,
-      Icon: Cog,
+      Icon: SvgCog,
     },
   ].map(tab => <NavTab key={tab.path} {...tab} />);
 
diff --git a/packages/desktop-client/src/components/modals/CategoryGroupMenu.tsx b/packages/desktop-client/src/components/modals/CategoryGroupMenu.tsx
index 8af3a048b4a..1aa944beeb5 100644
--- a/packages/desktop-client/src/components/modals/CategoryGroupMenu.tsx
+++ b/packages/desktop-client/src/components/modals/CategoryGroupMenu.tsx
@@ -5,12 +5,8 @@ import q from 'loot-core/src/shared/query';
 import { type CategoryGroupEntity } from 'loot-core/src/types/models';
 
 import { useCategories } from '../../hooks/useCategories';
-import { DotsHorizontalTriple } from '../../icons/v1';
-import Add from '../../icons/v1/Add';
-import Trash from '../../icons/v1/Trash';
-import NotesPaper from '../../icons/v2/NotesPaper';
-import ViewHide from '../../icons/v2/ViewHide';
-import ViewShow from '../../icons/v2/ViewShow';
+import { SvgDotsHorizontalTriple, SvgAdd, SvgTrash } from '../../icons/v1';
+import { SvgNotesPaper, SvgViewHide, SvgViewShow } from '../../icons/v2';
 import { type CSSProperties, styles, theme } from '../../style';
 import { type CommonModalProps } from '../../types/modals';
 import { Button } from '../common/Button';
@@ -169,7 +165,7 @@ export function CategoryGroupMenu({
               }}
               onClick={_onAddCategory}
             >
-              <Add width={17} height={17} style={{ paddingRight: 5 }} />
+              <SvgAdd width={17} height={17} style={{ paddingRight: 5 }} />
               Add category
             </Button>
             <Button
@@ -179,7 +175,11 @@ export function CategoryGroupMenu({
               }}
               onClick={_onEditNotes}
             >
-              <NotesPaper width={20} height={20} style={{ paddingRight: 5 }} />
+              <SvgNotesPaper
+                width={20}
+                height={20}
+                style={{ paddingRight: 5 }}
+              />
               Edit notes
             </Button>
           </View>
@@ -205,7 +205,7 @@ function AdditionalCategoryGroupMenu({ group, onDelete, onToggleVisibility }) {
           setMenuOpen(true);
         }}
       >
-        <DotsHorizontalTriple
+        <SvgDotsHorizontalTriple
           width={17}
           height={17}
           style={{ color: 'currentColor' }}
@@ -228,7 +228,7 @@ function AdditionalCategoryGroupMenu({ group, onDelete, onToggleVisibility }) {
                   {
                     name: 'toggleVisibility',
                     text: group.hidden ? 'Show' : 'Hide',
-                    icon: group.hidden ? ViewShow : ViewHide,
+                    icon: group.hidden ? SvgViewShow : SvgViewHide,
                     iconSize: 16,
                     style: itemStyle,
                   },
@@ -237,7 +237,7 @@ function AdditionalCategoryGroupMenu({ group, onDelete, onToggleVisibility }) {
                     {
                       name: 'delete',
                       text: 'Delete',
-                      icon: Trash,
+                      icon: SvgTrash,
                       iconSize: 15,
                       style: itemStyle,
                     },
diff --git a/packages/desktop-client/src/components/modals/CategoryMenu.tsx b/packages/desktop-client/src/components/modals/CategoryMenu.tsx
index 6e2e1d10681..9d9f9ae13bc 100644
--- a/packages/desktop-client/src/components/modals/CategoryMenu.tsx
+++ b/packages/desktop-client/src/components/modals/CategoryMenu.tsx
@@ -5,11 +5,8 @@ import q from 'loot-core/src/shared/query';
 import { type CategoryEntity } from 'loot-core/src/types/models';
 
 import { useCategories } from '../../hooks/useCategories';
-import { DotsHorizontalTriple } from '../../icons/v1';
-import Trash from '../../icons/v1/Trash';
-import NotesPaper from '../../icons/v2/NotesPaper';
-import ViewHide from '../../icons/v2/ViewHide';
-import ViewShow from '../../icons/v2/ViewShow';
+import { SvgDotsHorizontalTriple, SvgTrash } from '../../icons/v1';
+import { SvgNotesPaper, SvgViewHide, SvgViewShow } from '../../icons/v2';
 import { type CSSProperties, styles, theme } from '../../style';
 import { type CommonModalProps } from '../../types/modals';
 import { Button } from '../common/Button';
@@ -156,7 +153,11 @@ export function CategoryMenu({
               }}
               onClick={_onEditNotes}
             >
-              <NotesPaper width={20} height={20} style={{ paddingRight: 5 }} />
+              <SvgNotesPaper
+                width={20}
+                height={20}
+                style={{ paddingRight: 5 }}
+              />
               Edit notes
             </Button>
           </View>
@@ -182,7 +183,7 @@ function AdditionalCategoryMenu({ category, onDelete, onToggleVisibility }) {
           setMenuOpen(true);
         }}
       >
-        <DotsHorizontalTriple
+        <SvgDotsHorizontalTriple
           width={17}
           height={17}
           style={{ color: 'currentColor' }}
@@ -200,7 +201,7 @@ function AdditionalCategoryMenu({ category, onDelete, onToggleVisibility }) {
                 {
                   name: 'toggleVisibility',
                   text: category.hidden ? 'Show' : 'Hide',
-                  icon: category.hidden ? ViewShow : ViewHide,
+                  icon: category.hidden ? SvgViewShow : SvgViewHide,
                   iconSize: 16,
                   style: itemStyle,
                 },
@@ -208,7 +209,7 @@ function AdditionalCategoryMenu({ category, onDelete, onToggleVisibility }) {
                 {
                   name: 'delete',
                   text: 'Delete',
-                  icon: Trash,
+                  icon: SvgTrash,
                   iconSize: 15,
                   style: itemStyle,
                 },
diff --git a/packages/desktop-client/src/components/modals/GoCardlessExternalMsg.tsx b/packages/desktop-client/src/components/modals/GoCardlessExternalMsg.tsx
index 3fe6e0a2572..f42877a04a8 100644
--- a/packages/desktop-client/src/components/modals/GoCardlessExternalMsg.tsx
+++ b/packages/desktop-client/src/components/modals/GoCardlessExternalMsg.tsx
@@ -9,8 +9,8 @@ import {
 } from 'loot-core/src/types/models';
 
 import { useGoCardlessStatus } from '../../hooks/useGoCardlessStatus';
-import AnimatedLoading from '../../icons/AnimatedLoading';
-import DotsHorizontalTriple from '../../icons/v1/DotsHorizontalTriple';
+import { AnimatedLoading } from '../../icons/AnimatedLoading';
+import { SvgDotsHorizontalTriple } from '../../icons/v1';
 import { theme } from '../../style';
 import { type CommonModalProps } from '../../types/modals';
 import { Error, Warning } from '../alerts';
@@ -227,7 +227,7 @@ export function GoCardlessExternalMsg({
             onClick={() => setMenuOpen(true)}
             aria-label="Menu"
           >
-            <DotsHorizontalTriple
+            <SvgDotsHorizontalTriple
               width={15}
               height={15}
               style={{ transform: 'rotateZ(90deg)' }}
diff --git a/packages/desktop-client/src/components/modals/Notes.tsx b/packages/desktop-client/src/components/modals/Notes.tsx
index 6afd2e351ef..6cf4e3e0f31 100644
--- a/packages/desktop-client/src/components/modals/Notes.tsx
+++ b/packages/desktop-client/src/components/modals/Notes.tsx
@@ -3,7 +3,7 @@ import React, { useEffect, useState } from 'react';
 import { useLiveQuery } from 'loot-core/src/client/query-hooks';
 import q from 'loot-core/src/shared/query';
 
-import Check from '../../icons/v2/Check';
+import { SvgCheck } from '../../icons/v2';
 import { type CommonModalProps } from '../../types/modals';
 import { Button } from '../common/Button';
 import { Modal } from '../common/Modal';
@@ -88,7 +88,7 @@ export function Notes({ modalProps, id, name, onSave }: NotesProps) {
               }}
               onClick={_onSave}
             >
-              <Check width={17} height={17} style={{ paddingRight: 5 }} />
+              <SvgCheck width={17} height={17} style={{ paddingRight: 5 }} />
               Save notes
             </Button>
           </View>
diff --git a/packages/desktop-client/src/components/modals/PlaidExternalMsg.tsx b/packages/desktop-client/src/components/modals/PlaidExternalMsg.tsx
index 466c8ba2a2e..bc1dd416eed 100644
--- a/packages/desktop-client/src/components/modals/PlaidExternalMsg.tsx
+++ b/packages/desktop-client/src/components/modals/PlaidExternalMsg.tsx
@@ -1,6 +1,6 @@
 import React, { useState, useRef } from 'react';
 
-import AnimatedLoading from '../../icons/AnimatedLoading';
+import { AnimatedLoading } from '../../icons/AnimatedLoading';
 import { theme } from '../../style';
 import { type CommonModalProps } from '../../types/modals';
 import { Error } from '../alerts';
diff --git a/packages/desktop-client/src/components/payees/PayeeMenu.tsx b/packages/desktop-client/src/components/payees/PayeeMenu.tsx
index 469f5f9daa5..2a4867a669a 100644
--- a/packages/desktop-client/src/components/payees/PayeeMenu.tsx
+++ b/packages/desktop-client/src/components/payees/PayeeMenu.tsx
@@ -1,7 +1,6 @@
 import { type PayeeEntity } from 'loot-core/src/types/models';
 
-import Delete from '../../icons/v0/Delete';
-import Merge from '../../icons/v0/Merge';
+import { SvgDelete, SvgMerge } from '../../icons/v0';
 import { theme } from '../../style';
 import { Menu } from '../common/Menu';
 import { View } from '../common/View';
@@ -64,13 +63,13 @@ export function PayeeMenu({
         }
         items={[
           {
-            icon: Delete,
+            icon: SvgDelete,
             name: 'delete',
             text: 'Delete',
             disabled: isDisabled,
           },
           {
-            icon: Merge,
+            icon: SvgMerge,
             iconSize: 9,
             name: 'merge',
             text: 'Merge',
diff --git a/packages/desktop-client/src/components/payees/PayeeTableRow.tsx b/packages/desktop-client/src/components/payees/PayeeTableRow.tsx
index 98b73467e47..525c9b28c98 100644
--- a/packages/desktop-client/src/components/payees/PayeeTableRow.tsx
+++ b/packages/desktop-client/src/components/payees/PayeeTableRow.tsx
@@ -3,7 +3,7 @@ import { memo } from 'react';
 import { type PayeeEntity } from 'loot-core/src/types/models';
 
 import { useSelectedDispatch } from '../../hooks/useSelected';
-import ArrowThinRight from '../../icons/v1/ArrowThinRight';
+import { SvgArrowThinRight } from '../../icons/v1';
 import { type CSSProperties, theme } from '../../style';
 import { Text } from '../common/Text';
 import { Cell, CellButton, InputCell, Row, SelectCell } from '../table';
@@ -45,7 +45,7 @@ function RuleButton({ ruleCount, focused, onEdit, onClick }: RuleButtonProps) {
             <>Create rule</>
           )}
         </Text>
-        <ArrowThinRight style={{ width: 8, height: 8 }} />
+        <SvgArrowThinRight style={{ width: 8, height: 8 }} />
       </CellButton>
     </Cell>
   );
diff --git a/packages/desktop-client/src/components/reports/CategorySelector.tsx b/packages/desktop-client/src/components/reports/CategorySelector.tsx
index c6a173efd6f..43a5d2c2ef5 100644
--- a/packages/desktop-client/src/components/reports/CategorySelector.tsx
+++ b/packages/desktop-client/src/components/reports/CategorySelector.tsx
@@ -5,9 +5,12 @@ import {
   type CategoryGroupEntity,
 } from 'loot-core/src/types/models';
 
-import { CheckAll, UncheckAll } from '../../icons/v2';
-import ViewHide from '../../icons/v2/ViewHide';
-import ViewShow from '../../icons/v2/ViewShow';
+import {
+  SvgCheckAll,
+  SvgUncheckAll,
+  SvgViewHide,
+  SvgViewShow,
+} from '../../icons/v2';
 import { type CategoryListProps } from '../autocomplete/CategoryAutocomplete';
 import { Button } from '../common/Button';
 import { Text } from '../common/Text';
@@ -66,12 +69,20 @@ export function CategorySelector({
           <View>
             {uncheckedHidden ? (
               <View style={{ flexDirection: 'row', alignItems: 'center' }}>
-                <ViewShow width={15} height={15} style={{ marginRight: 5 }} />
+                <SvgViewShow
+                  width={15}
+                  height={15}
+                  style={{ marginRight: 5 }}
+                />
                 <Text>Show unchecked</Text>
               </View>
             ) : (
               <View style={{ flexDirection: 'row', alignItems: 'center' }}>
-                <ViewHide width={15} height={15} style={{ marginRight: 5 }} />
+                <SvgViewHide
+                  width={15}
+                  height={15}
+                  style={{ marginRight: 5 }}
+                />
                 <Text>Hide unchecked</Text>
               </View>
             )}
@@ -87,7 +98,7 @@ export function CategorySelector({
             }}
             style={{ marginRight: 5, padding: 8 }}
           >
-            <CheckAll width={15} height={15} />
+            <SvgCheckAll width={15} height={15} />
           </GraphButton>
           <GraphButton
             selected={allCategoriesUnselected}
@@ -97,7 +108,7 @@ export function CategorySelector({
             }}
             style={{ padding: 8 }}
           >
-            <UncheckAll width={15} height={15} />
+            <SvgUncheckAll width={15} height={15} />
           </GraphButton>
         </View>
       </View>
diff --git a/packages/desktop-client/src/components/reports/LoadingIndicator.tsx b/packages/desktop-client/src/components/reports/LoadingIndicator.tsx
index f3c6a3128f6..e70bc0d7505 100644
--- a/packages/desktop-client/src/components/reports/LoadingIndicator.tsx
+++ b/packages/desktop-client/src/components/reports/LoadingIndicator.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import AnimatedLoading from '../../icons/AnimatedLoading';
+import { AnimatedLoading } from '../../icons/AnimatedLoading';
 import { theme, styles } from '../../style';
 import { Block } from '../common/Block';
 import { View } from '../common/View';
diff --git a/packages/desktop-client/src/components/reports/SaveReport.tsx b/packages/desktop-client/src/components/reports/SaveReport.tsx
index a1477e37344..a731442b5d8 100644
--- a/packages/desktop-client/src/components/reports/SaveReport.tsx
+++ b/packages/desktop-client/src/components/reports/SaveReport.tsx
@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 
-import ExpandArrow from '../../icons/v0/ExpandArrow';
+import { SvgExpandArrow } from '../../icons/v0';
 import { Button } from '../common/Button';
 import { Menu } from '../common/Menu';
 import { MenuTooltip } from '../common/MenuTooltip';
@@ -64,7 +64,7 @@ export function SaveReportMenuButton() {
         >
           Unsaved Report&nbsp;
         </Text>
-        <ExpandArrow width={8} height={8} style={{ marginRight: 5 }} />
+        <SvgExpandArrow width={8} height={8} style={{ marginRight: 5 }} />
       </Button>
       {menuOpen && <SaveReportMenu setMenuOpen={setMenuOpen} />}
     </View>
diff --git a/packages/desktop-client/src/components/rules/RuleRow.tsx b/packages/desktop-client/src/components/rules/RuleRow.tsx
index 02dea0ac35a..799c7710cf9 100644
--- a/packages/desktop-client/src/components/rules/RuleRow.tsx
+++ b/packages/desktop-client/src/components/rules/RuleRow.tsx
@@ -4,7 +4,7 @@ import { friendlyOp } from 'loot-core/src/shared/rules';
 import { type RuleEntity } from 'loot-core/src/types/models';
 
 import { useSelectedDispatch } from '../../hooks/useSelected';
-import ArrowRight from '../../icons/v0/RightArrow2';
+import { SvgArrowRight } from '../../icons/v0';
 import { theme } from '../../style';
 import { Button } from '../common/Button';
 import { Stack } from '../common/Stack';
@@ -93,7 +93,7 @@ export const RuleRow = memo(
             </View>
 
             <Text>
-              <ArrowRight
+              <SvgArrowRight
                 style={{ width: 12, height: 12, color: theme.tableText }}
               />
             </Text>
diff --git a/packages/desktop-client/src/components/schedules/SchedulesTable.tsx b/packages/desktop-client/src/components/schedules/SchedulesTable.tsx
index ea5543714fa..851cde44493 100644
--- a/packages/desktop-client/src/components/schedules/SchedulesTable.tsx
+++ b/packages/desktop-client/src/components/schedules/SchedulesTable.tsx
@@ -12,8 +12,8 @@ import { getScheduledAmount } from 'loot-core/src/shared/schedules';
 import { integerToCurrency } from 'loot-core/src/shared/util';
 import { type ScheduleEntity } from 'loot-core/src/types/models';
 
-import DotsHorizontalTriple from '../../icons/v1/DotsHorizontalTriple';
-import Check from '../../icons/v2/Check';
+import { SvgDotsHorizontalTriple } from '../../icons/v1';
+import { SvgCheck } from '../../icons/v2';
 import { theme } from '../../style';
 import { Button } from '../common/Button';
 import { Menu } from '../common/Menu';
@@ -104,7 +104,7 @@ function OverflowMenu({
           setOpen(true);
         }}
       >
-        <DotsHorizontalTriple
+        <SvgDotsHorizontalTriple
           width={15}
           height={15}
           style={{ transform: 'rotateZ(90deg)' }}
@@ -297,7 +297,7 @@ export function SchedulesTable({
         {!minimal && (
           <Field width={80} style={{ textAlign: 'center' }}>
             {schedule._date && schedule._date.frequency && (
-              <Check style={{ width: 13, height: 13 }} />
+              <SvgCheck style={{ width: 13, height: 13 }} />
             )}
           </Field>
         )}
diff --git a/packages/desktop-client/src/components/schedules/StatusBadge.tsx b/packages/desktop-client/src/components/schedules/StatusBadge.tsx
index ad344d82a63..ef95897853c 100644
--- a/packages/desktop-client/src/components/schedules/StatusBadge.tsx
+++ b/packages/desktop-client/src/components/schedules/StatusBadge.tsx
@@ -3,14 +3,16 @@ import React from 'react';
 import { type ScheduleStatusType } from 'loot-core/src/client/data-hooks/schedules';
 import { titleFirst } from 'loot-core/src/shared/util';
 
-import AlertTriangle from '../../icons/v2/AlertTriangle';
-import CalendarIcon from '../../icons/v2/Calendar';
-import CheckCircle1 from '../../icons/v2/CheckCircle1';
-import CheckCircleHollow from '../../icons/v2/CheckCircleHollow';
-import EditSkull1 from '../../icons/v2/EditSkull1';
-import FavoriteStar from '../../icons/v2/FavoriteStar';
-import Lock from '../../icons/v2/LockClosed';
-import ValidationCheck from '../../icons/v2/ValidationCheck';
+import {
+  SvgAlertTriangle,
+  SvgCalendar,
+  SvgCheckCircle1,
+  SvgCheckCircleHollow,
+  SvgEditSkull1,
+  SvgFavoriteStar,
+  SvgLockClosed,
+  SvgValidationCheck,
+} from '../../icons/v2';
 import { theme } from '../../style';
 import { Text } from '../common/Text';
 import { View } from '../common/View';
@@ -23,61 +25,61 @@ export function getStatusProps(status: StatusTypes) {
       return {
         color: theme.errorTextDarker,
         backgroundColor: theme.errorBackground,
-        Icon: EditSkull1,
+        Icon: SvgEditSkull1,
       };
     case 'due':
       return {
         color: theme.warningTextDark,
         backgroundColor: theme.warningBackground,
-        Icon: AlertTriangle,
+        Icon: SvgAlertTriangle,
       };
     case 'upcoming':
       return {
         color: theme.upcomingText,
         backgroundColor: theme.upcomingBackground,
-        Icon: CalendarIcon,
+        Icon: SvgCalendar,
       };
     case 'paid':
       return {
         color: theme.noticeText,
         backgroundColor: theme.noticeBackgroundLight,
-        Icon: ValidationCheck,
+        Icon: SvgValidationCheck,
       };
     case 'completed':
       return {
         color: theme.tableHeaderText,
         backgroundColor: theme.tableRowHeaderBackground,
-        Icon: FavoriteStar,
+        Icon: SvgFavoriteStar,
       };
     case 'pending':
       return {
         color: theme.noticeTextLight,
         backgroundColor: theme.noticeBackgroundLight,
-        Icon: CalendarIcon,
+        Icon: SvgCalendar,
       };
     case 'scheduled':
       return {
         color: theme.tableRowHeaderText,
         backgroundColor: theme.tableRowHeaderBackground,
-        Icon: CalendarIcon,
+        Icon: SvgCalendar,
       };
     case 'cleared':
       return {
         color: theme.noticeTextLight,
         backgroundColor: theme.tableRowHeaderBackground,
-        Icon: CheckCircle1,
+        Icon: SvgCheckCircle1,
       };
     case 'reconciled':
       return {
         color: theme.noticeTextLight,
         backgroundColor: theme.tableRowHeaderBackground,
-        Icon: Lock,
+        Icon: SvgLockClosed,
       };
     default:
       return {
         color: theme.buttonNormalDisabledText,
         backgroundColor: theme.tableRowHeaderBackground,
-        Icon: CheckCircleHollow,
+        Icon: SvgCheckCircleHollow,
       };
   }
 }
diff --git a/packages/desktop-client/src/components/sidebar/Accounts.tsx b/packages/desktop-client/src/components/sidebar/Accounts.tsx
index 2fd79d5d17a..245f6212fc7 100644
--- a/packages/desktop-client/src/components/sidebar/Accounts.tsx
+++ b/packages/desktop-client/src/components/sidebar/Accounts.tsx
@@ -2,7 +2,7 @@ import React, { useState, useMemo } from 'react';
 
 import { type AccountEntity } from 'loot-core/src/types/models';
 
-import Add from '../../icons/v1/Add';
+import { SvgAdd } from '../../icons/v1';
 import { View } from '../common/View';
 import { type OnDropCallback } from '../sort';
 import { type Binding } from '../spreadsheet';
@@ -174,7 +174,7 @@ export function Accounts({
           marginBottom: 9,
         }}
         onClick={onAddAccount}
-        Icon={Add}
+        Icon={SvgAdd}
         title="Add account"
       />
     </View>
diff --git a/packages/desktop-client/src/components/sidebar/Sidebar.tsx b/packages/desktop-client/src/components/sidebar/Sidebar.tsx
index 84c8b8036b2..dadd3ba95fc 100644
--- a/packages/desktop-client/src/components/sidebar/Sidebar.tsx
+++ b/packages/desktop-client/src/components/sidebar/Sidebar.tsx
@@ -3,9 +3,8 @@ import React, { type ReactNode } from 'react';
 import * as Platform from 'loot-core/src/client/platform';
 import { type AccountEntity } from 'loot-core/src/types/models';
 
-import Reports from '../../icons/v1/Reports';
-import Wallet from '../../icons/v1/Wallet';
-import CalendarIcon from '../../icons/v2/Calendar';
+import { SvgReports, SvgWallet } from '../../icons/v1';
+import { SvgCalendar } from '../../icons/v2';
 import { type CSSProperties, theme } from '../../style';
 import { View } from '../common/View';
 import { type OnDropCallback } from '../sort';
@@ -107,10 +106,10 @@ export function Sidebar({
       </View>
 
       <View style={{ overflow: 'auto' }}>
-        <Item title="Budget" Icon={Wallet} to="/budget" />
-        <Item title="Reports" Icon={Reports} to="/reports" />
+        <Item title="Budget" Icon={SvgWallet} to="/budget" />
+        <Item title="Reports" Icon={SvgReports} to="/reports" />
 
-        <Item title="Schedules" Icon={CalendarIcon} to="/schedules" />
+        <Item title="Schedules" Icon={SvgCalendar} to="/schedules" />
 
         <Tools />
 
diff --git a/packages/desktop-client/src/components/sidebar/SidebarWithData.tsx b/packages/desktop-client/src/components/sidebar/SidebarWithData.tsx
index fbea1c1ebb3..34886999c92 100644
--- a/packages/desktop-client/src/components/sidebar/SidebarWithData.tsx
+++ b/packages/desktop-client/src/components/sidebar/SidebarWithData.tsx
@@ -9,7 +9,7 @@ import { type LocalPrefs } from 'loot-core/src/types/prefs';
 
 import { useActions } from '../../hooks/useActions';
 import { useNavigate } from '../../hooks/useNavigate';
-import ExpandArrow from '../../icons/v0/ExpandArrow';
+import { SvgExpandArrow } from '../../icons/v0';
 import { styles, theme } from '../../style';
 import { Button } from '../common/Button';
 import { InitialFocus } from '../common/InitialFocus';
@@ -98,7 +98,7 @@ function EditableBudgetName({ prefs, savePrefs }: EditableBudgetNameProps) {
         <Text style={{ whiteSpace: 'nowrap', overflow: 'hidden' }}>
           {prefs.budgetName || 'A budget has no name'}
         </Text>
-        <ExpandArrow width={7} height={7} style={{ marginLeft: 5 }} />
+        <SvgExpandArrow width={7} height={7} style={{ marginLeft: 5 }} />
         {menuOpen && (
           <Tooltip
             position="bottom-left"
diff --git a/packages/desktop-client/src/components/sidebar/ToggleButton.tsx b/packages/desktop-client/src/components/sidebar/ToggleButton.tsx
index 8d473dcb64c..68375191e5d 100644
--- a/packages/desktop-client/src/components/sidebar/ToggleButton.tsx
+++ b/packages/desktop-client/src/components/sidebar/ToggleButton.tsx
@@ -1,7 +1,7 @@
 import React, { type MouseEventHandler } from 'react';
 
-import Pin from '../../icons/v1/Pin';
-import ArrowButtonLeft1 from '../../icons/v2/ArrowButtonLeft1';
+import { SvgPin } from '../../icons/v1';
+import { SvgArrowButtonLeft1 } from '../../icons/v2';
 import { type CSSProperties, theme } from '../../style';
 import { Button } from '../common/Button';
 import { View } from '../common/View';
@@ -26,7 +26,7 @@ export function ToggleButton({
         color={theme.buttonMenuBorder}
       >
         {isFloating ? (
-          <Pin
+          <SvgPin
             style={{
               margin: -2,
               width: 15,
@@ -35,7 +35,7 @@ export function ToggleButton({
             }}
           />
         ) : (
-          <ArrowButtonLeft1 style={{ width: 13, height: 13 }} />
+          <SvgArrowButtonLeft1 style={{ width: 13, height: 13 }} />
         )}
       </Button>
     </View>
diff --git a/packages/desktop-client/src/components/sidebar/Tools.tsx b/packages/desktop-client/src/components/sidebar/Tools.tsx
index 8e46104723a..1b6b2c2399d 100644
--- a/packages/desktop-client/src/components/sidebar/Tools.tsx
+++ b/packages/desktop-client/src/components/sidebar/Tools.tsx
@@ -1,11 +1,13 @@
 import React, { useState, useCallback, useEffect } from 'react';
 import { useLocation } from 'react-router-dom';
 
-import CheveronDown from '../../icons/v1/CheveronDown';
-import CheveronRight from '../../icons/v1/CheveronRight';
-import Cog from '../../icons/v1/Cog';
-import StoreFrontIcon from '../../icons/v1/StoreFront';
-import TuningIcon from '../../icons/v1/Tuning';
+import {
+  SvgCheveronDown,
+  SvgCheveronRight,
+  SvgCog,
+  SvgStoreFront,
+  SvgTuning,
+} from '../../icons/v1';
 import { View } from '../common/View';
 
 import { Item } from './Item';
@@ -30,7 +32,7 @@ export function Tools() {
     <View style={{ flexShrink: 0 }}>
       <Item
         title="More"
-        Icon={isOpen ? CheveronDown : CheveronRight}
+        Icon={isOpen ? SvgCheveronDown : SvgCheveronRight}
         onClick={onToggle}
         style={{ marginBottom: isOpen ? 8 : 0 }}
         forceActive={!isOpen && isActive}
@@ -39,19 +41,19 @@ export function Tools() {
         <>
           <SecondaryItem
             title="Payees"
-            Icon={StoreFrontIcon}
+            Icon={SvgStoreFront}
             to="/payees"
             indent={15}
           />
           <SecondaryItem
             title="Rules"
-            Icon={TuningIcon}
+            Icon={SvgTuning}
             to="/rules"
             indent={15}
           />
           <SecondaryItem
             title="Settings"
-            Icon={Cog}
+            Icon={SvgCog}
             to="/settings"
             indent={15}
           />
diff --git a/packages/desktop-client/src/components/table.tsx b/packages/desktop-client/src/components/table.tsx
index c79b7d22514..5f7c919fc88 100644
--- a/packages/desktop-client/src/components/table.tsx
+++ b/packages/desktop-client/src/components/table.tsx
@@ -22,10 +22,9 @@ import {
   useProperFocus,
 } from '../hooks/useProperFocus';
 import { useSelectedItems } from '../hooks/useSelected';
-import AnimatedLoading from '../icons/AnimatedLoading';
-import DeleteIcon from '../icons/v0/Delete';
-import ExpandArrow from '../icons/v0/ExpandArrow';
-import Checkmark from '../icons/v1/Checkmark';
+import { AnimatedLoading } from '../icons/AnimatedLoading';
+import { SvgDelete, SvgExpandArrow } from '../icons/v0';
+import { SvgCheckmark } from '../icons/v1';
 import { type CSSProperties, styles, theme } from '../style';
 
 import { Button } from './common/Button';
@@ -487,7 +486,7 @@ export function DeleteCell({ onDelete, style, ...props }: DeleteCellProps) {
         onDelete?.();
       }}
     >
-      {() => <DeleteIcon width={7} height={7} />}
+      {() => <SvgDelete width={7} height={7} />}
     </Cell>
   );
 }
@@ -651,7 +650,7 @@ export function SelectCell({
           clickBehavior="none"
           {...buttonProps}
         >
-          {selected && <Checkmark width={6} height={6} />}
+          {selected && <SvgCheckmark width={6} height={6} />}
         </CellButton>
       )}
     </Cell>
@@ -802,7 +801,7 @@ export function SelectedItemsButton({ name, keyHandlers, items, onSelect }) {
         style={{ color: theme.pageTextPositive }}
         onClick={() => setMenuOpen(true)}
       >
-        <ExpandArrow
+        <SvgExpandArrow
           width={8}
           height={8}
           style={{ marginRight: 5, color: theme.pageText }}
diff --git a/packages/desktop-client/src/components/util/AmountInput.tsx b/packages/desktop-client/src/components/util/AmountInput.tsx
index aab5a8d369c..8e669737fc4 100644
--- a/packages/desktop-client/src/components/util/AmountInput.tsx
+++ b/packages/desktop-client/src/components/util/AmountInput.tsx
@@ -10,8 +10,7 @@ import evalArithmetic from 'loot-core/src/shared/arithmetic';
 import { amountToInteger } from 'loot-core/src/shared/util';
 
 import { useMergedRefs } from '../../hooks/useMergedRefs';
-import Add from '../../icons/v1/Add';
-import Subtract from '../../icons/v1/Subtract';
+import { SvgAdd, SvgSubtract } from '../../icons/v1';
 import { type CSSProperties, theme } from '../../style';
 import { Button } from '../common/Button';
 import { InputWithContent } from '../common/InputWithContent';
@@ -108,9 +107,9 @@ export function AmountInput({
           ref={buttonRef}
         >
           {negative ? (
-            <Subtract style={{ width: 8, height: 8, color: 'inherit' }} />
+            <SvgSubtract style={{ width: 8, height: 8, color: 'inherit' }} />
           ) : (
-            <Add style={{ width: 8, height: 8, color: 'inherit' }} />
+            <SvgAdd style={{ width: 8, height: 8, color: 'inherit' }} />
           )}
         </Button>
       }
diff --git a/packages/desktop-client/src/components/util/LoadComponent.tsx b/packages/desktop-client/src/components/util/LoadComponent.tsx
index 8e3f4f09680..a0769656e1b 100644
--- a/packages/desktop-client/src/components/util/LoadComponent.tsx
+++ b/packages/desktop-client/src/components/util/LoadComponent.tsx
@@ -1,6 +1,6 @@
 import { type ComponentType, useEffect, useState } from 'react';
 
-import AnimatedLoading from '../../icons/AnimatedLoading';
+import { AnimatedLoading } from '../../icons/AnimatedLoading';
 import { theme, styles } from '../../style';
 import { Block } from '../common/Block';
 import { View } from '../common/View';
diff --git a/packages/desktop-client/src/icons/AnimatedLoading.tsx b/packages/desktop-client/src/icons/AnimatedLoading.tsx
index a153265a405..82476f66ce6 100644
--- a/packages/desktop-client/src/icons/AnimatedLoading.tsx
+++ b/packages/desktop-client/src/icons/AnimatedLoading.tsx
@@ -2,14 +2,14 @@ import React, { type SVGProps } from 'react';
 
 import { css, keyframes } from 'glamor';
 
-import Loading from './Loading';
+import { SvgLoading } from './Loading';
 
 const rotation = keyframes({
   '0%': { transform: 'rotate(-90deg)' },
   '100%': { transform: 'rotate(666deg)' },
 });
 
-function AnimatedLoading(props: SVGProps<SVGSVGElement>) {
+export function AnimatedLoading(props: SVGProps<SVGSVGElement>) {
   return (
     <span
       className={`${css({
@@ -20,9 +20,7 @@ function AnimatedLoading(props: SVGProps<SVGSVGElement>) {
         lineHeight: 0,
       })}`}
     >
-      <Loading {...props} />
+      <SvgLoading {...props} />
     </span>
   );
 }
-
-export default AnimatedLoading;
diff --git a/packages/desktop-client/src/icons/Loading.tsx b/packages/desktop-client/src/icons/Loading.tsx
index c8101941c3f..6012c53db38 100644
--- a/packages/desktop-client/src/icons/Loading.tsx
+++ b/packages/desktop-client/src/icons/Loading.tsx
@@ -1,6 +1,6 @@
 import React, { type SVGProps, useState } from 'react';
 
-const SvgLoading = (props: SVGProps<SVGSVGElement>) => {
+export const SvgLoading = (props: SVGProps<SVGSVGElement>) => {
   const { color = 'currentColor' } = props;
   const [gradientId] = useState('gradient-' + Math.random());
 
@@ -31,5 +31,3 @@ const SvgLoading = (props: SVGProps<SVGSVGElement>) => {
     </svg>
   );
 };
-
-export default SvgLoading;
diff --git a/packages/desktop-client/src/icons/index-template.ts b/packages/desktop-client/src/icons/index-template.ts
new file mode 100644
index 00000000000..cf08292ae80
--- /dev/null
+++ b/packages/desktop-client/src/icons/index-template.ts
@@ -0,0 +1,12 @@
+const path = require('path')
+
+function indexTemplate(filePaths) {
+  const exportEntries = filePaths.map(({ path: filePath }) => {
+    const basename = path.basename(filePath, path.extname(filePath));
+    const exportName = `Svg${basename}`;
+    return `export { ${exportName} } from './${basename}'`;
+  })
+  return exportEntries.join('\n');
+}
+
+module.exports = indexTemplate
\ No newline at end of file
diff --git a/packages/desktop-client/src/icons/logo/Logo.tsx b/packages/desktop-client/src/icons/logo/Logo.tsx
index 60c4d53af4d..199a7a2aa66 100644
--- a/packages/desktop-client/src/icons/logo/Logo.tsx
+++ b/packages/desktop-client/src/icons/logo/Logo.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgLogo = (props: SVGProps<SVGSVGElement>) => (
+export const SvgLogo = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -21,4 +21,3 @@ const SvgLogo = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgLogo;
diff --git a/packages/desktop-client/src/icons/logo/index.ts b/packages/desktop-client/src/icons/logo/index.ts
index c6444c91fb9..c7d7d8ea715 100644
--- a/packages/desktop-client/src/icons/logo/index.ts
+++ b/packages/desktop-client/src/icons/logo/index.ts
@@ -1 +1 @@
-export { default as Logo } from './Logo';
+export { SvgLogo } from './Logo';
diff --git a/packages/desktop-client/src/icons/template.ts b/packages/desktop-client/src/icons/template.ts
new file mode 100644
index 00000000000..8cb1e0507f5
--- /dev/null
+++ b/packages/desktop-client/src/icons/template.ts
@@ -0,0 +1,13 @@
+const template = ({ imports, interfaces, componentName, props, jsx }, { tpl }) => {
+  return tpl`
+${imports};
+
+${interfaces};
+
+export const ${componentName} = (${props}) => (
+  ${jsx}
+);
+`
+}
+
+module.exports = template
\ No newline at end of file
diff --git a/packages/desktop-client/src/icons/v0/Add.tsx b/packages/desktop-client/src/icons/v0/Add.tsx
index 306a115dd65..e3c3a9e9289 100644
--- a/packages/desktop-client/src/icons/v0/Add.tsx
+++ b/packages/desktop-client/src/icons/v0/Add.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgAdd = (props: SVGProps<SVGSVGElement>) => (
+export const SvgAdd = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -20,4 +20,3 @@ const SvgAdd = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgAdd;
diff --git a/packages/desktop-client/src/icons/v0/Delete.tsx b/packages/desktop-client/src/icons/v0/Delete.tsx
index 232864866ad..311e818354c 100644
--- a/packages/desktop-client/src/icons/v0/Delete.tsx
+++ b/packages/desktop-client/src/icons/v0/Delete.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgDelete = (props: SVGProps<SVGSVGElement>) => (
+export const SvgDelete = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -20,4 +20,3 @@ const SvgDelete = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgDelete;
diff --git a/packages/desktop-client/src/icons/v0/ExpandArrow.tsx b/packages/desktop-client/src/icons/v0/ExpandArrow.tsx
index 35e12043d07..a7ac84f8cc3 100644
--- a/packages/desktop-client/src/icons/v0/ExpandArrow.tsx
+++ b/packages/desktop-client/src/icons/v0/ExpandArrow.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgExpandArrow = (props: SVGProps<SVGSVGElement>) => (
+export const SvgExpandArrow = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgExpandArrow = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgExpandArrow;
diff --git a/packages/desktop-client/src/icons/v0/LeftArrow2.tsx b/packages/desktop-client/src/icons/v0/LeftArrow2.tsx
index b1c0b091cf2..15a8cc460d6 100644
--- a/packages/desktop-client/src/icons/v0/LeftArrow2.tsx
+++ b/packages/desktop-client/src/icons/v0/LeftArrow2.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgLeftArrow2 = (props: SVGProps<SVGSVGElement>) => (
+export const SvgLeftArrow2 = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgLeftArrow2 = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgLeftArrow2;
diff --git a/packages/desktop-client/src/icons/v0/Math.tsx b/packages/desktop-client/src/icons/v0/Math.tsx
index db3629fabb3..41aff6c20f7 100644
--- a/packages/desktop-client/src/icons/v0/Math.tsx
+++ b/packages/desktop-client/src/icons/v0/Math.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgMath = (props: SVGProps<SVGSVGElement>) => (
+export const SvgMath = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgMath = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgMath;
diff --git a/packages/desktop-client/src/icons/v0/Merge.tsx b/packages/desktop-client/src/icons/v0/Merge.tsx
index 453fe8d369b..b310ecc25cf 100644
--- a/packages/desktop-client/src/icons/v0/Merge.tsx
+++ b/packages/desktop-client/src/icons/v0/Merge.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgMerge = (props: SVGProps<SVGSVGElement>) => (
+export const SvgMerge = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -21,4 +21,3 @@ const SvgMerge = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgMerge;
diff --git a/packages/desktop-client/src/icons/v0/RightArrow2.tsx b/packages/desktop-client/src/icons/v0/RightArrow2.tsx
index 3652862b3aa..fb1708540ec 100644
--- a/packages/desktop-client/src/icons/v0/RightArrow2.tsx
+++ b/packages/desktop-client/src/icons/v0/RightArrow2.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgRightArrow2 = (props: SVGProps<SVGSVGElement>) => (
+export const SvgRightArrow2 = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgRightArrow2 = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgRightArrow2;
diff --git a/packages/desktop-client/src/icons/v0/Split.tsx b/packages/desktop-client/src/icons/v0/Split.tsx
index 4e22aa9a82d..415196f6380 100644
--- a/packages/desktop-client/src/icons/v0/Split.tsx
+++ b/packages/desktop-client/src/icons/v0/Split.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgSplit = (props: SVGProps<SVGSVGElement>) => (
+export const SvgSplit = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -21,4 +21,3 @@ const SvgSplit = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgSplit;
diff --git a/packages/desktop-client/src/icons/v0/Subtract.tsx b/packages/desktop-client/src/icons/v0/Subtract.tsx
index 3d06098172f..698a94f3d72 100644
--- a/packages/desktop-client/src/icons/v0/Subtract.tsx
+++ b/packages/desktop-client/src/icons/v0/Subtract.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgSubtract = (props: SVGProps<SVGSVGElement>) => (
+export const SvgSubtract = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgSubtract = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgSubtract;
diff --git a/packages/desktop-client/src/icons/v0/index.ts b/packages/desktop-client/src/icons/v0/index.ts
index 077a6c4d9d3..893da4c0eb4 100644
--- a/packages/desktop-client/src/icons/v0/index.ts
+++ b/packages/desktop-client/src/icons/v0/index.ts
@@ -1,9 +1,9 @@
-export { default as Add } from './Add';
-export { default as Delete } from './Delete';
-export { default as ExpandArrow } from './ExpandArrow';
-export { default as LeftArrow2 } from './LeftArrow2';
-export { default as Math } from './Math';
-export { default as RightArrow2 } from './RightArrow2';
-export { default as Subtract } from './Subtract';
-export { default as Merge } from './Merge';
-export { default as Split } from './Split';
+export { SvgAdd } from './Add';
+export { SvgDelete } from './Delete';
+export { SvgExpandArrow } from './ExpandArrow';
+export { SvgLeftArrow2 } from './LeftArrow2';
+export { SvgMath } from './Math';
+export { SvgRightArrow2 } from './RightArrow2';
+export { SvgSubtract } from './Subtract';
+export { SvgMerge } from './Merge';
+export { SvgSplit } from './Split';
diff --git a/packages/desktop-client/src/icons/v1/Add.tsx b/packages/desktop-client/src/icons/v1/Add.tsx
index 17ca39f5c12..0ca4c9e8e4c 100644
--- a/packages/desktop-client/src/icons/v1/Add.tsx
+++ b/packages/desktop-client/src/icons/v1/Add.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgAdd = (props: SVGProps<SVGSVGElement>) => (
+export const SvgAdd = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -22,4 +22,3 @@ const SvgAdd = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgAdd;
diff --git a/packages/desktop-client/src/icons/v1/AddOutline.tsx b/packages/desktop-client/src/icons/v1/AddOutline.tsx
index 0258ef0612a..bd125139d5b 100644
--- a/packages/desktop-client/src/icons/v1/AddOutline.tsx
+++ b/packages/desktop-client/src/icons/v1/AddOutline.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgAddOutline = (props: SVGProps<SVGSVGElement>) => (
+export const SvgAddOutline = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgAddOutline = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgAddOutline;
diff --git a/packages/desktop-client/src/icons/v1/AddSolid.tsx b/packages/desktop-client/src/icons/v1/AddSolid.tsx
index 085c19a85f2..0590557a58c 100644
--- a/packages/desktop-client/src/icons/v1/AddSolid.tsx
+++ b/packages/desktop-client/src/icons/v1/AddSolid.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgAddSolid = (props: SVGProps<SVGSVGElement>) => (
+export const SvgAddSolid = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgAddSolid = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgAddSolid;
diff --git a/packages/desktop-client/src/icons/v1/Adjust.tsx b/packages/desktop-client/src/icons/v1/Adjust.tsx
index 5a63200656c..a904a3ef9bb 100644
--- a/packages/desktop-client/src/icons/v1/Adjust.tsx
+++ b/packages/desktop-client/src/icons/v1/Adjust.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgAdjust = (props: SVGProps<SVGSVGElement>) => (
+export const SvgAdjust = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgAdjust = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgAdjust;
diff --git a/packages/desktop-client/src/icons/v1/Airplane.tsx b/packages/desktop-client/src/icons/v1/Airplane.tsx
index 542dc23e5c7..28299f392f5 100644
--- a/packages/desktop-client/src/icons/v1/Airplane.tsx
+++ b/packages/desktop-client/src/icons/v1/Airplane.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgAirplane = (props: SVGProps<SVGSVGElement>) => (
+export const SvgAirplane = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgAirplane = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgAirplane;
diff --git a/packages/desktop-client/src/icons/v1/Album.tsx b/packages/desktop-client/src/icons/v1/Album.tsx
index b9f7848daca..85f4bf9d621 100644
--- a/packages/desktop-client/src/icons/v1/Album.tsx
+++ b/packages/desktop-client/src/icons/v1/Album.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgAlbum = (props: SVGProps<SVGSVGElement>) => (
+export const SvgAlbum = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgAlbum = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgAlbum;
diff --git a/packages/desktop-client/src/icons/v1/AlignCenter.tsx b/packages/desktop-client/src/icons/v1/AlignCenter.tsx
index 193dd57a719..4ca468a0dc5 100644
--- a/packages/desktop-client/src/icons/v1/AlignCenter.tsx
+++ b/packages/desktop-client/src/icons/v1/AlignCenter.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgAlignCenter = (props: SVGProps<SVGSVGElement>) => (
+export const SvgAlignCenter = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgAlignCenter = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgAlignCenter;
diff --git a/packages/desktop-client/src/icons/v1/AlignJustified.tsx b/packages/desktop-client/src/icons/v1/AlignJustified.tsx
index 7c3ba26d66f..06cfaabc036 100644
--- a/packages/desktop-client/src/icons/v1/AlignJustified.tsx
+++ b/packages/desktop-client/src/icons/v1/AlignJustified.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgAlignJustified = (props: SVGProps<SVGSVGElement>) => (
+export const SvgAlignJustified = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgAlignJustified = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgAlignJustified;
diff --git a/packages/desktop-client/src/icons/v1/AlignLeft.tsx b/packages/desktop-client/src/icons/v1/AlignLeft.tsx
index 86a138c3820..d8d5c7980c4 100644
--- a/packages/desktop-client/src/icons/v1/AlignLeft.tsx
+++ b/packages/desktop-client/src/icons/v1/AlignLeft.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgAlignLeft = (props: SVGProps<SVGSVGElement>) => (
+export const SvgAlignLeft = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgAlignLeft = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgAlignLeft;
diff --git a/packages/desktop-client/src/icons/v1/AlignRight.tsx b/packages/desktop-client/src/icons/v1/AlignRight.tsx
index a4371208ebe..91b93a34fc6 100644
--- a/packages/desktop-client/src/icons/v1/AlignRight.tsx
+++ b/packages/desktop-client/src/icons/v1/AlignRight.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgAlignRight = (props: SVGProps<SVGSVGElement>) => (
+export const SvgAlignRight = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgAlignRight = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgAlignRight;
diff --git a/packages/desktop-client/src/icons/v1/Anchor.tsx b/packages/desktop-client/src/icons/v1/Anchor.tsx
index 3916aca810e..45686885ec2 100644
--- a/packages/desktop-client/src/icons/v1/Anchor.tsx
+++ b/packages/desktop-client/src/icons/v1/Anchor.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgAnchor = (props: SVGProps<SVGSVGElement>) => (
+export const SvgAnchor = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgAnchor = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgAnchor;
diff --git a/packages/desktop-client/src/icons/v1/Announcement.tsx b/packages/desktop-client/src/icons/v1/Announcement.tsx
index df1e1ec9890..f478a36bf46 100644
--- a/packages/desktop-client/src/icons/v1/Announcement.tsx
+++ b/packages/desktop-client/src/icons/v1/Announcement.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgAnnouncement = (props: SVGProps<SVGSVGElement>) => (
+export const SvgAnnouncement = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgAnnouncement = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgAnnouncement;
diff --git a/packages/desktop-client/src/icons/v1/Apparel.tsx b/packages/desktop-client/src/icons/v1/Apparel.tsx
index 2be049f337a..d48ff3fe538 100644
--- a/packages/desktop-client/src/icons/v1/Apparel.tsx
+++ b/packages/desktop-client/src/icons/v1/Apparel.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgApparel = (props: SVGProps<SVGSVGElement>) => (
+export const SvgApparel = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgApparel = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgApparel;
diff --git a/packages/desktop-client/src/icons/v1/ArrowDown.tsx b/packages/desktop-client/src/icons/v1/ArrowDown.tsx
index 89589b78906..cc200ce85a9 100644
--- a/packages/desktop-client/src/icons/v1/ArrowDown.tsx
+++ b/packages/desktop-client/src/icons/v1/ArrowDown.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgArrowDown = (props: SVGProps<SVGSVGElement>) => (
+export const SvgArrowDown = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgArrowDown = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgArrowDown;
diff --git a/packages/desktop-client/src/icons/v1/ArrowLeft.tsx b/packages/desktop-client/src/icons/v1/ArrowLeft.tsx
index 39b57af26ba..7a510ccc4b5 100644
--- a/packages/desktop-client/src/icons/v1/ArrowLeft.tsx
+++ b/packages/desktop-client/src/icons/v1/ArrowLeft.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgArrowLeft = (props: SVGProps<SVGSVGElement>) => (
+export const SvgArrowLeft = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgArrowLeft = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgArrowLeft;
diff --git a/packages/desktop-client/src/icons/v1/ArrowOutlineDown.tsx b/packages/desktop-client/src/icons/v1/ArrowOutlineDown.tsx
index 6ebc0e9b4e6..4e4d38810f6 100644
--- a/packages/desktop-client/src/icons/v1/ArrowOutlineDown.tsx
+++ b/packages/desktop-client/src/icons/v1/ArrowOutlineDown.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgArrowOutlineDown = (props: SVGProps<SVGSVGElement>) => (
+export const SvgArrowOutlineDown = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgArrowOutlineDown = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgArrowOutlineDown;
diff --git a/packages/desktop-client/src/icons/v1/ArrowOutlineLeft.tsx b/packages/desktop-client/src/icons/v1/ArrowOutlineLeft.tsx
index 32f56ce12ec..9a3e8890467 100644
--- a/packages/desktop-client/src/icons/v1/ArrowOutlineLeft.tsx
+++ b/packages/desktop-client/src/icons/v1/ArrowOutlineLeft.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgArrowOutlineLeft = (props: SVGProps<SVGSVGElement>) => (
+export const SvgArrowOutlineLeft = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgArrowOutlineLeft = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgArrowOutlineLeft;
diff --git a/packages/desktop-client/src/icons/v1/ArrowOutlineRight.tsx b/packages/desktop-client/src/icons/v1/ArrowOutlineRight.tsx
index f75c6c63704..f09a9762c97 100644
--- a/packages/desktop-client/src/icons/v1/ArrowOutlineRight.tsx
+++ b/packages/desktop-client/src/icons/v1/ArrowOutlineRight.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgArrowOutlineRight = (props: SVGProps<SVGSVGElement>) => (
+export const SvgArrowOutlineRight = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgArrowOutlineRight = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgArrowOutlineRight;
diff --git a/packages/desktop-client/src/icons/v1/ArrowOutlineUp.tsx b/packages/desktop-client/src/icons/v1/ArrowOutlineUp.tsx
index 452f680eeda..6050ab8f840 100644
--- a/packages/desktop-client/src/icons/v1/ArrowOutlineUp.tsx
+++ b/packages/desktop-client/src/icons/v1/ArrowOutlineUp.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgArrowOutlineUp = (props: SVGProps<SVGSVGElement>) => (
+export const SvgArrowOutlineUp = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgArrowOutlineUp = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgArrowOutlineUp;
diff --git a/packages/desktop-client/src/icons/v1/ArrowRight.tsx b/packages/desktop-client/src/icons/v1/ArrowRight.tsx
index 167eee2d4c8..6475516cc78 100644
--- a/packages/desktop-client/src/icons/v1/ArrowRight.tsx
+++ b/packages/desktop-client/src/icons/v1/ArrowRight.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgArrowRight = (props: SVGProps<SVGSVGElement>) => (
+export const SvgArrowRight = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgArrowRight = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgArrowRight;
diff --git a/packages/desktop-client/src/icons/v1/ArrowThickDown.tsx b/packages/desktop-client/src/icons/v1/ArrowThickDown.tsx
index 892886f4ad0..cb0d3593057 100644
--- a/packages/desktop-client/src/icons/v1/ArrowThickDown.tsx
+++ b/packages/desktop-client/src/icons/v1/ArrowThickDown.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgArrowThickDown = (props: SVGProps<SVGSVGElement>) => (
+export const SvgArrowThickDown = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,3 @@ const SvgArrowThickDown = (props: SVGProps<SVGSVGElement>) => (
     <path d="M7 10V2h6v8h5l-8 8-8-8h5z" fill="currentColor" />
   </svg>
 );
-export default SvgArrowThickDown;
diff --git a/packages/desktop-client/src/icons/v1/ArrowThickLeft.tsx b/packages/desktop-client/src/icons/v1/ArrowThickLeft.tsx
index 2cea251e435..2836bfc4d5f 100644
--- a/packages/desktop-client/src/icons/v1/ArrowThickLeft.tsx
+++ b/packages/desktop-client/src/icons/v1/ArrowThickLeft.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgArrowThickLeft = (props: SVGProps<SVGSVGElement>) => (
+export const SvgArrowThickLeft = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,3 @@ const SvgArrowThickLeft = (props: SVGProps<SVGSVGElement>) => (
     <path d="M10 13h8V7h-8V2l-8 8 8 8v-5z" fill="currentColor" />
   </svg>
 );
-export default SvgArrowThickLeft;
diff --git a/packages/desktop-client/src/icons/v1/ArrowThickRight.tsx b/packages/desktop-client/src/icons/v1/ArrowThickRight.tsx
index cc92ba8a787..741a9fe13e6 100644
--- a/packages/desktop-client/src/icons/v1/ArrowThickRight.tsx
+++ b/packages/desktop-client/src/icons/v1/ArrowThickRight.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgArrowThickRight = (props: SVGProps<SVGSVGElement>) => (
+export const SvgArrowThickRight = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,3 @@ const SvgArrowThickRight = (props: SVGProps<SVGSVGElement>) => (
     <path d="M10 7H2v6h8v5l8-8-8-8v5z" fill="currentColor" />
   </svg>
 );
-export default SvgArrowThickRight;
diff --git a/packages/desktop-client/src/icons/v1/ArrowThickUp.tsx b/packages/desktop-client/src/icons/v1/ArrowThickUp.tsx
index ca6c0adde5e..92356686e04 100644
--- a/packages/desktop-client/src/icons/v1/ArrowThickUp.tsx
+++ b/packages/desktop-client/src/icons/v1/ArrowThickUp.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgArrowThickUp = (props: SVGProps<SVGSVGElement>) => (
+export const SvgArrowThickUp = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,3 @@ const SvgArrowThickUp = (props: SVGProps<SVGSVGElement>) => (
     <path d="M7 10v8h6v-8h5l-8-8-8 8h5z" fill="currentColor" />
   </svg>
 );
-export default SvgArrowThickUp;
diff --git a/packages/desktop-client/src/icons/v1/ArrowThinDown.tsx b/packages/desktop-client/src/icons/v1/ArrowThinDown.tsx
index af09ad7a1d7..fecdc46eac1 100644
--- a/packages/desktop-client/src/icons/v1/ArrowThinDown.tsx
+++ b/packages/desktop-client/src/icons/v1/ArrowThinDown.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgArrowThinDown = (props: SVGProps<SVGSVGElement>) => (
+export const SvgArrowThinDown = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgArrowThinDown = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgArrowThinDown;
diff --git a/packages/desktop-client/src/icons/v1/ArrowThinLeft.tsx b/packages/desktop-client/src/icons/v1/ArrowThinLeft.tsx
index 63cb5f5d4f7..7dfc39f9cce 100644
--- a/packages/desktop-client/src/icons/v1/ArrowThinLeft.tsx
+++ b/packages/desktop-client/src/icons/v1/ArrowThinLeft.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgArrowThinLeft = (props: SVGProps<SVGSVGElement>) => (
+export const SvgArrowThinLeft = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgArrowThinLeft = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgArrowThinLeft;
diff --git a/packages/desktop-client/src/icons/v1/ArrowThinRight.tsx b/packages/desktop-client/src/icons/v1/ArrowThinRight.tsx
index 99cf0c1b11e..ec453bd2a1c 100644
--- a/packages/desktop-client/src/icons/v1/ArrowThinRight.tsx
+++ b/packages/desktop-client/src/icons/v1/ArrowThinRight.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgArrowThinRight = (props: SVGProps<SVGSVGElement>) => (
+export const SvgArrowThinRight = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgArrowThinRight = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgArrowThinRight;
diff --git a/packages/desktop-client/src/icons/v1/ArrowThinUp.tsx b/packages/desktop-client/src/icons/v1/ArrowThinUp.tsx
index a89d92e475e..06269f4d681 100644
--- a/packages/desktop-client/src/icons/v1/ArrowThinUp.tsx
+++ b/packages/desktop-client/src/icons/v1/ArrowThinUp.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgArrowThinUp = (props: SVGProps<SVGSVGElement>) => (
+export const SvgArrowThinUp = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgArrowThinUp = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgArrowThinUp;
diff --git a/packages/desktop-client/src/icons/v1/ArrowUp.tsx b/packages/desktop-client/src/icons/v1/ArrowUp.tsx
index 4f251e2aee8..5af2d7005f5 100644
--- a/packages/desktop-client/src/icons/v1/ArrowUp.tsx
+++ b/packages/desktop-client/src/icons/v1/ArrowUp.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgArrowUp = (props: SVGProps<SVGSVGElement>) => (
+export const SvgArrowUp = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgArrowUp = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgArrowUp;
diff --git a/packages/desktop-client/src/icons/v1/Artist.tsx b/packages/desktop-client/src/icons/v1/Artist.tsx
index 620bbeee0f1..c5e3e4f2324 100644
--- a/packages/desktop-client/src/icons/v1/Artist.tsx
+++ b/packages/desktop-client/src/icons/v1/Artist.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgArtist = (props: SVGProps<SVGSVGElement>) => (
+export const SvgArtist = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgArtist = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgArtist;
diff --git a/packages/desktop-client/src/icons/v1/AtSymbol.tsx b/packages/desktop-client/src/icons/v1/AtSymbol.tsx
index b8d672bef14..18a3406e096 100644
--- a/packages/desktop-client/src/icons/v1/AtSymbol.tsx
+++ b/packages/desktop-client/src/icons/v1/AtSymbol.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgAtSymbol = (props: SVGProps<SVGSVGElement>) => (
+export const SvgAtSymbol = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgAtSymbol = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgAtSymbol;
diff --git a/packages/desktop-client/src/icons/v1/Attachment.tsx b/packages/desktop-client/src/icons/v1/Attachment.tsx
index ba7adc90093..dfb2f9a2847 100644
--- a/packages/desktop-client/src/icons/v1/Attachment.tsx
+++ b/packages/desktop-client/src/icons/v1/Attachment.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgAttachment = (props: SVGProps<SVGSVGElement>) => (
+export const SvgAttachment = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgAttachment = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgAttachment;
diff --git a/packages/desktop-client/src/icons/v1/Backspace.tsx b/packages/desktop-client/src/icons/v1/Backspace.tsx
index 0921df4ec6a..603050b0145 100644
--- a/packages/desktop-client/src/icons/v1/Backspace.tsx
+++ b/packages/desktop-client/src/icons/v1/Backspace.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBackspace = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBackspace = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBackspace = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBackspace;
diff --git a/packages/desktop-client/src/icons/v1/Backward.tsx b/packages/desktop-client/src/icons/v1/Backward.tsx
index 407f1c6e918..bf0990ba117 100644
--- a/packages/desktop-client/src/icons/v1/Backward.tsx
+++ b/packages/desktop-client/src/icons/v1/Backward.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBackward = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBackward = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,3 @@ const SvgBackward = (props: SVGProps<SVGSVGElement>) => (
     <path d="M19 5v10l-9-5 9-5zm-9 0v10l-9-5 9-5z" fill="currentColor" />
   </svg>
 );
-export default SvgBackward;
diff --git a/packages/desktop-client/src/icons/v1/BackwardStep.tsx b/packages/desktop-client/src/icons/v1/BackwardStep.tsx
index a0b4a97de97..92744f47688 100644
--- a/packages/desktop-client/src/icons/v1/BackwardStep.tsx
+++ b/packages/desktop-client/src/icons/v1/BackwardStep.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBackwardStep = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBackwardStep = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,3 @@ const SvgBackwardStep = (props: SVGProps<SVGSVGElement>) => (
     <path d="M4 5h3v10H4V5zm12 0v10l-9-5 9-5z" fill="currentColor" />
   </svg>
 );
-export default SvgBackwardStep;
diff --git a/packages/desktop-client/src/icons/v1/Badge.tsx b/packages/desktop-client/src/icons/v1/Badge.tsx
index 43afec767d4..94f9fba0f20 100644
--- a/packages/desktop-client/src/icons/v1/Badge.tsx
+++ b/packages/desktop-client/src/icons/v1/Badge.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBadge = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBadge = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBadge = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBadge;
diff --git a/packages/desktop-client/src/icons/v1/BatteryFull.tsx b/packages/desktop-client/src/icons/v1/BatteryFull.tsx
index 5f67d1ae018..5cfe1f5e889 100644
--- a/packages/desktop-client/src/icons/v1/BatteryFull.tsx
+++ b/packages/desktop-client/src/icons/v1/BatteryFull.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBatteryFull = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBatteryFull = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBatteryFull = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBatteryFull;
diff --git a/packages/desktop-client/src/icons/v1/BatteryHalf.tsx b/packages/desktop-client/src/icons/v1/BatteryHalf.tsx
index 5c72fc8dcf1..eca3eb53d8f 100644
--- a/packages/desktop-client/src/icons/v1/BatteryHalf.tsx
+++ b/packages/desktop-client/src/icons/v1/BatteryHalf.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBatteryHalf = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBatteryHalf = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBatteryHalf = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBatteryHalf;
diff --git a/packages/desktop-client/src/icons/v1/BatteryLow.tsx b/packages/desktop-client/src/icons/v1/BatteryLow.tsx
index 04cd28afbab..9f657194a82 100644
--- a/packages/desktop-client/src/icons/v1/BatteryLow.tsx
+++ b/packages/desktop-client/src/icons/v1/BatteryLow.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBatteryLow = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBatteryLow = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBatteryLow = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBatteryLow;
diff --git a/packages/desktop-client/src/icons/v1/Beverage.tsx b/packages/desktop-client/src/icons/v1/Beverage.tsx
index c70b8eea090..84c44b2dde1 100644
--- a/packages/desktop-client/src/icons/v1/Beverage.tsx
+++ b/packages/desktop-client/src/icons/v1/Beverage.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBeverage = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBeverage = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBeverage = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBeverage;
diff --git a/packages/desktop-client/src/icons/v1/Block.tsx b/packages/desktop-client/src/icons/v1/Block.tsx
index 9acee929a8f..d70f7135773 100644
--- a/packages/desktop-client/src/icons/v1/Block.tsx
+++ b/packages/desktop-client/src/icons/v1/Block.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBlock = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBlock = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBlock = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBlock;
diff --git a/packages/desktop-client/src/icons/v1/Bluetooth.tsx b/packages/desktop-client/src/icons/v1/Bluetooth.tsx
index ac69c42ff29..9203cce1ebf 100644
--- a/packages/desktop-client/src/icons/v1/Bluetooth.tsx
+++ b/packages/desktop-client/src/icons/v1/Bluetooth.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBluetooth = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBluetooth = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBluetooth = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBluetooth;
diff --git a/packages/desktop-client/src/icons/v1/Bolt.tsx b/packages/desktop-client/src/icons/v1/Bolt.tsx
index dc1736b2450..6aa0f8bbb19 100644
--- a/packages/desktop-client/src/icons/v1/Bolt.tsx
+++ b/packages/desktop-client/src/icons/v1/Bolt.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBolt = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBolt = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,3 @@ const SvgBolt = (props: SVGProps<SVGSVGElement>) => (
     <path d="M13 8V0L8.11 5.87 3 12h4v8L17 8h-4z" fill="currentColor" />
   </svg>
 );
-export default SvgBolt;
diff --git a/packages/desktop-client/src/icons/v1/BookReference.tsx b/packages/desktop-client/src/icons/v1/BookReference.tsx
index 91987db343f..0531931056c 100644
--- a/packages/desktop-client/src/icons/v1/BookReference.tsx
+++ b/packages/desktop-client/src/icons/v1/BookReference.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBookReference = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBookReference = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBookReference = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBookReference;
diff --git a/packages/desktop-client/src/icons/v1/Bookmark.tsx b/packages/desktop-client/src/icons/v1/Bookmark.tsx
index 5d005382bfb..718314f79e7 100644
--- a/packages/desktop-client/src/icons/v1/Bookmark.tsx
+++ b/packages/desktop-client/src/icons/v1/Bookmark.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBookmark = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBookmark = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBookmark = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBookmark;
diff --git a/packages/desktop-client/src/icons/v1/BookmarkCopy2.tsx b/packages/desktop-client/src/icons/v1/BookmarkCopy2.tsx
index 3c6771dcfec..ca6693e2ec5 100644
--- a/packages/desktop-client/src/icons/v1/BookmarkCopy2.tsx
+++ b/packages/desktop-client/src/icons/v1/BookmarkCopy2.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBookmarkCopy2 = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBookmarkCopy2 = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,3 @@ const SvgBookmarkCopy2 = (props: SVGProps<SVGSVGElement>) => (
     <path d="M18 12v1H8v5l-6-6 6-6v5h8V2h2z" fill="currentColor" />
   </svg>
 );
-export default SvgBookmarkCopy2;
diff --git a/packages/desktop-client/src/icons/v1/BookmarkCopy3.tsx b/packages/desktop-client/src/icons/v1/BookmarkCopy3.tsx
index b1481a27a87..795a59658f3 100644
--- a/packages/desktop-client/src/icons/v1/BookmarkCopy3.tsx
+++ b/packages/desktop-client/src/icons/v1/BookmarkCopy3.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBookmarkCopy3 = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBookmarkCopy3 = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,3 @@ const SvgBookmarkCopy3 = (props: SVGProps<SVGSVGElement>) => (
     <path d="M3.5 13H12v5l6-6-6-6v5H4V2H2v11z" fill="currentColor" />
   </svg>
 );
-export default SvgBookmarkCopy3;
diff --git a/packages/desktop-client/src/icons/v1/BookmarkOutline.tsx b/packages/desktop-client/src/icons/v1/BookmarkOutline.tsx
index f3318c8ae4e..709539ab9ee 100644
--- a/packages/desktop-client/src/icons/v1/BookmarkOutline.tsx
+++ b/packages/desktop-client/src/icons/v1/BookmarkOutline.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBookmarkOutline = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBookmarkOutline = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBookmarkOutline = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBookmarkOutline;
diff --git a/packages/desktop-client/src/icons/v1/BookmarkOutlineAdd.tsx b/packages/desktop-client/src/icons/v1/BookmarkOutlineAdd.tsx
index 7454370f08e..0dde71518e3 100644
--- a/packages/desktop-client/src/icons/v1/BookmarkOutlineAdd.tsx
+++ b/packages/desktop-client/src/icons/v1/BookmarkOutlineAdd.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBookmarkOutlineAdd = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBookmarkOutlineAdd = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBookmarkOutlineAdd = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBookmarkOutlineAdd;
diff --git a/packages/desktop-client/src/icons/v1/BorderAll.tsx b/packages/desktop-client/src/icons/v1/BorderAll.tsx
index e605c187271..98878143965 100644
--- a/packages/desktop-client/src/icons/v1/BorderAll.tsx
+++ b/packages/desktop-client/src/icons/v1/BorderAll.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBorderAll = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBorderAll = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBorderAll = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBorderAll;
diff --git a/packages/desktop-client/src/icons/v1/BorderBottom.tsx b/packages/desktop-client/src/icons/v1/BorderBottom.tsx
index b68a05bb050..02be541d333 100644
--- a/packages/desktop-client/src/icons/v1/BorderBottom.tsx
+++ b/packages/desktop-client/src/icons/v1/BorderBottom.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBorderBottom = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBorderBottom = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBorderBottom = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBorderBottom;
diff --git a/packages/desktop-client/src/icons/v1/BorderHorizontal.tsx b/packages/desktop-client/src/icons/v1/BorderHorizontal.tsx
index 00495f1ddfa..a7845bd1ee3 100644
--- a/packages/desktop-client/src/icons/v1/BorderHorizontal.tsx
+++ b/packages/desktop-client/src/icons/v1/BorderHorizontal.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBorderHorizontal = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBorderHorizontal = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBorderHorizontal = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBorderHorizontal;
diff --git a/packages/desktop-client/src/icons/v1/BorderInner.tsx b/packages/desktop-client/src/icons/v1/BorderInner.tsx
index d29a994de70..50e1f9578aa 100644
--- a/packages/desktop-client/src/icons/v1/BorderInner.tsx
+++ b/packages/desktop-client/src/icons/v1/BorderInner.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBorderInner = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBorderInner = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBorderInner = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBorderInner;
diff --git a/packages/desktop-client/src/icons/v1/BorderLeft.tsx b/packages/desktop-client/src/icons/v1/BorderLeft.tsx
index be056c8507d..ef4af27a826 100644
--- a/packages/desktop-client/src/icons/v1/BorderLeft.tsx
+++ b/packages/desktop-client/src/icons/v1/BorderLeft.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBorderLeft = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBorderLeft = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBorderLeft = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBorderLeft;
diff --git a/packages/desktop-client/src/icons/v1/BorderNone.tsx b/packages/desktop-client/src/icons/v1/BorderNone.tsx
index 5d8b22530f4..a1dd526d894 100644
--- a/packages/desktop-client/src/icons/v1/BorderNone.tsx
+++ b/packages/desktop-client/src/icons/v1/BorderNone.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBorderNone = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBorderNone = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBorderNone = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBorderNone;
diff --git a/packages/desktop-client/src/icons/v1/BorderOuter.tsx b/packages/desktop-client/src/icons/v1/BorderOuter.tsx
index c4227c22f99..65562f17988 100644
--- a/packages/desktop-client/src/icons/v1/BorderOuter.tsx
+++ b/packages/desktop-client/src/icons/v1/BorderOuter.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBorderOuter = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBorderOuter = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBorderOuter = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBorderOuter;
diff --git a/packages/desktop-client/src/icons/v1/BorderRight.tsx b/packages/desktop-client/src/icons/v1/BorderRight.tsx
index 5ca488833b3..af299c231ec 100644
--- a/packages/desktop-client/src/icons/v1/BorderRight.tsx
+++ b/packages/desktop-client/src/icons/v1/BorderRight.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBorderRight = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBorderRight = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBorderRight = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBorderRight;
diff --git a/packages/desktop-client/src/icons/v1/BorderTop.tsx b/packages/desktop-client/src/icons/v1/BorderTop.tsx
index 33f8b022981..2c2b89cf957 100644
--- a/packages/desktop-client/src/icons/v1/BorderTop.tsx
+++ b/packages/desktop-client/src/icons/v1/BorderTop.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBorderTop = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBorderTop = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBorderTop = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBorderTop;
diff --git a/packages/desktop-client/src/icons/v1/BorderVertical.tsx b/packages/desktop-client/src/icons/v1/BorderVertical.tsx
index 34321d2171e..66934668021 100644
--- a/packages/desktop-client/src/icons/v1/BorderVertical.tsx
+++ b/packages/desktop-client/src/icons/v1/BorderVertical.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBorderVertical = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBorderVertical = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBorderVertical = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBorderVertical;
diff --git a/packages/desktop-client/src/icons/v1/Box.tsx b/packages/desktop-client/src/icons/v1/Box.tsx
index e783b16c9b5..60393b4c8be 100644
--- a/packages/desktop-client/src/icons/v1/Box.tsx
+++ b/packages/desktop-client/src/icons/v1/Box.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBox = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBox = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBox = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBox;
diff --git a/packages/desktop-client/src/icons/v1/BrightnessDown.tsx b/packages/desktop-client/src/icons/v1/BrightnessDown.tsx
index c15a10854de..65052a75314 100644
--- a/packages/desktop-client/src/icons/v1/BrightnessDown.tsx
+++ b/packages/desktop-client/src/icons/v1/BrightnessDown.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBrightnessDown = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBrightnessDown = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBrightnessDown = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBrightnessDown;
diff --git a/packages/desktop-client/src/icons/v1/BrightnessUp.tsx b/packages/desktop-client/src/icons/v1/BrightnessUp.tsx
index a4b55f99593..2eb92b30525 100644
--- a/packages/desktop-client/src/icons/v1/BrightnessUp.tsx
+++ b/packages/desktop-client/src/icons/v1/BrightnessUp.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBrightnessUp = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBrightnessUp = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBrightnessUp = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBrightnessUp;
diff --git a/packages/desktop-client/src/icons/v1/BrowserWindow.tsx b/packages/desktop-client/src/icons/v1/BrowserWindow.tsx
index 703cc025471..9a2bb5af319 100644
--- a/packages/desktop-client/src/icons/v1/BrowserWindow.tsx
+++ b/packages/desktop-client/src/icons/v1/BrowserWindow.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBrowserWindow = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBrowserWindow = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBrowserWindow = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBrowserWindow;
diff --git a/packages/desktop-client/src/icons/v1/BrowserWindowNew.tsx b/packages/desktop-client/src/icons/v1/BrowserWindowNew.tsx
index 8e8ec8af3d0..3545689cf60 100644
--- a/packages/desktop-client/src/icons/v1/BrowserWindowNew.tsx
+++ b/packages/desktop-client/src/icons/v1/BrowserWindowNew.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBrowserWindowNew = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBrowserWindowNew = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBrowserWindowNew = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBrowserWindowNew;
diff --git a/packages/desktop-client/src/icons/v1/BrowserWindowOpen.tsx b/packages/desktop-client/src/icons/v1/BrowserWindowOpen.tsx
index a38058e1af3..d27685ae9fb 100644
--- a/packages/desktop-client/src/icons/v1/BrowserWindowOpen.tsx
+++ b/packages/desktop-client/src/icons/v1/BrowserWindowOpen.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBrowserWindowOpen = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBrowserWindowOpen = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBrowserWindowOpen = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBrowserWindowOpen;
diff --git a/packages/desktop-client/src/icons/v1/Bug.tsx b/packages/desktop-client/src/icons/v1/Bug.tsx
index e0a8ed5f715..7676a36280d 100644
--- a/packages/desktop-client/src/icons/v1/Bug.tsx
+++ b/packages/desktop-client/src/icons/v1/Bug.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBug = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBug = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBug = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBug;
diff --git a/packages/desktop-client/src/icons/v1/Buoy.tsx b/packages/desktop-client/src/icons/v1/Buoy.tsx
index 1f3c1df7a90..05fff9ff800 100644
--- a/packages/desktop-client/src/icons/v1/Buoy.tsx
+++ b/packages/desktop-client/src/icons/v1/Buoy.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgBuoy = (props: SVGProps<SVGSVGElement>) => (
+export const SvgBuoy = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgBuoy = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgBuoy;
diff --git a/packages/desktop-client/src/icons/v1/Calculator.tsx b/packages/desktop-client/src/icons/v1/Calculator.tsx
index 7400394b84e..264858a763a 100644
--- a/packages/desktop-client/src/icons/v1/Calculator.tsx
+++ b/packages/desktop-client/src/icons/v1/Calculator.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCalculator = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCalculator = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgCalculator = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCalculator;
diff --git a/packages/desktop-client/src/icons/v1/Calendar.tsx b/packages/desktop-client/src/icons/v1/Calendar.tsx
index e6680cbde64..9f8d9dcf426 100644
--- a/packages/desktop-client/src/icons/v1/Calendar.tsx
+++ b/packages/desktop-client/src/icons/v1/Calendar.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCalendar = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCalendar = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgCalendar = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCalendar;
diff --git a/packages/desktop-client/src/icons/v1/Camera.tsx b/packages/desktop-client/src/icons/v1/Camera.tsx
index 43d14b76cbb..17d32a37fe1 100644
--- a/packages/desktop-client/src/icons/v1/Camera.tsx
+++ b/packages/desktop-client/src/icons/v1/Camera.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCamera = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCamera = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgCamera = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCamera;
diff --git a/packages/desktop-client/src/icons/v1/Chart.tsx b/packages/desktop-client/src/icons/v1/Chart.tsx
index 935b066ab85..a42e6bae45a 100644
--- a/packages/desktop-client/src/icons/v1/Chart.tsx
+++ b/packages/desktop-client/src/icons/v1/Chart.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgChart = (props: SVGProps<SVGSVGElement>) => (
+export const SvgChart = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgChart = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgChart;
diff --git a/packages/desktop-client/src/icons/v1/ChartBar.tsx b/packages/desktop-client/src/icons/v1/ChartBar.tsx
index 1732ca13ec8..35af1613dfb 100644
--- a/packages/desktop-client/src/icons/v1/ChartBar.tsx
+++ b/packages/desktop-client/src/icons/v1/ChartBar.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgChartBar = (props: SVGProps<SVGSVGElement>) => (
+export const SvgChartBar = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgChartBar = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgChartBar;
diff --git a/packages/desktop-client/src/icons/v1/ChartPie.tsx b/packages/desktop-client/src/icons/v1/ChartPie.tsx
index 47755340db1..977969359f8 100644
--- a/packages/desktop-client/src/icons/v1/ChartPie.tsx
+++ b/packages/desktop-client/src/icons/v1/ChartPie.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgChartPie = (props: SVGProps<SVGSVGElement>) => (
+export const SvgChartPie = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgChartPie = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgChartPie;
diff --git a/packages/desktop-client/src/icons/v1/ChatBubbleDots.tsx b/packages/desktop-client/src/icons/v1/ChatBubbleDots.tsx
index 8d2a3ea6537..df5feb25418 100644
--- a/packages/desktop-client/src/icons/v1/ChatBubbleDots.tsx
+++ b/packages/desktop-client/src/icons/v1/ChatBubbleDots.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgChatBubbleDots = (props: SVGProps<SVGSVGElement>) => (
+export const SvgChatBubbleDots = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgChatBubbleDots = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgChatBubbleDots;
diff --git a/packages/desktop-client/src/icons/v1/CheckAlternative.tsx b/packages/desktop-client/src/icons/v1/CheckAlternative.tsx
index d5f846cfa98..5ac5e075038 100644
--- a/packages/desktop-client/src/icons/v1/CheckAlternative.tsx
+++ b/packages/desktop-client/src/icons/v1/CheckAlternative.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCheckAlternative = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCheckAlternative = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -20,4 +20,3 @@ const SvgCheckAlternative = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCheckAlternative;
diff --git a/packages/desktop-client/src/icons/v1/Checkmark.tsx b/packages/desktop-client/src/icons/v1/Checkmark.tsx
index d361b8f9b6b..5e98954c330 100644
--- a/packages/desktop-client/src/icons/v1/Checkmark.tsx
+++ b/packages/desktop-client/src/icons/v1/Checkmark.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCheckmark = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCheckmark = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,3 @@ const SvgCheckmark = (props: SVGProps<SVGSVGElement>) => (
     <path d="m0 11 2-2 5 5L18 3l2 2L7 18z" fill="currentColor" />
   </svg>
 );
-export default SvgCheckmark;
diff --git a/packages/desktop-client/src/icons/v1/CheckmarkOutline.tsx b/packages/desktop-client/src/icons/v1/CheckmarkOutline.tsx
index 94439524698..2ab4f804a85 100644
--- a/packages/desktop-client/src/icons/v1/CheckmarkOutline.tsx
+++ b/packages/desktop-client/src/icons/v1/CheckmarkOutline.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCheckmarkOutline = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCheckmarkOutline = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgCheckmarkOutline = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCheckmarkOutline;
diff --git a/packages/desktop-client/src/icons/v1/CheveronDown.tsx b/packages/desktop-client/src/icons/v1/CheveronDown.tsx
index 66d27527f9d..72428d81660 100644
--- a/packages/desktop-client/src/icons/v1/CheveronDown.tsx
+++ b/packages/desktop-client/src/icons/v1/CheveronDown.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCheveronDown = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCheveronDown = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgCheveronDown = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCheveronDown;
diff --git a/packages/desktop-client/src/icons/v1/CheveronLeft.tsx b/packages/desktop-client/src/icons/v1/CheveronLeft.tsx
index d512ee8f1d2..fa9dabb5064 100644
--- a/packages/desktop-client/src/icons/v1/CheveronLeft.tsx
+++ b/packages/desktop-client/src/icons/v1/CheveronLeft.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCheveronLeft = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCheveronLeft = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgCheveronLeft = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCheveronLeft;
diff --git a/packages/desktop-client/src/icons/v1/CheveronOutlineDown.tsx b/packages/desktop-client/src/icons/v1/CheveronOutlineDown.tsx
index 69817f72ad1..693b9ae2191 100644
--- a/packages/desktop-client/src/icons/v1/CheveronOutlineDown.tsx
+++ b/packages/desktop-client/src/icons/v1/CheveronOutlineDown.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCheveronOutlineDown = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCheveronOutlineDown = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgCheveronOutlineDown = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCheveronOutlineDown;
diff --git a/packages/desktop-client/src/icons/v1/CheveronOutlineLeft.tsx b/packages/desktop-client/src/icons/v1/CheveronOutlineLeft.tsx
index bfc37d9ac87..6320d3ccd45 100644
--- a/packages/desktop-client/src/icons/v1/CheveronOutlineLeft.tsx
+++ b/packages/desktop-client/src/icons/v1/CheveronOutlineLeft.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCheveronOutlineLeft = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCheveronOutlineLeft = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgCheveronOutlineLeft = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCheveronOutlineLeft;
diff --git a/packages/desktop-client/src/icons/v1/CheveronOutlineRight.tsx b/packages/desktop-client/src/icons/v1/CheveronOutlineRight.tsx
index abd1748bfa2..577417f769c 100644
--- a/packages/desktop-client/src/icons/v1/CheveronOutlineRight.tsx
+++ b/packages/desktop-client/src/icons/v1/CheveronOutlineRight.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCheveronOutlineRight = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCheveronOutlineRight = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgCheveronOutlineRight = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCheveronOutlineRight;
diff --git a/packages/desktop-client/src/icons/v1/CheveronOutlineUp.tsx b/packages/desktop-client/src/icons/v1/CheveronOutlineUp.tsx
index 1d8500a47bb..b6efe1b7f0a 100644
--- a/packages/desktop-client/src/icons/v1/CheveronOutlineUp.tsx
+++ b/packages/desktop-client/src/icons/v1/CheveronOutlineUp.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCheveronOutlineUp = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCheveronOutlineUp = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgCheveronOutlineUp = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCheveronOutlineUp;
diff --git a/packages/desktop-client/src/icons/v1/CheveronRight.tsx b/packages/desktop-client/src/icons/v1/CheveronRight.tsx
index 516aef5511a..3e41b601f1c 100644
--- a/packages/desktop-client/src/icons/v1/CheveronRight.tsx
+++ b/packages/desktop-client/src/icons/v1/CheveronRight.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCheveronRight = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCheveronRight = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgCheveronRight = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCheveronRight;
diff --git a/packages/desktop-client/src/icons/v1/CheveronUp.tsx b/packages/desktop-client/src/icons/v1/CheveronUp.tsx
index 4fc983ecc82..a533dc8798b 100644
--- a/packages/desktop-client/src/icons/v1/CheveronUp.tsx
+++ b/packages/desktop-client/src/icons/v1/CheveronUp.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCheveronUp = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCheveronUp = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgCheveronUp = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCheveronUp;
diff --git a/packages/desktop-client/src/icons/v1/Clipboard.tsx b/packages/desktop-client/src/icons/v1/Clipboard.tsx
index 987eed3852d..c1e56ba8c7a 100644
--- a/packages/desktop-client/src/icons/v1/Clipboard.tsx
+++ b/packages/desktop-client/src/icons/v1/Clipboard.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgClipboard = (props: SVGProps<SVGSVGElement>) => (
+export const SvgClipboard = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgClipboard = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgClipboard;
diff --git a/packages/desktop-client/src/icons/v1/Close.tsx b/packages/desktop-client/src/icons/v1/Close.tsx
index a4a065e25e1..b2868a4920e 100644
--- a/packages/desktop-client/src/icons/v1/Close.tsx
+++ b/packages/desktop-client/src/icons/v1/Close.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgClose = (props: SVGProps<SVGSVGElement>) => (
+export const SvgClose = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgClose = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgClose;
diff --git a/packages/desktop-client/src/icons/v1/CloseOutline.tsx b/packages/desktop-client/src/icons/v1/CloseOutline.tsx
index 5faaf9dda91..d15c3a9b20a 100644
--- a/packages/desktop-client/src/icons/v1/CloseOutline.tsx
+++ b/packages/desktop-client/src/icons/v1/CloseOutline.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCloseOutline = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCloseOutline = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgCloseOutline = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCloseOutline;
diff --git a/packages/desktop-client/src/icons/v1/CloseSolid.tsx b/packages/desktop-client/src/icons/v1/CloseSolid.tsx
index 4384d5df6a8..dcbdeae268f 100644
--- a/packages/desktop-client/src/icons/v1/CloseSolid.tsx
+++ b/packages/desktop-client/src/icons/v1/CloseSolid.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCloseSolid = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCloseSolid = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgCloseSolid = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCloseSolid;
diff --git a/packages/desktop-client/src/icons/v1/Cloud.tsx b/packages/desktop-client/src/icons/v1/Cloud.tsx
index 43e05923047..7a3eed160c9 100644
--- a/packages/desktop-client/src/icons/v1/Cloud.tsx
+++ b/packages/desktop-client/src/icons/v1/Cloud.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCloud = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCloud = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgCloud = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCloud;
diff --git a/packages/desktop-client/src/icons/v1/CloudCheck.tsx b/packages/desktop-client/src/icons/v1/CloudCheck.tsx
index 52b5e14d1a8..ce93bebb3a4 100644
--- a/packages/desktop-client/src/icons/v1/CloudCheck.tsx
+++ b/packages/desktop-client/src/icons/v1/CloudCheck.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCloudCheck = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCloudCheck = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -20,4 +20,3 @@ const SvgCloudCheck = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCloudCheck;
diff --git a/packages/desktop-client/src/icons/v1/CloudDownload.tsx b/packages/desktop-client/src/icons/v1/CloudDownload.tsx
index 1b82d56d423..02c2dfd0f89 100644
--- a/packages/desktop-client/src/icons/v1/CloudDownload.tsx
+++ b/packages/desktop-client/src/icons/v1/CloudDownload.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCloudDownload = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCloudDownload = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -20,4 +20,3 @@ const SvgCloudDownload = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCloudDownload;
diff --git a/packages/desktop-client/src/icons/v1/CloudUpload.tsx b/packages/desktop-client/src/icons/v1/CloudUpload.tsx
index a8fe45685ff..44fe9eb4bbe 100644
--- a/packages/desktop-client/src/icons/v1/CloudUpload.tsx
+++ b/packages/desktop-client/src/icons/v1/CloudUpload.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCloudUpload = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCloudUpload = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgCloudUpload = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCloudUpload;
diff --git a/packages/desktop-client/src/icons/v1/CloudWarning.tsx b/packages/desktop-client/src/icons/v1/CloudWarning.tsx
index 5fa1206e77c..67f59cd2075 100644
--- a/packages/desktop-client/src/icons/v1/CloudWarning.tsx
+++ b/packages/desktop-client/src/icons/v1/CloudWarning.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCloudWarning = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCloudWarning = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -20,4 +20,3 @@ const SvgCloudWarning = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCloudWarning;
diff --git a/packages/desktop-client/src/icons/v1/Code.tsx b/packages/desktop-client/src/icons/v1/Code.tsx
index 244d70aee1c..e8bf2219684 100644
--- a/packages/desktop-client/src/icons/v1/Code.tsx
+++ b/packages/desktop-client/src/icons/v1/Code.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCode = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCode = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgCode = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCode;
diff --git a/packages/desktop-client/src/icons/v1/Coffee.tsx b/packages/desktop-client/src/icons/v1/Coffee.tsx
index b23aac1aeda..203a8589d46 100644
--- a/packages/desktop-client/src/icons/v1/Coffee.tsx
+++ b/packages/desktop-client/src/icons/v1/Coffee.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCoffee = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCoffee = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgCoffee = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCoffee;
diff --git a/packages/desktop-client/src/icons/v1/Cog.tsx b/packages/desktop-client/src/icons/v1/Cog.tsx
index 98f9ba244f1..33c2ff3d85f 100644
--- a/packages/desktop-client/src/icons/v1/Cog.tsx
+++ b/packages/desktop-client/src/icons/v1/Cog.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCog = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCog = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgCog = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCog;
diff --git a/packages/desktop-client/src/icons/v1/ColorPalette.tsx b/packages/desktop-client/src/icons/v1/ColorPalette.tsx
index db2e267d43e..c8274609ff5 100644
--- a/packages/desktop-client/src/icons/v1/ColorPalette.tsx
+++ b/packages/desktop-client/src/icons/v1/ColorPalette.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgColorPalette = (props: SVGProps<SVGSVGElement>) => (
+export const SvgColorPalette = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgColorPalette = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgColorPalette;
diff --git a/packages/desktop-client/src/icons/v1/Compose.tsx b/packages/desktop-client/src/icons/v1/Compose.tsx
index 8504943d989..2838d0ab9ce 100644
--- a/packages/desktop-client/src/icons/v1/Compose.tsx
+++ b/packages/desktop-client/src/icons/v1/Compose.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCompose = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCompose = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgCompose = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCompose;
diff --git a/packages/desktop-client/src/icons/v1/ComputerDesktop.tsx b/packages/desktop-client/src/icons/v1/ComputerDesktop.tsx
index 89b0c9cac4c..5dbf61fadfa 100644
--- a/packages/desktop-client/src/icons/v1/ComputerDesktop.tsx
+++ b/packages/desktop-client/src/icons/v1/ComputerDesktop.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgComputerDesktop = (props: SVGProps<SVGSVGElement>) => (
+export const SvgComputerDesktop = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgComputerDesktop = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgComputerDesktop;
diff --git a/packages/desktop-client/src/icons/v1/ComputerLaptop.tsx b/packages/desktop-client/src/icons/v1/ComputerLaptop.tsx
index b0e14e4ab65..caf62cfca98 100644
--- a/packages/desktop-client/src/icons/v1/ComputerLaptop.tsx
+++ b/packages/desktop-client/src/icons/v1/ComputerLaptop.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgComputerLaptop = (props: SVGProps<SVGSVGElement>) => (
+export const SvgComputerLaptop = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgComputerLaptop = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgComputerLaptop;
diff --git a/packages/desktop-client/src/icons/v1/Conversation.tsx b/packages/desktop-client/src/icons/v1/Conversation.tsx
index 0aace943735..8ac9f5108ed 100644
--- a/packages/desktop-client/src/icons/v1/Conversation.tsx
+++ b/packages/desktop-client/src/icons/v1/Conversation.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgConversation = (props: SVGProps<SVGSVGElement>) => (
+export const SvgConversation = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgConversation = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgConversation;
diff --git a/packages/desktop-client/src/icons/v1/Copy.tsx b/packages/desktop-client/src/icons/v1/Copy.tsx
index 03b02f47295..2541c9bbf16 100644
--- a/packages/desktop-client/src/icons/v1/Copy.tsx
+++ b/packages/desktop-client/src/icons/v1/Copy.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCopy = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCopy = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgCopy = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCopy;
diff --git a/packages/desktop-client/src/icons/v1/CreditCard.tsx b/packages/desktop-client/src/icons/v1/CreditCard.tsx
index 57c6757eead..0a5b03317d1 100644
--- a/packages/desktop-client/src/icons/v1/CreditCard.tsx
+++ b/packages/desktop-client/src/icons/v1/CreditCard.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCreditCard = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCreditCard = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgCreditCard = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCreditCard;
diff --git a/packages/desktop-client/src/icons/v1/CurrencyDollar.tsx b/packages/desktop-client/src/icons/v1/CurrencyDollar.tsx
index da4a1bd2bff..bc2dca52335 100644
--- a/packages/desktop-client/src/icons/v1/CurrencyDollar.tsx
+++ b/packages/desktop-client/src/icons/v1/CurrencyDollar.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCurrencyDollar = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCurrencyDollar = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgCurrencyDollar = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCurrencyDollar;
diff --git a/packages/desktop-client/src/icons/v1/Dashboard.tsx b/packages/desktop-client/src/icons/v1/Dashboard.tsx
index ef1f3b6ac51..64924a430e7 100644
--- a/packages/desktop-client/src/icons/v1/Dashboard.tsx
+++ b/packages/desktop-client/src/icons/v1/Dashboard.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgDashboard = (props: SVGProps<SVGSVGElement>) => (
+export const SvgDashboard = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgDashboard = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgDashboard;
diff --git a/packages/desktop-client/src/icons/v1/DateAdd.tsx b/packages/desktop-client/src/icons/v1/DateAdd.tsx
index b35468fe6de..d25439a736f 100644
--- a/packages/desktop-client/src/icons/v1/DateAdd.tsx
+++ b/packages/desktop-client/src/icons/v1/DateAdd.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgDateAdd = (props: SVGProps<SVGSVGElement>) => (
+export const SvgDateAdd = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgDateAdd = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgDateAdd;
diff --git a/packages/desktop-client/src/icons/v1/DialPad.tsx b/packages/desktop-client/src/icons/v1/DialPad.tsx
index 3dd91049c9d..76a1cc645b1 100644
--- a/packages/desktop-client/src/icons/v1/DialPad.tsx
+++ b/packages/desktop-client/src/icons/v1/DialPad.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgDialPad = (props: SVGProps<SVGSVGElement>) => (
+export const SvgDialPad = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgDialPad = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgDialPad;
diff --git a/packages/desktop-client/src/icons/v1/Directions.tsx b/packages/desktop-client/src/icons/v1/Directions.tsx
index 8db4bfe8135..fe5b152eea4 100644
--- a/packages/desktop-client/src/icons/v1/Directions.tsx
+++ b/packages/desktop-client/src/icons/v1/Directions.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgDirections = (props: SVGProps<SVGSVGElement>) => (
+export const SvgDirections = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgDirections = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgDirections;
diff --git a/packages/desktop-client/src/icons/v1/Document.tsx b/packages/desktop-client/src/icons/v1/Document.tsx
index 0c726ba21f2..18083de8d4c 100644
--- a/packages/desktop-client/src/icons/v1/Document.tsx
+++ b/packages/desktop-client/src/icons/v1/Document.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgDocument = (props: SVGProps<SVGSVGElement>) => (
+export const SvgDocument = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgDocument = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgDocument;
diff --git a/packages/desktop-client/src/icons/v1/DocumentAdd.tsx b/packages/desktop-client/src/icons/v1/DocumentAdd.tsx
index f9d4c3ae79e..1f087d8c802 100644
--- a/packages/desktop-client/src/icons/v1/DocumentAdd.tsx
+++ b/packages/desktop-client/src/icons/v1/DocumentAdd.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgDocumentAdd = (props: SVGProps<SVGSVGElement>) => (
+export const SvgDocumentAdd = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgDocumentAdd = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgDocumentAdd;
diff --git a/packages/desktop-client/src/icons/v1/DotsHorizontalDouble.tsx b/packages/desktop-client/src/icons/v1/DotsHorizontalDouble.tsx
index 1638afd37d1..38b703f9e7e 100644
--- a/packages/desktop-client/src/icons/v1/DotsHorizontalDouble.tsx
+++ b/packages/desktop-client/src/icons/v1/DotsHorizontalDouble.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgDotsHorizontalDouble = (props: SVGProps<SVGSVGElement>) => (
+export const SvgDotsHorizontalDouble = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgDotsHorizontalDouble = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgDotsHorizontalDouble;
diff --git a/packages/desktop-client/src/icons/v1/DotsHorizontalTriple.tsx b/packages/desktop-client/src/icons/v1/DotsHorizontalTriple.tsx
index 34c1bb5c9f3..bb61f490d0a 100644
--- a/packages/desktop-client/src/icons/v1/DotsHorizontalTriple.tsx
+++ b/packages/desktop-client/src/icons/v1/DotsHorizontalTriple.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgDotsHorizontalTriple = (props: SVGProps<SVGSVGElement>) => (
+export const SvgDotsHorizontalTriple = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgDotsHorizontalTriple = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgDotsHorizontalTriple;
diff --git a/packages/desktop-client/src/icons/v1/Download.tsx b/packages/desktop-client/src/icons/v1/Download.tsx
index c699949d87f..9f0db316058 100644
--- a/packages/desktop-client/src/icons/v1/Download.tsx
+++ b/packages/desktop-client/src/icons/v1/Download.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgDownload = (props: SVGProps<SVGSVGElement>) => (
+export const SvgDownload = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,3 @@ const SvgDownload = (props: SVGProps<SVGSVGElement>) => (
     <path d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z" fill="currentColor" />
   </svg>
 );
-export default SvgDownload;
diff --git a/packages/desktop-client/src/icons/v1/Duplicate.tsx b/packages/desktop-client/src/icons/v1/Duplicate.tsx
index 9ac4806adf8..f2282355f26 100644
--- a/packages/desktop-client/src/icons/v1/Duplicate.tsx
+++ b/packages/desktop-client/src/icons/v1/Duplicate.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgDuplicate = (props: SVGProps<SVGSVGElement>) => (
+export const SvgDuplicate = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgDuplicate = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgDuplicate;
diff --git a/packages/desktop-client/src/icons/v1/EditCopy.tsx b/packages/desktop-client/src/icons/v1/EditCopy.tsx
index c254099510b..b5c92cc613a 100644
--- a/packages/desktop-client/src/icons/v1/EditCopy.tsx
+++ b/packages/desktop-client/src/icons/v1/EditCopy.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgEditCopy = (props: SVGProps<SVGSVGElement>) => (
+export const SvgEditCopy = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgEditCopy = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgEditCopy;
diff --git a/packages/desktop-client/src/icons/v1/EditCrop.tsx b/packages/desktop-client/src/icons/v1/EditCrop.tsx
index f130943cc54..8f3149bef31 100644
--- a/packages/desktop-client/src/icons/v1/EditCrop.tsx
+++ b/packages/desktop-client/src/icons/v1/EditCrop.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgEditCrop = (props: SVGProps<SVGSVGElement>) => (
+export const SvgEditCrop = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgEditCrop = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgEditCrop;
diff --git a/packages/desktop-client/src/icons/v1/EditCut.tsx b/packages/desktop-client/src/icons/v1/EditCut.tsx
index 4bc1dc9edc8..42df1eb31c0 100644
--- a/packages/desktop-client/src/icons/v1/EditCut.tsx
+++ b/packages/desktop-client/src/icons/v1/EditCut.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgEditCut = (props: SVGProps<SVGSVGElement>) => (
+export const SvgEditCut = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgEditCut = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgEditCut;
diff --git a/packages/desktop-client/src/icons/v1/EditPencil.tsx b/packages/desktop-client/src/icons/v1/EditPencil.tsx
index a4b00abe1ab..2d40d7d24c9 100644
--- a/packages/desktop-client/src/icons/v1/EditPencil.tsx
+++ b/packages/desktop-client/src/icons/v1/EditPencil.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgEditPencil = (props: SVGProps<SVGSVGElement>) => (
+export const SvgEditPencil = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgEditPencil = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgEditPencil;
diff --git a/packages/desktop-client/src/icons/v1/Education.tsx b/packages/desktop-client/src/icons/v1/Education.tsx
index 0b7f35f72e0..aecce59a921 100644
--- a/packages/desktop-client/src/icons/v1/Education.tsx
+++ b/packages/desktop-client/src/icons/v1/Education.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgEducation = (props: SVGProps<SVGSVGElement>) => (
+export const SvgEducation = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgEducation = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgEducation;
diff --git a/packages/desktop-client/src/icons/v1/Envelope.tsx b/packages/desktop-client/src/icons/v1/Envelope.tsx
index df5110c6008..725e6ed9b52 100644
--- a/packages/desktop-client/src/icons/v1/Envelope.tsx
+++ b/packages/desktop-client/src/icons/v1/Envelope.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgEnvelope = (props: SVGProps<SVGSVGElement>) => (
+export const SvgEnvelope = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgEnvelope = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgEnvelope;
diff --git a/packages/desktop-client/src/icons/v1/Equals.tsx b/packages/desktop-client/src/icons/v1/Equals.tsx
index 706480b2eb8..2d5a12f872e 100644
--- a/packages/desktop-client/src/icons/v1/Equals.tsx
+++ b/packages/desktop-client/src/icons/v1/Equals.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgEquals = (props: SVGProps<SVGSVGElement>) => (
+export const SvgEquals = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -17,4 +17,3 @@ const SvgEquals = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgEquals;
diff --git a/packages/desktop-client/src/icons/v1/ExclamationOutline.tsx b/packages/desktop-client/src/icons/v1/ExclamationOutline.tsx
index 8127276b4a1..6e924e94421 100644
--- a/packages/desktop-client/src/icons/v1/ExclamationOutline.tsx
+++ b/packages/desktop-client/src/icons/v1/ExclamationOutline.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgExclamationOutline = (props: SVGProps<SVGSVGElement>) => (
+export const SvgExclamationOutline = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgExclamationOutline = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgExclamationOutline;
diff --git a/packages/desktop-client/src/icons/v1/ExclamationSolid.tsx b/packages/desktop-client/src/icons/v1/ExclamationSolid.tsx
index c07d177b31d..4a89f5c35ac 100644
--- a/packages/desktop-client/src/icons/v1/ExclamationSolid.tsx
+++ b/packages/desktop-client/src/icons/v1/ExclamationSolid.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgExclamationSolid = (props: SVGProps<SVGSVGElement>) => (
+export const SvgExclamationSolid = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgExclamationSolid = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgExclamationSolid;
diff --git a/packages/desktop-client/src/icons/v1/Explore.tsx b/packages/desktop-client/src/icons/v1/Explore.tsx
index 164024d3524..6ac2ac201c9 100644
--- a/packages/desktop-client/src/icons/v1/Explore.tsx
+++ b/packages/desktop-client/src/icons/v1/Explore.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgExplore = (props: SVGProps<SVGSVGElement>) => (
+export const SvgExplore = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgExplore = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgExplore;
diff --git a/packages/desktop-client/src/icons/v1/Factory.tsx b/packages/desktop-client/src/icons/v1/Factory.tsx
index 33674d39660..3f84d4e7bc7 100644
--- a/packages/desktop-client/src/icons/v1/Factory.tsx
+++ b/packages/desktop-client/src/icons/v1/Factory.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgFactory = (props: SVGProps<SVGSVGElement>) => (
+export const SvgFactory = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgFactory = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgFactory;
diff --git a/packages/desktop-client/src/icons/v1/FastForward.tsx b/packages/desktop-client/src/icons/v1/FastForward.tsx
index 8059bbb40dd..799d09d870b 100644
--- a/packages/desktop-client/src/icons/v1/FastForward.tsx
+++ b/packages/desktop-client/src/icons/v1/FastForward.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgFastForward = (props: SVGProps<SVGSVGElement>) => (
+export const SvgFastForward = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,3 @@ const SvgFastForward = (props: SVGProps<SVGSVGElement>) => (
     <path d="m1 5 9 5-9 5V5zm9 0 9 5-9 5V5z" fill="currentColor" />
   </svg>
 );
-export default SvgFastForward;
diff --git a/packages/desktop-client/src/icons/v1/FastRewind.tsx b/packages/desktop-client/src/icons/v1/FastRewind.tsx
index 1cb9ea7737e..acb8d85039d 100644
--- a/packages/desktop-client/src/icons/v1/FastRewind.tsx
+++ b/packages/desktop-client/src/icons/v1/FastRewind.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgFastRewind = (props: SVGProps<SVGSVGElement>) => (
+export const SvgFastRewind = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,3 @@ const SvgFastRewind = (props: SVGProps<SVGSVGElement>) => (
     <path d="M19 5v10l-9-5 9-5zm-9 0v10l-9-5 9-5z" fill="currentColor" />
   </svg>
 );
-export default SvgFastRewind;
diff --git a/packages/desktop-client/src/icons/v1/FileDouble.tsx b/packages/desktop-client/src/icons/v1/FileDouble.tsx
index 3c31ac4d365..c97c12fae4c 100644
--- a/packages/desktop-client/src/icons/v1/FileDouble.tsx
+++ b/packages/desktop-client/src/icons/v1/FileDouble.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgFileDouble = (props: SVGProps<SVGSVGElement>) => (
+export const SvgFileDouble = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgFileDouble = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgFileDouble;
diff --git a/packages/desktop-client/src/icons/v1/Film.tsx b/packages/desktop-client/src/icons/v1/Film.tsx
index ea5b80ced04..e7f4bce5698 100644
--- a/packages/desktop-client/src/icons/v1/Film.tsx
+++ b/packages/desktop-client/src/icons/v1/Film.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgFilm = (props: SVGProps<SVGSVGElement>) => (
+export const SvgFilm = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgFilm = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgFilm;
diff --git a/packages/desktop-client/src/icons/v1/Filter.tsx b/packages/desktop-client/src/icons/v1/Filter.tsx
index 97e2011437b..5715c58a2c1 100644
--- a/packages/desktop-client/src/icons/v1/Filter.tsx
+++ b/packages/desktop-client/src/icons/v1/Filter.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgFilter = (props: SVGProps<SVGSVGElement>) => (
+export const SvgFilter = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,3 @@ const SvgFilter = (props: SVGProps<SVGSVGElement>) => (
     <path d="m12 12 8-8V0H0v4l8 8v8l4-4v-4z" fill="currentColor" />
   </svg>
 );
-export default SvgFilter;
diff --git a/packages/desktop-client/src/icons/v1/Flag.tsx b/packages/desktop-client/src/icons/v1/Flag.tsx
index a2bf27ae2e3..5f8a0bd945e 100644
--- a/packages/desktop-client/src/icons/v1/Flag.tsx
+++ b/packages/desktop-client/src/icons/v1/Flag.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgFlag = (props: SVGProps<SVGSVGElement>) => (
+export const SvgFlag = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgFlag = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgFlag;
diff --git a/packages/desktop-client/src/icons/v1/Flashlight.tsx b/packages/desktop-client/src/icons/v1/Flashlight.tsx
index 3480f3a60d1..4b0ae1ab605 100644
--- a/packages/desktop-client/src/icons/v1/Flashlight.tsx
+++ b/packages/desktop-client/src/icons/v1/Flashlight.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgFlashlight = (props: SVGProps<SVGSVGElement>) => (
+export const SvgFlashlight = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgFlashlight = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgFlashlight;
diff --git a/packages/desktop-client/src/icons/v1/Folder.tsx b/packages/desktop-client/src/icons/v1/Folder.tsx
index e996cd0fdc5..93c88b62e45 100644
--- a/packages/desktop-client/src/icons/v1/Folder.tsx
+++ b/packages/desktop-client/src/icons/v1/Folder.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgFolder = (props: SVGProps<SVGSVGElement>) => (
+export const SvgFolder = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgFolder = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgFolder;
diff --git a/packages/desktop-client/src/icons/v1/FolderOutline.tsx b/packages/desktop-client/src/icons/v1/FolderOutline.tsx
index 216e4dd02d2..7965f1eb1d7 100644
--- a/packages/desktop-client/src/icons/v1/FolderOutline.tsx
+++ b/packages/desktop-client/src/icons/v1/FolderOutline.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgFolderOutline = (props: SVGProps<SVGSVGElement>) => (
+export const SvgFolderOutline = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgFolderOutline = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgFolderOutline;
diff --git a/packages/desktop-client/src/icons/v1/FolderOutlineAdd.tsx b/packages/desktop-client/src/icons/v1/FolderOutlineAdd.tsx
index 3c3ea264faf..a332c0b36c4 100644
--- a/packages/desktop-client/src/icons/v1/FolderOutlineAdd.tsx
+++ b/packages/desktop-client/src/icons/v1/FolderOutlineAdd.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgFolderOutlineAdd = (props: SVGProps<SVGSVGElement>) => (
+export const SvgFolderOutlineAdd = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgFolderOutlineAdd = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgFolderOutlineAdd;
diff --git a/packages/desktop-client/src/icons/v1/FormatBold.tsx b/packages/desktop-client/src/icons/v1/FormatBold.tsx
index df8d699b3eb..dea84ecad5c 100644
--- a/packages/desktop-client/src/icons/v1/FormatBold.tsx
+++ b/packages/desktop-client/src/icons/v1/FormatBold.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgFormatBold = (props: SVGProps<SVGSVGElement>) => (
+export const SvgFormatBold = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgFormatBold = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgFormatBold;
diff --git a/packages/desktop-client/src/icons/v1/FormatFontSize.tsx b/packages/desktop-client/src/icons/v1/FormatFontSize.tsx
index b2fb0e94451..79d3f4510fb 100644
--- a/packages/desktop-client/src/icons/v1/FormatFontSize.tsx
+++ b/packages/desktop-client/src/icons/v1/FormatFontSize.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgFormatFontSize = (props: SVGProps<SVGSVGElement>) => (
+export const SvgFormatFontSize = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgFormatFontSize = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgFormatFontSize;
diff --git a/packages/desktop-client/src/icons/v1/FormatItalic.tsx b/packages/desktop-client/src/icons/v1/FormatItalic.tsx
index 1e14728026c..7537bccfaf7 100644
--- a/packages/desktop-client/src/icons/v1/FormatItalic.tsx
+++ b/packages/desktop-client/src/icons/v1/FormatItalic.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgFormatItalic = (props: SVGProps<SVGSVGElement>) => (
+export const SvgFormatItalic = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgFormatItalic = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgFormatItalic;
diff --git a/packages/desktop-client/src/icons/v1/FormatTextSize.tsx b/packages/desktop-client/src/icons/v1/FormatTextSize.tsx
index 07a773cbdff..443a2c3d791 100644
--- a/packages/desktop-client/src/icons/v1/FormatTextSize.tsx
+++ b/packages/desktop-client/src/icons/v1/FormatTextSize.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgFormatTextSize = (props: SVGProps<SVGSVGElement>) => (
+export const SvgFormatTextSize = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgFormatTextSize = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgFormatTextSize;
diff --git a/packages/desktop-client/src/icons/v1/FormatUnderline.tsx b/packages/desktop-client/src/icons/v1/FormatUnderline.tsx
index 404c4879550..5e5fd6ca5ab 100644
--- a/packages/desktop-client/src/icons/v1/FormatUnderline.tsx
+++ b/packages/desktop-client/src/icons/v1/FormatUnderline.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgFormatUnderline = (props: SVGProps<SVGSVGElement>) => (
+export const SvgFormatUnderline = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgFormatUnderline = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgFormatUnderline;
diff --git a/packages/desktop-client/src/icons/v1/Forward.tsx b/packages/desktop-client/src/icons/v1/Forward.tsx
index 0da201b6542..397008fbb21 100644
--- a/packages/desktop-client/src/icons/v1/Forward.tsx
+++ b/packages/desktop-client/src/icons/v1/Forward.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgForward = (props: SVGProps<SVGSVGElement>) => (
+export const SvgForward = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,3 @@ const SvgForward = (props: SVGProps<SVGSVGElement>) => (
     <path d="m1 5 9 5-9 5V5zm9 0 9 5-9 5V5z" fill="currentColor" />
   </svg>
 );
-export default SvgForward;
diff --git a/packages/desktop-client/src/icons/v1/ForwardStep.tsx b/packages/desktop-client/src/icons/v1/ForwardStep.tsx
index 30b048a98c3..15a51c02779 100644
--- a/packages/desktop-client/src/icons/v1/ForwardStep.tsx
+++ b/packages/desktop-client/src/icons/v1/ForwardStep.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgForwardStep = (props: SVGProps<SVGSVGElement>) => (
+export const SvgForwardStep = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,3 @@ const SvgForwardStep = (props: SVGProps<SVGSVGElement>) => (
     <path d="M13 5h3v10h-3V5zM4 5l9 5-9 5V5z" fill="currentColor" />
   </svg>
 );
-export default SvgForwardStep;
diff --git a/packages/desktop-client/src/icons/v1/Gift.tsx b/packages/desktop-client/src/icons/v1/Gift.tsx
index d192283960b..fc0add14fcd 100644
--- a/packages/desktop-client/src/icons/v1/Gift.tsx
+++ b/packages/desktop-client/src/icons/v1/Gift.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgGift = (props: SVGProps<SVGSVGElement>) => (
+export const SvgGift = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgGift = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgGift;
diff --git a/packages/desktop-client/src/icons/v1/Globe.tsx b/packages/desktop-client/src/icons/v1/Globe.tsx
index 03d391364f1..63b63fcf417 100644
--- a/packages/desktop-client/src/icons/v1/Globe.tsx
+++ b/packages/desktop-client/src/icons/v1/Globe.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgGlobe = (props: SVGProps<SVGSVGElement>) => (
+export const SvgGlobe = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgGlobe = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgGlobe;
diff --git a/packages/desktop-client/src/icons/v1/HandStop.tsx b/packages/desktop-client/src/icons/v1/HandStop.tsx
index 47f3a3fbc19..9f56edaef34 100644
--- a/packages/desktop-client/src/icons/v1/HandStop.tsx
+++ b/packages/desktop-client/src/icons/v1/HandStop.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgHandStop = (props: SVGProps<SVGSVGElement>) => (
+export const SvgHandStop = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgHandStop = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgHandStop;
diff --git a/packages/desktop-client/src/icons/v1/HardDrive.tsx b/packages/desktop-client/src/icons/v1/HardDrive.tsx
index c7d363ad942..aa48cd0776f 100644
--- a/packages/desktop-client/src/icons/v1/HardDrive.tsx
+++ b/packages/desktop-client/src/icons/v1/HardDrive.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgHardDrive = (props: SVGProps<SVGSVGElement>) => (
+export const SvgHardDrive = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgHardDrive = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgHardDrive;
diff --git a/packages/desktop-client/src/icons/v1/Headphones.tsx b/packages/desktop-client/src/icons/v1/Headphones.tsx
index 53b5b37bb02..2c898ee9686 100644
--- a/packages/desktop-client/src/icons/v1/Headphones.tsx
+++ b/packages/desktop-client/src/icons/v1/Headphones.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgHeadphones = (props: SVGProps<SVGSVGElement>) => (
+export const SvgHeadphones = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgHeadphones = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgHeadphones;
diff --git a/packages/desktop-client/src/icons/v1/Heart.tsx b/packages/desktop-client/src/icons/v1/Heart.tsx
index 004474ca80b..d43f614a8ca 100644
--- a/packages/desktop-client/src/icons/v1/Heart.tsx
+++ b/packages/desktop-client/src/icons/v1/Heart.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgHeart = (props: SVGProps<SVGSVGElement>) => (
+export const SvgHeart = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgHeart = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgHeart;
diff --git a/packages/desktop-client/src/icons/v1/Home.tsx b/packages/desktop-client/src/icons/v1/Home.tsx
index b792f75b861..48efef67d99 100644
--- a/packages/desktop-client/src/icons/v1/Home.tsx
+++ b/packages/desktop-client/src/icons/v1/Home.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgHome = (props: SVGProps<SVGSVGElement>) => (
+export const SvgHome = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,3 @@ const SvgHome = (props: SVGProps<SVGSVGElement>) => (
     <path d="M8 20H3V10H0L10 0l10 10h-3v10h-5v-6H8v6z" fill="currentColor" />
   </svg>
 );
-export default SvgHome;
diff --git a/packages/desktop-client/src/icons/v1/Hot.tsx b/packages/desktop-client/src/icons/v1/Hot.tsx
index 4d4cf93dc49..d96b7e1220c 100644
--- a/packages/desktop-client/src/icons/v1/Hot.tsx
+++ b/packages/desktop-client/src/icons/v1/Hot.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgHot = (props: SVGProps<SVGSVGElement>) => (
+export const SvgHot = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgHot = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgHot;
diff --git a/packages/desktop-client/src/icons/v1/HourGlass.tsx b/packages/desktop-client/src/icons/v1/HourGlass.tsx
index 900f37bab56..917130b6ce1 100644
--- a/packages/desktop-client/src/icons/v1/HourGlass.tsx
+++ b/packages/desktop-client/src/icons/v1/HourGlass.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgHourGlass = (props: SVGProps<SVGSVGElement>) => (
+export const SvgHourGlass = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgHourGlass = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgHourGlass;
diff --git a/packages/desktop-client/src/icons/v1/Inbox.tsx b/packages/desktop-client/src/icons/v1/Inbox.tsx
index 0aa6b60d064..e069ebb453a 100644
--- a/packages/desktop-client/src/icons/v1/Inbox.tsx
+++ b/packages/desktop-client/src/icons/v1/Inbox.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgInbox = (props: SVGProps<SVGSVGElement>) => (
+export const SvgInbox = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgInbox = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgInbox;
diff --git a/packages/desktop-client/src/icons/v1/InboxCheck.tsx b/packages/desktop-client/src/icons/v1/InboxCheck.tsx
index 21fa2983d5e..e98d52d6db5 100644
--- a/packages/desktop-client/src/icons/v1/InboxCheck.tsx
+++ b/packages/desktop-client/src/icons/v1/InboxCheck.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgInboxCheck = (props: SVGProps<SVGSVGElement>) => (
+export const SvgInboxCheck = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgInboxCheck = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgInboxCheck;
diff --git a/packages/desktop-client/src/icons/v1/InboxDownload.tsx b/packages/desktop-client/src/icons/v1/InboxDownload.tsx
index 6e1715e6b0f..334e41ad400 100644
--- a/packages/desktop-client/src/icons/v1/InboxDownload.tsx
+++ b/packages/desktop-client/src/icons/v1/InboxDownload.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgInboxDownload = (props: SVGProps<SVGSVGElement>) => (
+export const SvgInboxDownload = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgInboxDownload = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgInboxDownload;
diff --git a/packages/desktop-client/src/icons/v1/InboxFull.tsx b/packages/desktop-client/src/icons/v1/InboxFull.tsx
index 71a10b53a1e..b9aed457453 100644
--- a/packages/desktop-client/src/icons/v1/InboxFull.tsx
+++ b/packages/desktop-client/src/icons/v1/InboxFull.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgInboxFull = (props: SVGProps<SVGSVGElement>) => (
+export const SvgInboxFull = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgInboxFull = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgInboxFull;
diff --git a/packages/desktop-client/src/icons/v1/IndentDecrease.tsx b/packages/desktop-client/src/icons/v1/IndentDecrease.tsx
index 9d5c5c29001..6194bb00b9f 100644
--- a/packages/desktop-client/src/icons/v1/IndentDecrease.tsx
+++ b/packages/desktop-client/src/icons/v1/IndentDecrease.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgIndentDecrease = (props: SVGProps<SVGSVGElement>) => (
+export const SvgIndentDecrease = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgIndentDecrease = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgIndentDecrease;
diff --git a/packages/desktop-client/src/icons/v1/IndentIncrease.tsx b/packages/desktop-client/src/icons/v1/IndentIncrease.tsx
index 58114f21274..60a2aaf8534 100644
--- a/packages/desktop-client/src/icons/v1/IndentIncrease.tsx
+++ b/packages/desktop-client/src/icons/v1/IndentIncrease.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgIndentIncrease = (props: SVGProps<SVGSVGElement>) => (
+export const SvgIndentIncrease = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgIndentIncrease = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgIndentIncrease;
diff --git a/packages/desktop-client/src/icons/v1/InformationOutline.tsx b/packages/desktop-client/src/icons/v1/InformationOutline.tsx
index e9824e83517..b64bbe9f8ca 100644
--- a/packages/desktop-client/src/icons/v1/InformationOutline.tsx
+++ b/packages/desktop-client/src/icons/v1/InformationOutline.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgInformationOutline = (props: SVGProps<SVGSVGElement>) => (
+export const SvgInformationOutline = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgInformationOutline = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgInformationOutline;
diff --git a/packages/desktop-client/src/icons/v1/InformationSolid.tsx b/packages/desktop-client/src/icons/v1/InformationSolid.tsx
index 8de816ac6cf..6f3390b91fc 100644
--- a/packages/desktop-client/src/icons/v1/InformationSolid.tsx
+++ b/packages/desktop-client/src/icons/v1/InformationSolid.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgInformationSolid = (props: SVGProps<SVGSVGElement>) => (
+export const SvgInformationSolid = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgInformationSolid = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgInformationSolid;
diff --git a/packages/desktop-client/src/icons/v1/Key.tsx b/packages/desktop-client/src/icons/v1/Key.tsx
index 1ddd7e6dcc5..f07d07e3b60 100644
--- a/packages/desktop-client/src/icons/v1/Key.tsx
+++ b/packages/desktop-client/src/icons/v1/Key.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgKey = (props: SVGProps<SVGSVGElement>) => (
+export const SvgKey = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgKey = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgKey;
diff --git a/packages/desktop-client/src/icons/v1/Keyboard.tsx b/packages/desktop-client/src/icons/v1/Keyboard.tsx
index 4486a905063..38a87f45b76 100644
--- a/packages/desktop-client/src/icons/v1/Keyboard.tsx
+++ b/packages/desktop-client/src/icons/v1/Keyboard.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgKeyboard = (props: SVGProps<SVGSVGElement>) => (
+export const SvgKeyboard = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgKeyboard = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgKeyboard;
diff --git a/packages/desktop-client/src/icons/v1/Layers.tsx b/packages/desktop-client/src/icons/v1/Layers.tsx
index 410395c65d3..c599e541ec7 100644
--- a/packages/desktop-client/src/icons/v1/Layers.tsx
+++ b/packages/desktop-client/src/icons/v1/Layers.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgLayers = (props: SVGProps<SVGSVGElement>) => (
+export const SvgLayers = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgLayers = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgLayers;
diff --git a/packages/desktop-client/src/icons/v1/Library.tsx b/packages/desktop-client/src/icons/v1/Library.tsx
index abbf87bf421..011736e6dc1 100644
--- a/packages/desktop-client/src/icons/v1/Library.tsx
+++ b/packages/desktop-client/src/icons/v1/Library.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgLibrary = (props: SVGProps<SVGSVGElement>) => (
+export const SvgLibrary = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgLibrary = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgLibrary;
diff --git a/packages/desktop-client/src/icons/v1/LightBulb.tsx b/packages/desktop-client/src/icons/v1/LightBulb.tsx
index 5f1d03396d2..b92734929f1 100644
--- a/packages/desktop-client/src/icons/v1/LightBulb.tsx
+++ b/packages/desktop-client/src/icons/v1/LightBulb.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgLightBulb = (props: SVGProps<SVGSVGElement>) => (
+export const SvgLightBulb = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgLightBulb = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgLightBulb;
diff --git a/packages/desktop-client/src/icons/v1/Link.tsx b/packages/desktop-client/src/icons/v1/Link.tsx
index a8cd780944f..ea69e5fab3c 100644
--- a/packages/desktop-client/src/icons/v1/Link.tsx
+++ b/packages/desktop-client/src/icons/v1/Link.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgLink = (props: SVGProps<SVGSVGElement>) => (
+export const SvgLink = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgLink = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgLink;
diff --git a/packages/desktop-client/src/icons/v1/List.tsx b/packages/desktop-client/src/icons/v1/List.tsx
index 09ef596955c..92d6a37ff57 100644
--- a/packages/desktop-client/src/icons/v1/List.tsx
+++ b/packages/desktop-client/src/icons/v1/List.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgList = (props: SVGProps<SVGSVGElement>) => (
+export const SvgList = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgList = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgList;
diff --git a/packages/desktop-client/src/icons/v1/ListAdd.tsx b/packages/desktop-client/src/icons/v1/ListAdd.tsx
index 564151df2ab..b38890b915a 100644
--- a/packages/desktop-client/src/icons/v1/ListAdd.tsx
+++ b/packages/desktop-client/src/icons/v1/ListAdd.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgListAdd = (props: SVGProps<SVGSVGElement>) => (
+export const SvgListAdd = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgListAdd = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgListAdd;
diff --git a/packages/desktop-client/src/icons/v1/ListBullet.tsx b/packages/desktop-client/src/icons/v1/ListBullet.tsx
index e3035df728d..b1dab39b8a2 100644
--- a/packages/desktop-client/src/icons/v1/ListBullet.tsx
+++ b/packages/desktop-client/src/icons/v1/ListBullet.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgListBullet = (props: SVGProps<SVGSVGElement>) => (
+export const SvgListBullet = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgListBullet = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgListBullet;
diff --git a/packages/desktop-client/src/icons/v1/LoadBalancer.tsx b/packages/desktop-client/src/icons/v1/LoadBalancer.tsx
index dfc6e1c567a..115d5abab5b 100644
--- a/packages/desktop-client/src/icons/v1/LoadBalancer.tsx
+++ b/packages/desktop-client/src/icons/v1/LoadBalancer.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgLoadBalancer = (props: SVGProps<SVGSVGElement>) => (
+export const SvgLoadBalancer = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgLoadBalancer = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgLoadBalancer;
diff --git a/packages/desktop-client/src/icons/v1/Location.tsx b/packages/desktop-client/src/icons/v1/Location.tsx
index 7039c2035a0..f232e336be7 100644
--- a/packages/desktop-client/src/icons/v1/Location.tsx
+++ b/packages/desktop-client/src/icons/v1/Location.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgLocation = (props: SVGProps<SVGSVGElement>) => (
+export const SvgLocation = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgLocation = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgLocation;
diff --git a/packages/desktop-client/src/icons/v1/LocationCurrent.tsx b/packages/desktop-client/src/icons/v1/LocationCurrent.tsx
index eed3759cf45..183542f6c6c 100644
--- a/packages/desktop-client/src/icons/v1/LocationCurrent.tsx
+++ b/packages/desktop-client/src/icons/v1/LocationCurrent.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgLocationCurrent = (props: SVGProps<SVGSVGElement>) => (
+export const SvgLocationCurrent = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,3 @@ const SvgLocationCurrent = (props: SVGProps<SVGSVGElement>) => (
     <path d="m0 0 20 8-8 4-2 8z" fill="currentColor" />
   </svg>
 );
-export default SvgLocationCurrent;
diff --git a/packages/desktop-client/src/icons/v1/LocationFood.tsx b/packages/desktop-client/src/icons/v1/LocationFood.tsx
index 9e68ba19b11..7e648b2f4bf 100644
--- a/packages/desktop-client/src/icons/v1/LocationFood.tsx
+++ b/packages/desktop-client/src/icons/v1/LocationFood.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgLocationFood = (props: SVGProps<SVGSVGElement>) => (
+export const SvgLocationFood = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgLocationFood = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgLocationFood;
diff --git a/packages/desktop-client/src/icons/v1/LocationGasStation.tsx b/packages/desktop-client/src/icons/v1/LocationGasStation.tsx
index 04b1fbcadb2..f60a60d7c20 100644
--- a/packages/desktop-client/src/icons/v1/LocationGasStation.tsx
+++ b/packages/desktop-client/src/icons/v1/LocationGasStation.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgLocationGasStation = (props: SVGProps<SVGSVGElement>) => (
+export const SvgLocationGasStation = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgLocationGasStation = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgLocationGasStation;
diff --git a/packages/desktop-client/src/icons/v1/LocationHotel.tsx b/packages/desktop-client/src/icons/v1/LocationHotel.tsx
index c78589412a7..874deb0e18c 100644
--- a/packages/desktop-client/src/icons/v1/LocationHotel.tsx
+++ b/packages/desktop-client/src/icons/v1/LocationHotel.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgLocationHotel = (props: SVGProps<SVGSVGElement>) => (
+export const SvgLocationHotel = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgLocationHotel = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgLocationHotel;
diff --git a/packages/desktop-client/src/icons/v1/LocationMarina.tsx b/packages/desktop-client/src/icons/v1/LocationMarina.tsx
index 8b43249810f..2d1ff43f881 100644
--- a/packages/desktop-client/src/icons/v1/LocationMarina.tsx
+++ b/packages/desktop-client/src/icons/v1/LocationMarina.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgLocationMarina = (props: SVGProps<SVGSVGElement>) => (
+export const SvgLocationMarina = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgLocationMarina = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgLocationMarina;
diff --git a/packages/desktop-client/src/icons/v1/LocationPark.tsx b/packages/desktop-client/src/icons/v1/LocationPark.tsx
index 4cc85093ac7..7f4f9b70b6b 100644
--- a/packages/desktop-client/src/icons/v1/LocationPark.tsx
+++ b/packages/desktop-client/src/icons/v1/LocationPark.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgLocationPark = (props: SVGProps<SVGSVGElement>) => (
+export const SvgLocationPark = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgLocationPark = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgLocationPark;
diff --git a/packages/desktop-client/src/icons/v1/LocationRestroom.tsx b/packages/desktop-client/src/icons/v1/LocationRestroom.tsx
index 88a34dc9b86..7a1ce2ebdab 100644
--- a/packages/desktop-client/src/icons/v1/LocationRestroom.tsx
+++ b/packages/desktop-client/src/icons/v1/LocationRestroom.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgLocationRestroom = (props: SVGProps<SVGSVGElement>) => (
+export const SvgLocationRestroom = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgLocationRestroom = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgLocationRestroom;
diff --git a/packages/desktop-client/src/icons/v1/LocationShopping.tsx b/packages/desktop-client/src/icons/v1/LocationShopping.tsx
index 8eaac9dc69d..d1fa57032e9 100644
--- a/packages/desktop-client/src/icons/v1/LocationShopping.tsx
+++ b/packages/desktop-client/src/icons/v1/LocationShopping.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgLocationShopping = (props: SVGProps<SVGSVGElement>) => (
+export const SvgLocationShopping = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgLocationShopping = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgLocationShopping;
diff --git a/packages/desktop-client/src/icons/v1/LockClosed.tsx b/packages/desktop-client/src/icons/v1/LockClosed.tsx
index fea05ad94df..5dd6d49a7c3 100644
--- a/packages/desktop-client/src/icons/v1/LockClosed.tsx
+++ b/packages/desktop-client/src/icons/v1/LockClosed.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgLockClosed = (props: SVGProps<SVGSVGElement>) => (
+export const SvgLockClosed = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgLockClosed = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgLockClosed;
diff --git a/packages/desktop-client/src/icons/v1/LockOpen.tsx b/packages/desktop-client/src/icons/v1/LockOpen.tsx
index c07e4ba47db..b3d581731e6 100644
--- a/packages/desktop-client/src/icons/v1/LockOpen.tsx
+++ b/packages/desktop-client/src/icons/v1/LockOpen.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgLockOpen = (props: SVGProps<SVGSVGElement>) => (
+export const SvgLockOpen = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgLockOpen = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgLockOpen;
diff --git a/packages/desktop-client/src/icons/v1/Map.tsx b/packages/desktop-client/src/icons/v1/Map.tsx
index 7501cf8f0f9..1b9d75a0ced 100644
--- a/packages/desktop-client/src/icons/v1/Map.tsx
+++ b/packages/desktop-client/src/icons/v1/Map.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgMap = (props: SVGProps<SVGSVGElement>) => (
+export const SvgMap = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgMap = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgMap;
diff --git a/packages/desktop-client/src/icons/v1/Menu.tsx b/packages/desktop-client/src/icons/v1/Menu.tsx
index 6ba1e34ca3e..eed6e865250 100644
--- a/packages/desktop-client/src/icons/v1/Menu.tsx
+++ b/packages/desktop-client/src/icons/v1/Menu.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgMenu = (props: SVGProps<SVGSVGElement>) => (
+export const SvgMenu = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,3 @@ const SvgMenu = (props: SVGProps<SVGSVGElement>) => (
     <path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" fill="currentColor" />
   </svg>
 );
-export default SvgMenu;
diff --git a/packages/desktop-client/src/icons/v1/Mic.tsx b/packages/desktop-client/src/icons/v1/Mic.tsx
index d10d6bdc57c..0cea16928e9 100644
--- a/packages/desktop-client/src/icons/v1/Mic.tsx
+++ b/packages/desktop-client/src/icons/v1/Mic.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgMic = (props: SVGProps<SVGSVGElement>) => (
+export const SvgMic = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgMic = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgMic;
diff --git a/packages/desktop-client/src/icons/v1/MinusOutline.tsx b/packages/desktop-client/src/icons/v1/MinusOutline.tsx
index c6b2e3db1b0..b1de3454671 100644
--- a/packages/desktop-client/src/icons/v1/MinusOutline.tsx
+++ b/packages/desktop-client/src/icons/v1/MinusOutline.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgMinusOutline = (props: SVGProps<SVGSVGElement>) => (
+export const SvgMinusOutline = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgMinusOutline = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgMinusOutline;
diff --git a/packages/desktop-client/src/icons/v1/MinusSolid.tsx b/packages/desktop-client/src/icons/v1/MinusSolid.tsx
index 74cfb602c29..e0217a6f97b 100644
--- a/packages/desktop-client/src/icons/v1/MinusSolid.tsx
+++ b/packages/desktop-client/src/icons/v1/MinusSolid.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgMinusSolid = (props: SVGProps<SVGSVGElement>) => (
+export const SvgMinusSolid = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgMinusSolid = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgMinusSolid;
diff --git a/packages/desktop-client/src/icons/v1/MobileDevices.tsx b/packages/desktop-client/src/icons/v1/MobileDevices.tsx
index 6b54c8d0112..47152af5e8d 100644
--- a/packages/desktop-client/src/icons/v1/MobileDevices.tsx
+++ b/packages/desktop-client/src/icons/v1/MobileDevices.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgMobileDevices = (props: SVGProps<SVGSVGElement>) => (
+export const SvgMobileDevices = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgMobileDevices = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgMobileDevices;
diff --git a/packages/desktop-client/src/icons/v1/MoneyBag.tsx b/packages/desktop-client/src/icons/v1/MoneyBag.tsx
index 80c7019c25c..b7b3e1b00ec 100644
--- a/packages/desktop-client/src/icons/v1/MoneyBag.tsx
+++ b/packages/desktop-client/src/icons/v1/MoneyBag.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgMoneyBag = (props: SVGProps<SVGSVGElement>) => (
+export const SvgMoneyBag = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgMoneyBag = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgMoneyBag;
diff --git a/packages/desktop-client/src/icons/v1/MoodHappyOutline.tsx b/packages/desktop-client/src/icons/v1/MoodHappyOutline.tsx
index f332843b8a9..cada958e18d 100644
--- a/packages/desktop-client/src/icons/v1/MoodHappyOutline.tsx
+++ b/packages/desktop-client/src/icons/v1/MoodHappyOutline.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgMoodHappyOutline = (props: SVGProps<SVGSVGElement>) => (
+export const SvgMoodHappyOutline = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgMoodHappyOutline = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgMoodHappyOutline;
diff --git a/packages/desktop-client/src/icons/v1/MoodHappySolid.tsx b/packages/desktop-client/src/icons/v1/MoodHappySolid.tsx
index b57d7f8a29b..4c5d9277e98 100644
--- a/packages/desktop-client/src/icons/v1/MoodHappySolid.tsx
+++ b/packages/desktop-client/src/icons/v1/MoodHappySolid.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgMoodHappySolid = (props: SVGProps<SVGSVGElement>) => (
+export const SvgMoodHappySolid = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgMoodHappySolid = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgMoodHappySolid;
diff --git a/packages/desktop-client/src/icons/v1/MoodNeutralOutline.tsx b/packages/desktop-client/src/icons/v1/MoodNeutralOutline.tsx
index e04803ee08a..652c593f7c4 100644
--- a/packages/desktop-client/src/icons/v1/MoodNeutralOutline.tsx
+++ b/packages/desktop-client/src/icons/v1/MoodNeutralOutline.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgMoodNeutralOutline = (props: SVGProps<SVGSVGElement>) => (
+export const SvgMoodNeutralOutline = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgMoodNeutralOutline = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgMoodNeutralOutline;
diff --git a/packages/desktop-client/src/icons/v1/MoodNeutralSolid.tsx b/packages/desktop-client/src/icons/v1/MoodNeutralSolid.tsx
index c6864fbafda..90137eee10f 100644
--- a/packages/desktop-client/src/icons/v1/MoodNeutralSolid.tsx
+++ b/packages/desktop-client/src/icons/v1/MoodNeutralSolid.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgMoodNeutralSolid = (props: SVGProps<SVGSVGElement>) => (
+export const SvgMoodNeutralSolid = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgMoodNeutralSolid = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgMoodNeutralSolid;
diff --git a/packages/desktop-client/src/icons/v1/MoodSadOutline.tsx b/packages/desktop-client/src/icons/v1/MoodSadOutline.tsx
index 9c9049399cb..fa807080c54 100644
--- a/packages/desktop-client/src/icons/v1/MoodSadOutline.tsx
+++ b/packages/desktop-client/src/icons/v1/MoodSadOutline.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgMoodSadOutline = (props: SVGProps<SVGSVGElement>) => (
+export const SvgMoodSadOutline = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgMoodSadOutline = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgMoodSadOutline;
diff --git a/packages/desktop-client/src/icons/v1/MoodSadSolid.tsx b/packages/desktop-client/src/icons/v1/MoodSadSolid.tsx
index 9003e490a09..728532c0cf4 100644
--- a/packages/desktop-client/src/icons/v1/MoodSadSolid.tsx
+++ b/packages/desktop-client/src/icons/v1/MoodSadSolid.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgMoodSadSolid = (props: SVGProps<SVGSVGElement>) => (
+export const SvgMoodSadSolid = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgMoodSadSolid = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgMoodSadSolid;
diff --git a/packages/desktop-client/src/icons/v1/Mouse.tsx b/packages/desktop-client/src/icons/v1/Mouse.tsx
index 23d03463961..237c49d4e28 100644
--- a/packages/desktop-client/src/icons/v1/Mouse.tsx
+++ b/packages/desktop-client/src/icons/v1/Mouse.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgMouse = (props: SVGProps<SVGSVGElement>) => (
+export const SvgMouse = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgMouse = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgMouse;
diff --git a/packages/desktop-client/src/icons/v1/MoveBack.tsx b/packages/desktop-client/src/icons/v1/MoveBack.tsx
index a70f37231b9..37d5944dfc3 100644
--- a/packages/desktop-client/src/icons/v1/MoveBack.tsx
+++ b/packages/desktop-client/src/icons/v1/MoveBack.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgMoveBack = (props: SVGProps<SVGSVGElement>) => (
+export const SvgMoveBack = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgMoveBack = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgMoveBack;
diff --git a/packages/desktop-client/src/icons/v1/MusicAlbum.tsx b/packages/desktop-client/src/icons/v1/MusicAlbum.tsx
index 1a2c0ec857c..e83b158e581 100644
--- a/packages/desktop-client/src/icons/v1/MusicAlbum.tsx
+++ b/packages/desktop-client/src/icons/v1/MusicAlbum.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgMusicAlbum = (props: SVGProps<SVGSVGElement>) => (
+export const SvgMusicAlbum = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgMusicAlbum = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgMusicAlbum;
diff --git a/packages/desktop-client/src/icons/v1/MusicArtist.tsx b/packages/desktop-client/src/icons/v1/MusicArtist.tsx
index 817dfdbaf35..a3d49fd8ce2 100644
--- a/packages/desktop-client/src/icons/v1/MusicArtist.tsx
+++ b/packages/desktop-client/src/icons/v1/MusicArtist.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgMusicArtist = (props: SVGProps<SVGSVGElement>) => (
+export const SvgMusicArtist = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgMusicArtist = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgMusicArtist;
diff --git a/packages/desktop-client/src/icons/v1/MusicNotes.tsx b/packages/desktop-client/src/icons/v1/MusicNotes.tsx
index 7fb51a9b065..14beff22e8b 100644
--- a/packages/desktop-client/src/icons/v1/MusicNotes.tsx
+++ b/packages/desktop-client/src/icons/v1/MusicNotes.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgMusicNotes = (props: SVGProps<SVGSVGElement>) => (
+export const SvgMusicNotes = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgMusicNotes = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgMusicNotes;
diff --git a/packages/desktop-client/src/icons/v1/MusicPlaylist.tsx b/packages/desktop-client/src/icons/v1/MusicPlaylist.tsx
index c8428d404b2..6890d50eac8 100644
--- a/packages/desktop-client/src/icons/v1/MusicPlaylist.tsx
+++ b/packages/desktop-client/src/icons/v1/MusicPlaylist.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgMusicPlaylist = (props: SVGProps<SVGSVGElement>) => (
+export const SvgMusicPlaylist = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgMusicPlaylist = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgMusicPlaylist;
diff --git a/packages/desktop-client/src/icons/v1/NavigationMore.tsx b/packages/desktop-client/src/icons/v1/NavigationMore.tsx
index 46635c19d6d..6f46689bbd2 100644
--- a/packages/desktop-client/src/icons/v1/NavigationMore.tsx
+++ b/packages/desktop-client/src/icons/v1/NavigationMore.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgNavigationMore = (props: SVGProps<SVGSVGElement>) => (
+export const SvgNavigationMore = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgNavigationMore = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgNavigationMore;
diff --git a/packages/desktop-client/src/icons/v1/Network.tsx b/packages/desktop-client/src/icons/v1/Network.tsx
index df8b11c2754..51ca5c1164b 100644
--- a/packages/desktop-client/src/icons/v1/Network.tsx
+++ b/packages/desktop-client/src/icons/v1/Network.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgNetwork = (props: SVGProps<SVGSVGElement>) => (
+export const SvgNetwork = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgNetwork = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgNetwork;
diff --git a/packages/desktop-client/src/icons/v1/NewsPaper.tsx b/packages/desktop-client/src/icons/v1/NewsPaper.tsx
index 2a9cf29648a..240fe007bb6 100644
--- a/packages/desktop-client/src/icons/v1/NewsPaper.tsx
+++ b/packages/desktop-client/src/icons/v1/NewsPaper.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgNewsPaper = (props: SVGProps<SVGSVGElement>) => (
+export const SvgNewsPaper = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgNewsPaper = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgNewsPaper;
diff --git a/packages/desktop-client/src/icons/v1/Notification.tsx b/packages/desktop-client/src/icons/v1/Notification.tsx
index d3bd27f0469..72921548544 100644
--- a/packages/desktop-client/src/icons/v1/Notification.tsx
+++ b/packages/desktop-client/src/icons/v1/Notification.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgNotification = (props: SVGProps<SVGSVGElement>) => (
+export const SvgNotification = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgNotification = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgNotification;
diff --git a/packages/desktop-client/src/icons/v1/Notifications.tsx b/packages/desktop-client/src/icons/v1/Notifications.tsx
index f856652c5eb..d258258ae79 100644
--- a/packages/desktop-client/src/icons/v1/Notifications.tsx
+++ b/packages/desktop-client/src/icons/v1/Notifications.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgNotifications = (props: SVGProps<SVGSVGElement>) => (
+export const SvgNotifications = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgNotifications = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgNotifications;
diff --git a/packages/desktop-client/src/icons/v1/NotificationsOutline.tsx b/packages/desktop-client/src/icons/v1/NotificationsOutline.tsx
index a1ba6e2feda..472bab2c1b5 100644
--- a/packages/desktop-client/src/icons/v1/NotificationsOutline.tsx
+++ b/packages/desktop-client/src/icons/v1/NotificationsOutline.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgNotificationsOutline = (props: SVGProps<SVGSVGElement>) => (
+export const SvgNotificationsOutline = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgNotificationsOutline = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgNotificationsOutline;
diff --git a/packages/desktop-client/src/icons/v1/Paste.tsx b/packages/desktop-client/src/icons/v1/Paste.tsx
index 6377df6beb8..4ad98f000f7 100644
--- a/packages/desktop-client/src/icons/v1/Paste.tsx
+++ b/packages/desktop-client/src/icons/v1/Paste.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgPaste = (props: SVGProps<SVGSVGElement>) => (
+export const SvgPaste = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgPaste = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgPaste;
diff --git a/packages/desktop-client/src/icons/v1/Pause.tsx b/packages/desktop-client/src/icons/v1/Pause.tsx
index 57dd774f64e..20a0f4af18b 100644
--- a/packages/desktop-client/src/icons/v1/Pause.tsx
+++ b/packages/desktop-client/src/icons/v1/Pause.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgPause = (props: SVGProps<SVGSVGElement>) => (
+export const SvgPause = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,3 @@ const SvgPause = (props: SVGProps<SVGSVGElement>) => (
     <path d="M5 4h3v12H5V4zm7 0h3v12h-3V4z" fill="currentColor" />
   </svg>
 );
-export default SvgPause;
diff --git a/packages/desktop-client/src/icons/v1/PauseOutline.tsx b/packages/desktop-client/src/icons/v1/PauseOutline.tsx
index e0e051b35d2..958c768441d 100644
--- a/packages/desktop-client/src/icons/v1/PauseOutline.tsx
+++ b/packages/desktop-client/src/icons/v1/PauseOutline.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgPauseOutline = (props: SVGProps<SVGSVGElement>) => (
+export const SvgPauseOutline = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgPauseOutline = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgPauseOutline;
diff --git a/packages/desktop-client/src/icons/v1/PauseSolid.tsx b/packages/desktop-client/src/icons/v1/PauseSolid.tsx
index 54ba7dd6498..6c5b6151374 100644
--- a/packages/desktop-client/src/icons/v1/PauseSolid.tsx
+++ b/packages/desktop-client/src/icons/v1/PauseSolid.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgPauseSolid = (props: SVGProps<SVGSVGElement>) => (
+export const SvgPauseSolid = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgPauseSolid = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgPauseSolid;
diff --git a/packages/desktop-client/src/icons/v1/PenTool.tsx b/packages/desktop-client/src/icons/v1/PenTool.tsx
index 8e48b44635a..b4325c58b57 100644
--- a/packages/desktop-client/src/icons/v1/PenTool.tsx
+++ b/packages/desktop-client/src/icons/v1/PenTool.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgPenTool = (props: SVGProps<SVGSVGElement>) => (
+export const SvgPenTool = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgPenTool = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgPenTool;
diff --git a/packages/desktop-client/src/icons/v1/PencilWrite.tsx b/packages/desktop-client/src/icons/v1/PencilWrite.tsx
index ffbe72c73a5..eab70866fdc 100644
--- a/packages/desktop-client/src/icons/v1/PencilWrite.tsx
+++ b/packages/desktop-client/src/icons/v1/PencilWrite.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgPencilWrite = (props: SVGProps<SVGSVGElement>) => (
+export const SvgPencilWrite = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -20,4 +20,3 @@ const SvgPencilWrite = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgPencilWrite;
diff --git a/packages/desktop-client/src/icons/v1/Phone.tsx b/packages/desktop-client/src/icons/v1/Phone.tsx
index 9fac2d71c08..0cc3308f665 100644
--- a/packages/desktop-client/src/icons/v1/Phone.tsx
+++ b/packages/desktop-client/src/icons/v1/Phone.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgPhone = (props: SVGProps<SVGSVGElement>) => (
+export const SvgPhone = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgPhone = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgPhone;
diff --git a/packages/desktop-client/src/icons/v1/Photo.tsx b/packages/desktop-client/src/icons/v1/Photo.tsx
index c987f75883c..7d5290a8a03 100644
--- a/packages/desktop-client/src/icons/v1/Photo.tsx
+++ b/packages/desktop-client/src/icons/v1/Photo.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgPhoto = (props: SVGProps<SVGSVGElement>) => (
+export const SvgPhoto = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgPhoto = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgPhoto;
diff --git a/packages/desktop-client/src/icons/v1/PhpElephant.tsx b/packages/desktop-client/src/icons/v1/PhpElephant.tsx
index 9b280e0ec7a..d804daaecfb 100644
--- a/packages/desktop-client/src/icons/v1/PhpElephant.tsx
+++ b/packages/desktop-client/src/icons/v1/PhpElephant.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgPhpElephant = (props: SVGProps<SVGSVGElement>) => (
+export const SvgPhpElephant = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -17,4 +17,3 @@ const SvgPhpElephant = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgPhpElephant;
diff --git a/packages/desktop-client/src/icons/v1/PiggyBank.tsx b/packages/desktop-client/src/icons/v1/PiggyBank.tsx
index 705572350cb..4a412d1d4ab 100644
--- a/packages/desktop-client/src/icons/v1/PiggyBank.tsx
+++ b/packages/desktop-client/src/icons/v1/PiggyBank.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgPiggyBank = (props: SVGProps<SVGSVGElement>) => (
+export const SvgPiggyBank = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -23,4 +23,3 @@ const SvgPiggyBank = (props: SVGProps<SVGSVGElement>) => (
     </defs>
   </svg>
 );
-export default SvgPiggyBank;
diff --git a/packages/desktop-client/src/icons/v1/Pin.tsx b/packages/desktop-client/src/icons/v1/Pin.tsx
index 00c1890ca02..b516774475b 100644
--- a/packages/desktop-client/src/icons/v1/Pin.tsx
+++ b/packages/desktop-client/src/icons/v1/Pin.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgPin = (props: SVGProps<SVGSVGElement>) => (
+export const SvgPin = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgPin = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgPin;
diff --git a/packages/desktop-client/src/icons/v1/Play.tsx b/packages/desktop-client/src/icons/v1/Play.tsx
index 4aac8de82ad..630c73cb532 100644
--- a/packages/desktop-client/src/icons/v1/Play.tsx
+++ b/packages/desktop-client/src/icons/v1/Play.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgPlay = (props: SVGProps<SVGSVGElement>) => (
+export const SvgPlay = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,3 @@ const SvgPlay = (props: SVGProps<SVGSVGElement>) => (
     <path d="m4 4 12 6-12 6z" fill="currentColor" />
   </svg>
 );
-export default SvgPlay;
diff --git a/packages/desktop-client/src/icons/v1/PlayOutline.tsx b/packages/desktop-client/src/icons/v1/PlayOutline.tsx
index 7644e7d94de..44c49408652 100644
--- a/packages/desktop-client/src/icons/v1/PlayOutline.tsx
+++ b/packages/desktop-client/src/icons/v1/PlayOutline.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgPlayOutline = (props: SVGProps<SVGSVGElement>) => (
+export const SvgPlayOutline = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgPlayOutline = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgPlayOutline;
diff --git a/packages/desktop-client/src/icons/v1/Playlist.tsx b/packages/desktop-client/src/icons/v1/Playlist.tsx
index acd09777da8..ef87494715b 100644
--- a/packages/desktop-client/src/icons/v1/Playlist.tsx
+++ b/packages/desktop-client/src/icons/v1/Playlist.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgPlaylist = (props: SVGProps<SVGSVGElement>) => (
+export const SvgPlaylist = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgPlaylist = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgPlaylist;
diff --git a/packages/desktop-client/src/icons/v1/Plugin.tsx b/packages/desktop-client/src/icons/v1/Plugin.tsx
index b0e52b6f784..a050af99670 100644
--- a/packages/desktop-client/src/icons/v1/Plugin.tsx
+++ b/packages/desktop-client/src/icons/v1/Plugin.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgPlugin = (props: SVGProps<SVGSVGElement>) => (
+export const SvgPlugin = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgPlugin = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgPlugin;
diff --git a/packages/desktop-client/src/icons/v1/Portfolio.tsx b/packages/desktop-client/src/icons/v1/Portfolio.tsx
index c5f2ca76bae..d7322a8ef7f 100644
--- a/packages/desktop-client/src/icons/v1/Portfolio.tsx
+++ b/packages/desktop-client/src/icons/v1/Portfolio.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgPortfolio = (props: SVGProps<SVGSVGElement>) => (
+export const SvgPortfolio = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgPortfolio = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgPortfolio;
diff --git a/packages/desktop-client/src/icons/v1/Printer.tsx b/packages/desktop-client/src/icons/v1/Printer.tsx
index de566b32d13..d186723690b 100644
--- a/packages/desktop-client/src/icons/v1/Printer.tsx
+++ b/packages/desktop-client/src/icons/v1/Printer.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgPrinter = (props: SVGProps<SVGSVGElement>) => (
+export const SvgPrinter = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgPrinter = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgPrinter;
diff --git a/packages/desktop-client/src/icons/v1/Pylon.tsx b/packages/desktop-client/src/icons/v1/Pylon.tsx
index 498c5033085..8ec767039f6 100644
--- a/packages/desktop-client/src/icons/v1/Pylon.tsx
+++ b/packages/desktop-client/src/icons/v1/Pylon.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgPylon = (props: SVGProps<SVGSVGElement>) => (
+export const SvgPylon = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgPylon = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgPylon;
diff --git a/packages/desktop-client/src/icons/v1/Question.tsx b/packages/desktop-client/src/icons/v1/Question.tsx
index 116f1529daf..341e82e4986 100644
--- a/packages/desktop-client/src/icons/v1/Question.tsx
+++ b/packages/desktop-client/src/icons/v1/Question.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgQuestion = (props: SVGProps<SVGSVGElement>) => (
+export const SvgQuestion = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgQuestion = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgQuestion;
diff --git a/packages/desktop-client/src/icons/v1/Queue.tsx b/packages/desktop-client/src/icons/v1/Queue.tsx
index bbcc286c370..9efeb6606b0 100644
--- a/packages/desktop-client/src/icons/v1/Queue.tsx
+++ b/packages/desktop-client/src/icons/v1/Queue.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgQueue = (props: SVGProps<SVGSVGElement>) => (
+export const SvgQueue = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgQueue = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgQueue;
diff --git a/packages/desktop-client/src/icons/v1/Radar.tsx b/packages/desktop-client/src/icons/v1/Radar.tsx
index 6f2042d364f..bdb15be6826 100644
--- a/packages/desktop-client/src/icons/v1/Radar.tsx
+++ b/packages/desktop-client/src/icons/v1/Radar.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgRadar = (props: SVGProps<SVGSVGElement>) => (
+export const SvgRadar = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgRadar = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgRadar;
diff --git a/packages/desktop-client/src/icons/v1/RadarCopy2.tsx b/packages/desktop-client/src/icons/v1/RadarCopy2.tsx
index c2a59b2ba0a..d3d21357153 100644
--- a/packages/desktop-client/src/icons/v1/RadarCopy2.tsx
+++ b/packages/desktop-client/src/icons/v1/RadarCopy2.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgRadarCopy2 = (props: SVGProps<SVGSVGElement>) => (
+export const SvgRadarCopy2 = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgRadarCopy2 = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgRadarCopy2;
diff --git a/packages/desktop-client/src/icons/v1/Radio.tsx b/packages/desktop-client/src/icons/v1/Radio.tsx
index c2cf7830938..62029c276e7 100644
--- a/packages/desktop-client/src/icons/v1/Radio.tsx
+++ b/packages/desktop-client/src/icons/v1/Radio.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgRadio = (props: SVGProps<SVGSVGElement>) => (
+export const SvgRadio = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgRadio = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgRadio;
diff --git a/packages/desktop-client/src/icons/v1/Refresh.tsx b/packages/desktop-client/src/icons/v1/Refresh.tsx
index 3489fd2c123..15695db9111 100644
--- a/packages/desktop-client/src/icons/v1/Refresh.tsx
+++ b/packages/desktop-client/src/icons/v1/Refresh.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgRefresh = (props: SVGProps<SVGSVGElement>) => (
+export const SvgRefresh = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgRefresh = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgRefresh;
diff --git a/packages/desktop-client/src/icons/v1/Reload.tsx b/packages/desktop-client/src/icons/v1/Reload.tsx
index b8b8af9c120..913bdaa2647 100644
--- a/packages/desktop-client/src/icons/v1/Reload.tsx
+++ b/packages/desktop-client/src/icons/v1/Reload.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgReload = (props: SVGProps<SVGSVGElement>) => (
+export const SvgReload = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgReload = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgReload;
diff --git a/packages/desktop-client/src/icons/v1/Reply.tsx b/packages/desktop-client/src/icons/v1/Reply.tsx
index 2b332faece8..bafffcd0c79 100644
--- a/packages/desktop-client/src/icons/v1/Reply.tsx
+++ b/packages/desktop-client/src/icons/v1/Reply.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgReply = (props: SVGProps<SVGSVGElement>) => (
+export const SvgReply = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgReply = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgReply;
diff --git a/packages/desktop-client/src/icons/v1/ReplyAll.tsx b/packages/desktop-client/src/icons/v1/ReplyAll.tsx
index 1678b68101f..932969f97f9 100644
--- a/packages/desktop-client/src/icons/v1/ReplyAll.tsx
+++ b/packages/desktop-client/src/icons/v1/ReplyAll.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgReplyAll = (props: SVGProps<SVGSVGElement>) => (
+export const SvgReplyAll = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgReplyAll = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgReplyAll;
diff --git a/packages/desktop-client/src/icons/v1/Reports.tsx b/packages/desktop-client/src/icons/v1/Reports.tsx
index 5326876d1e9..21aca11b5dd 100644
--- a/packages/desktop-client/src/icons/v1/Reports.tsx
+++ b/packages/desktop-client/src/icons/v1/Reports.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgReports = (props: SVGProps<SVGSVGElement>) => (
+export const SvgReports = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgReports = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgReports;
diff --git a/packages/desktop-client/src/icons/v1/Repost.tsx b/packages/desktop-client/src/icons/v1/Repost.tsx
index 5d0206349b7..364645e0a8f 100644
--- a/packages/desktop-client/src/icons/v1/Repost.tsx
+++ b/packages/desktop-client/src/icons/v1/Repost.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgRepost = (props: SVGProps<SVGSVGElement>) => (
+export const SvgRepost = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgRepost = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgRepost;
diff --git a/packages/desktop-client/src/icons/v1/SaveDisk.tsx b/packages/desktop-client/src/icons/v1/SaveDisk.tsx
index a8c2cbfa41e..f428740d83c 100644
--- a/packages/desktop-client/src/icons/v1/SaveDisk.tsx
+++ b/packages/desktop-client/src/icons/v1/SaveDisk.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgSaveDisk = (props: SVGProps<SVGSVGElement>) => (
+export const SvgSaveDisk = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgSaveDisk = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgSaveDisk;
diff --git a/packages/desktop-client/src/icons/v1/ScreenFull.tsx b/packages/desktop-client/src/icons/v1/ScreenFull.tsx
index dd42e338ce7..6a3073590d3 100644
--- a/packages/desktop-client/src/icons/v1/ScreenFull.tsx
+++ b/packages/desktop-client/src/icons/v1/ScreenFull.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgScreenFull = (props: SVGProps<SVGSVGElement>) => (
+export const SvgScreenFull = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgScreenFull = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgScreenFull;
diff --git a/packages/desktop-client/src/icons/v1/Search.tsx b/packages/desktop-client/src/icons/v1/Search.tsx
index bedfdede6cb..7ebe873f7c3 100644
--- a/packages/desktop-client/src/icons/v1/Search.tsx
+++ b/packages/desktop-client/src/icons/v1/Search.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgSearch = (props: SVGProps<SVGSVGElement>) => (
+export const SvgSearch = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgSearch = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgSearch;
diff --git a/packages/desktop-client/src/icons/v1/Send.tsx b/packages/desktop-client/src/icons/v1/Send.tsx
index cbce2995157..d98b0e1d15f 100644
--- a/packages/desktop-client/src/icons/v1/Send.tsx
+++ b/packages/desktop-client/src/icons/v1/Send.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgSend = (props: SVGProps<SVGSVGElement>) => (
+export const SvgSend = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,3 @@ const SvgSend = (props: SVGProps<SVGSVGElement>) => (
     <path d="m0 0 20 10L0 20V0zm0 8v4l10-2L0 8z" fill="currentColor" />
   </svg>
 );
-export default SvgSend;
diff --git a/packages/desktop-client/src/icons/v1/Servers.tsx b/packages/desktop-client/src/icons/v1/Servers.tsx
index 1a76e555661..3c855a8c9ab 100644
--- a/packages/desktop-client/src/icons/v1/Servers.tsx
+++ b/packages/desktop-client/src/icons/v1/Servers.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgServers = (props: SVGProps<SVGSVGElement>) => (
+export const SvgServers = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgServers = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgServers;
diff --git a/packages/desktop-client/src/icons/v1/Share.tsx b/packages/desktop-client/src/icons/v1/Share.tsx
index 02f3bea3f00..d4ec0747eee 100644
--- a/packages/desktop-client/src/icons/v1/Share.tsx
+++ b/packages/desktop-client/src/icons/v1/Share.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgShare = (props: SVGProps<SVGSVGElement>) => (
+export const SvgShare = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgShare = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgShare;
diff --git a/packages/desktop-client/src/icons/v1/Share01.tsx b/packages/desktop-client/src/icons/v1/Share01.tsx
index 62479ccebf0..4d523ed04f7 100644
--- a/packages/desktop-client/src/icons/v1/Share01.tsx
+++ b/packages/desktop-client/src/icons/v1/Share01.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgShare01 = (props: SVGProps<SVGSVGElement>) => (
+export const SvgShare01 = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgShare01 = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgShare01;
diff --git a/packages/desktop-client/src/icons/v1/ShareAlt.tsx b/packages/desktop-client/src/icons/v1/ShareAlt.tsx
index a7c9bfb480d..fe76a6d0d93 100644
--- a/packages/desktop-client/src/icons/v1/ShareAlt.tsx
+++ b/packages/desktop-client/src/icons/v1/ShareAlt.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgShareAlt = (props: SVGProps<SVGSVGElement>) => (
+export const SvgShareAlt = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgShareAlt = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgShareAlt;
diff --git a/packages/desktop-client/src/icons/v1/Shield.tsx b/packages/desktop-client/src/icons/v1/Shield.tsx
index ce518e33b22..7954b714631 100644
--- a/packages/desktop-client/src/icons/v1/Shield.tsx
+++ b/packages/desktop-client/src/icons/v1/Shield.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgShield = (props: SVGProps<SVGSVGElement>) => (
+export const SvgShield = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgShield = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgShield;
diff --git a/packages/desktop-client/src/icons/v1/ShoppingCart.tsx b/packages/desktop-client/src/icons/v1/ShoppingCart.tsx
index 0c7d41ae7d2..360719fdb47 100644
--- a/packages/desktop-client/src/icons/v1/ShoppingCart.tsx
+++ b/packages/desktop-client/src/icons/v1/ShoppingCart.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgShoppingCart = (props: SVGProps<SVGSVGElement>) => (
+export const SvgShoppingCart = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgShoppingCart = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgShoppingCart;
diff --git a/packages/desktop-client/src/icons/v1/ShowSidebar.tsx b/packages/desktop-client/src/icons/v1/ShowSidebar.tsx
index 2427603f196..470a37a1ea2 100644
--- a/packages/desktop-client/src/icons/v1/ShowSidebar.tsx
+++ b/packages/desktop-client/src/icons/v1/ShowSidebar.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgShowSidebar = (props: SVGProps<SVGSVGElement>) => (
+export const SvgShowSidebar = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgShowSidebar = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgShowSidebar;
diff --git a/packages/desktop-client/src/icons/v1/Shuffle.tsx b/packages/desktop-client/src/icons/v1/Shuffle.tsx
index a3de449f50d..1b8388c067c 100644
--- a/packages/desktop-client/src/icons/v1/Shuffle.tsx
+++ b/packages/desktop-client/src/icons/v1/Shuffle.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgShuffle = (props: SVGProps<SVGSVGElement>) => (
+export const SvgShuffle = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgShuffle = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgShuffle;
diff --git a/packages/desktop-client/src/icons/v1/StandBy.tsx b/packages/desktop-client/src/icons/v1/StandBy.tsx
index 4711552153e..7ed3f259d2f 100644
--- a/packages/desktop-client/src/icons/v1/StandBy.tsx
+++ b/packages/desktop-client/src/icons/v1/StandBy.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgStandBy = (props: SVGProps<SVGSVGElement>) => (
+export const SvgStandBy = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -17,4 +17,3 @@ const SvgStandBy = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgStandBy;
diff --git a/packages/desktop-client/src/icons/v1/StarFull.tsx b/packages/desktop-client/src/icons/v1/StarFull.tsx
index 27e67e1093d..780667cd157 100644
--- a/packages/desktop-client/src/icons/v1/StarFull.tsx
+++ b/packages/desktop-client/src/icons/v1/StarFull.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgStarFull = (props: SVGProps<SVGSVGElement>) => (
+export const SvgStarFull = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgStarFull = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgStarFull;
diff --git a/packages/desktop-client/src/icons/v1/Station.tsx b/packages/desktop-client/src/icons/v1/Station.tsx
index e86d75def21..a2691ca46de 100644
--- a/packages/desktop-client/src/icons/v1/Station.tsx
+++ b/packages/desktop-client/src/icons/v1/Station.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgStation = (props: SVGProps<SVGSVGElement>) => (
+export const SvgStation = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgStation = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgStation;
diff --git a/packages/desktop-client/src/icons/v1/StepBackward.tsx b/packages/desktop-client/src/icons/v1/StepBackward.tsx
index 386a5e0b1f8..c29a3b45f25 100644
--- a/packages/desktop-client/src/icons/v1/StepBackward.tsx
+++ b/packages/desktop-client/src/icons/v1/StepBackward.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgStepBackward = (props: SVGProps<SVGSVGElement>) => (
+export const SvgStepBackward = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,3 @@ const SvgStepBackward = (props: SVGProps<SVGSVGElement>) => (
     <path d="M4 5h3v10H4V5zm12 0v10l-9-5 9-5z" fill="currentColor" />
   </svg>
 );
-export default SvgStepBackward;
diff --git a/packages/desktop-client/src/icons/v1/StepForward.tsx b/packages/desktop-client/src/icons/v1/StepForward.tsx
index fa85a2a1c7e..6d58520f96c 100644
--- a/packages/desktop-client/src/icons/v1/StepForward.tsx
+++ b/packages/desktop-client/src/icons/v1/StepForward.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgStepForward = (props: SVGProps<SVGSVGElement>) => (
+export const SvgStepForward = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,3 @@ const SvgStepForward = (props: SVGProps<SVGSVGElement>) => (
     <path d="M13 5h3v10h-3V5zM4 5l9 5-9 5V5z" fill="currentColor" />
   </svg>
 );
-export default SvgStepForward;
diff --git a/packages/desktop-client/src/icons/v1/Stethoscope.tsx b/packages/desktop-client/src/icons/v1/Stethoscope.tsx
index a541425051e..9ea4a1e2975 100644
--- a/packages/desktop-client/src/icons/v1/Stethoscope.tsx
+++ b/packages/desktop-client/src/icons/v1/Stethoscope.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgStethoscope = (props: SVGProps<SVGSVGElement>) => (
+export const SvgStethoscope = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgStethoscope = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgStethoscope;
diff --git a/packages/desktop-client/src/icons/v1/StoreFront.tsx b/packages/desktop-client/src/icons/v1/StoreFront.tsx
index 11f69111658..ca7a4afea45 100644
--- a/packages/desktop-client/src/icons/v1/StoreFront.tsx
+++ b/packages/desktop-client/src/icons/v1/StoreFront.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgStoreFront = (props: SVGProps<SVGSVGElement>) => (
+export const SvgStoreFront = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgStoreFront = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgStoreFront;
diff --git a/packages/desktop-client/src/icons/v1/StrokeWidth.tsx b/packages/desktop-client/src/icons/v1/StrokeWidth.tsx
index d19fc8f8331..2ccd7217936 100644
--- a/packages/desktop-client/src/icons/v1/StrokeWidth.tsx
+++ b/packages/desktop-client/src/icons/v1/StrokeWidth.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgStrokeWidth = (props: SVGProps<SVGSVGElement>) => (
+export const SvgStrokeWidth = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgStrokeWidth = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgStrokeWidth;
diff --git a/packages/desktop-client/src/icons/v1/SubdirectoryLeft.tsx b/packages/desktop-client/src/icons/v1/SubdirectoryLeft.tsx
index b9ca9cbc12b..fa0a9c134f1 100644
--- a/packages/desktop-client/src/icons/v1/SubdirectoryLeft.tsx
+++ b/packages/desktop-client/src/icons/v1/SubdirectoryLeft.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgSubdirectoryLeft = (props: SVGProps<SVGSVGElement>) => (
+export const SvgSubdirectoryLeft = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,3 @@ const SvgSubdirectoryLeft = (props: SVGProps<SVGSVGElement>) => (
     <path d="M18 12v1H8v5l-6-6 6-6v5h8V2h2z" fill="currentColor" />
   </svg>
 );
-export default SvgSubdirectoryLeft;
diff --git a/packages/desktop-client/src/icons/v1/SubdirectoryRight.tsx b/packages/desktop-client/src/icons/v1/SubdirectoryRight.tsx
index 8699d614ade..fed67dc731b 100644
--- a/packages/desktop-client/src/icons/v1/SubdirectoryRight.tsx
+++ b/packages/desktop-client/src/icons/v1/SubdirectoryRight.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgSubdirectoryRight = (props: SVGProps<SVGSVGElement>) => (
+export const SvgSubdirectoryRight = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,3 @@ const SvgSubdirectoryRight = (props: SVGProps<SVGSVGElement>) => (
     <path d="M3.5 13H12v5l6-6-6-6v5H4V2H2v11z" fill="currentColor" />
   </svg>
 );
-export default SvgSubdirectoryRight;
diff --git a/packages/desktop-client/src/icons/v1/Subtract.tsx b/packages/desktop-client/src/icons/v1/Subtract.tsx
index fd03ddc4858..af6c118cf71 100644
--- a/packages/desktop-client/src/icons/v1/Subtract.tsx
+++ b/packages/desktop-client/src/icons/v1/Subtract.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgSubtract = (props: SVGProps<SVGSVGElement>) => (
+export const SvgSubtract = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -17,4 +17,3 @@ const SvgSubtract = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgSubtract;
diff --git a/packages/desktop-client/src/icons/v1/Swap.tsx b/packages/desktop-client/src/icons/v1/Swap.tsx
index 13b572d96da..ec861d7bbec 100644
--- a/packages/desktop-client/src/icons/v1/Swap.tsx
+++ b/packages/desktop-client/src/icons/v1/Swap.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgSwap = (props: SVGProps<SVGSVGElement>) => (
+export const SvgSwap = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgSwap = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgSwap;
diff --git a/packages/desktop-client/src/icons/v1/Tablet.tsx b/packages/desktop-client/src/icons/v1/Tablet.tsx
index 6e35fe13069..5cff2d5a91d 100644
--- a/packages/desktop-client/src/icons/v1/Tablet.tsx
+++ b/packages/desktop-client/src/icons/v1/Tablet.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgTablet = (props: SVGProps<SVGSVGElement>) => (
+export const SvgTablet = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgTablet = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgTablet;
diff --git a/packages/desktop-client/src/icons/v1/Tag.tsx b/packages/desktop-client/src/icons/v1/Tag.tsx
index 08342d04240..28e70f7d17a 100644
--- a/packages/desktop-client/src/icons/v1/Tag.tsx
+++ b/packages/desktop-client/src/icons/v1/Tag.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgTag = (props: SVGProps<SVGSVGElement>) => (
+export const SvgTag = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgTag = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgTag;
diff --git a/packages/desktop-client/src/icons/v1/Target.tsx b/packages/desktop-client/src/icons/v1/Target.tsx
index 570e8070ba7..e7d3f0921d4 100644
--- a/packages/desktop-client/src/icons/v1/Target.tsx
+++ b/packages/desktop-client/src/icons/v1/Target.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgTarget = (props: SVGProps<SVGSVGElement>) => (
+export const SvgTarget = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgTarget = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgTarget;
diff --git a/packages/desktop-client/src/icons/v1/TextBox.tsx b/packages/desktop-client/src/icons/v1/TextBox.tsx
index 7e4b5d485e0..bc556ea486b 100644
--- a/packages/desktop-client/src/icons/v1/TextBox.tsx
+++ b/packages/desktop-client/src/icons/v1/TextBox.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgTextBox = (props: SVGProps<SVGSVGElement>) => (
+export const SvgTextBox = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgTextBox = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgTextBox;
diff --git a/packages/desktop-client/src/icons/v1/TextDecoration.tsx b/packages/desktop-client/src/icons/v1/TextDecoration.tsx
index e185d177a01..b92fc28cfea 100644
--- a/packages/desktop-client/src/icons/v1/TextDecoration.tsx
+++ b/packages/desktop-client/src/icons/v1/TextDecoration.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgTextDecoration = (props: SVGProps<SVGSVGElement>) => (
+export const SvgTextDecoration = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgTextDecoration = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgTextDecoration;
diff --git a/packages/desktop-client/src/icons/v1/Thermometer.tsx b/packages/desktop-client/src/icons/v1/Thermometer.tsx
index b6587b1a375..2cf34f4d5fe 100644
--- a/packages/desktop-client/src/icons/v1/Thermometer.tsx
+++ b/packages/desktop-client/src/icons/v1/Thermometer.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgThermometer = (props: SVGProps<SVGSVGElement>) => (
+export const SvgThermometer = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgThermometer = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgThermometer;
diff --git a/packages/desktop-client/src/icons/v1/ThumbsDown.tsx b/packages/desktop-client/src/icons/v1/ThumbsDown.tsx
index f5f51795da6..5a182dac61f 100644
--- a/packages/desktop-client/src/icons/v1/ThumbsDown.tsx
+++ b/packages/desktop-client/src/icons/v1/ThumbsDown.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgThumbsDown = (props: SVGProps<SVGSVGElement>) => (
+export const SvgThumbsDown = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgThumbsDown = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgThumbsDown;
diff --git a/packages/desktop-client/src/icons/v1/ThumbsUp.tsx b/packages/desktop-client/src/icons/v1/ThumbsUp.tsx
index 1d8e610b73f..b7f4eb0e118 100644
--- a/packages/desktop-client/src/icons/v1/ThumbsUp.tsx
+++ b/packages/desktop-client/src/icons/v1/ThumbsUp.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgThumbsUp = (props: SVGProps<SVGSVGElement>) => (
+export const SvgThumbsUp = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgThumbsUp = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgThumbsUp;
diff --git a/packages/desktop-client/src/icons/v1/Ticket.tsx b/packages/desktop-client/src/icons/v1/Ticket.tsx
index c5e2faf70c0..c73c3600823 100644
--- a/packages/desktop-client/src/icons/v1/Ticket.tsx
+++ b/packages/desktop-client/src/icons/v1/Ticket.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgTicket = (props: SVGProps<SVGSVGElement>) => (
+export const SvgTicket = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgTicket = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgTicket;
diff --git a/packages/desktop-client/src/icons/v1/Time.tsx b/packages/desktop-client/src/icons/v1/Time.tsx
index 8aeac8294ba..98e29e13d1f 100644
--- a/packages/desktop-client/src/icons/v1/Time.tsx
+++ b/packages/desktop-client/src/icons/v1/Time.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgTime = (props: SVGProps<SVGSVGElement>) => (
+export const SvgTime = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgTime = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgTime;
diff --git a/packages/desktop-client/src/icons/v1/Timer.tsx b/packages/desktop-client/src/icons/v1/Timer.tsx
index f6aaeb50ade..d8928ef2377 100644
--- a/packages/desktop-client/src/icons/v1/Timer.tsx
+++ b/packages/desktop-client/src/icons/v1/Timer.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgTimer = (props: SVGProps<SVGSVGElement>) => (
+export const SvgTimer = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgTimer = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgTimer;
diff --git a/packages/desktop-client/src/icons/v1/ToolsCopy.tsx b/packages/desktop-client/src/icons/v1/ToolsCopy.tsx
index 3c3f26dbc1d..67e5b91c05a 100644
--- a/packages/desktop-client/src/icons/v1/ToolsCopy.tsx
+++ b/packages/desktop-client/src/icons/v1/ToolsCopy.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgToolsCopy = (props: SVGProps<SVGSVGElement>) => (
+export const SvgToolsCopy = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgToolsCopy = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgToolsCopy;
diff --git a/packages/desktop-client/src/icons/v1/Translate.tsx b/packages/desktop-client/src/icons/v1/Translate.tsx
index d2c474565db..93f5b582575 100644
--- a/packages/desktop-client/src/icons/v1/Translate.tsx
+++ b/packages/desktop-client/src/icons/v1/Translate.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgTranslate = (props: SVGProps<SVGSVGElement>) => (
+export const SvgTranslate = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgTranslate = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgTranslate;
diff --git a/packages/desktop-client/src/icons/v1/Trash.tsx b/packages/desktop-client/src/icons/v1/Trash.tsx
index 45a0d62ee9e..29616a8885a 100644
--- a/packages/desktop-client/src/icons/v1/Trash.tsx
+++ b/packages/desktop-client/src/icons/v1/Trash.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgTrash = (props: SVGProps<SVGSVGElement>) => (
+export const SvgTrash = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgTrash = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgTrash;
diff --git a/packages/desktop-client/src/icons/v1/Travel.tsx b/packages/desktop-client/src/icons/v1/Travel.tsx
index f245cdadf8a..64d136915af 100644
--- a/packages/desktop-client/src/icons/v1/Travel.tsx
+++ b/packages/desktop-client/src/icons/v1/Travel.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgTravel = (props: SVGProps<SVGSVGElement>) => (
+export const SvgTravel = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgTravel = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgTravel;
diff --git a/packages/desktop-client/src/icons/v1/TravelBus.tsx b/packages/desktop-client/src/icons/v1/TravelBus.tsx
index 0d2f36641f0..357dae1e599 100644
--- a/packages/desktop-client/src/icons/v1/TravelBus.tsx
+++ b/packages/desktop-client/src/icons/v1/TravelBus.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgTravelBus = (props: SVGProps<SVGSVGElement>) => (
+export const SvgTravelBus = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgTravelBus = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgTravelBus;
diff --git a/packages/desktop-client/src/icons/v1/TravelCar.tsx b/packages/desktop-client/src/icons/v1/TravelCar.tsx
index 6fc2b04090d..7b2fca6892d 100644
--- a/packages/desktop-client/src/icons/v1/TravelCar.tsx
+++ b/packages/desktop-client/src/icons/v1/TravelCar.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgTravelCar = (props: SVGProps<SVGSVGElement>) => (
+export const SvgTravelCar = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgTravelCar = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgTravelCar;
diff --git a/packages/desktop-client/src/icons/v1/TravelCase.tsx b/packages/desktop-client/src/icons/v1/TravelCase.tsx
index 91ebddcf763..fdcd406f136 100644
--- a/packages/desktop-client/src/icons/v1/TravelCase.tsx
+++ b/packages/desktop-client/src/icons/v1/TravelCase.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgTravelCase = (props: SVGProps<SVGSVGElement>) => (
+export const SvgTravelCase = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgTravelCase = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgTravelCase;
diff --git a/packages/desktop-client/src/icons/v1/TravelTaxiCab.tsx b/packages/desktop-client/src/icons/v1/TravelTaxiCab.tsx
index 3073c11fdce..e5ef8aa1517 100644
--- a/packages/desktop-client/src/icons/v1/TravelTaxiCab.tsx
+++ b/packages/desktop-client/src/icons/v1/TravelTaxiCab.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgTravelTaxiCab = (props: SVGProps<SVGSVGElement>) => (
+export const SvgTravelTaxiCab = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgTravelTaxiCab = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgTravelTaxiCab;
diff --git a/packages/desktop-client/src/icons/v1/TravelTrain.tsx b/packages/desktop-client/src/icons/v1/TravelTrain.tsx
index 2101bf628a1..5fde9f87f8f 100644
--- a/packages/desktop-client/src/icons/v1/TravelTrain.tsx
+++ b/packages/desktop-client/src/icons/v1/TravelTrain.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgTravelTrain = (props: SVGProps<SVGSVGElement>) => (
+export const SvgTravelTrain = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgTravelTrain = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgTravelTrain;
diff --git a/packages/desktop-client/src/icons/v1/TravelWalk.tsx b/packages/desktop-client/src/icons/v1/TravelWalk.tsx
index 494aacdf4c2..6b8abc95902 100644
--- a/packages/desktop-client/src/icons/v1/TravelWalk.tsx
+++ b/packages/desktop-client/src/icons/v1/TravelWalk.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgTravelWalk = (props: SVGProps<SVGSVGElement>) => (
+export const SvgTravelWalk = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgTravelWalk = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgTravelWalk;
diff --git a/packages/desktop-client/src/icons/v1/Trophy.tsx b/packages/desktop-client/src/icons/v1/Trophy.tsx
index 13176226221..9589e2800d2 100644
--- a/packages/desktop-client/src/icons/v1/Trophy.tsx
+++ b/packages/desktop-client/src/icons/v1/Trophy.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgTrophy = (props: SVGProps<SVGSVGElement>) => (
+export const SvgTrophy = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgTrophy = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgTrophy;
diff --git a/packages/desktop-client/src/icons/v1/Tuning.tsx b/packages/desktop-client/src/icons/v1/Tuning.tsx
index 4f470d52304..02c06c22e18 100644
--- a/packages/desktop-client/src/icons/v1/Tuning.tsx
+++ b/packages/desktop-client/src/icons/v1/Tuning.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgTuning = (props: SVGProps<SVGSVGElement>) => (
+export const SvgTuning = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgTuning = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgTuning;
diff --git a/packages/desktop-client/src/icons/v1/Upload.tsx b/packages/desktop-client/src/icons/v1/Upload.tsx
index fbee62a8d3f..5f013fc900d 100644
--- a/packages/desktop-client/src/icons/v1/Upload.tsx
+++ b/packages/desktop-client/src/icons/v1/Upload.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgUpload = (props: SVGProps<SVGSVGElement>) => (
+export const SvgUpload = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,3 @@ const SvgUpload = (props: SVGProps<SVGSVGElement>) => (
     <path d="M13 10v6H7v-6H2l8-8 8 8h-5zM0 18h20v2H0v-2z" fill="currentColor" />
   </svg>
 );
-export default SvgUpload;
diff --git a/packages/desktop-client/src/icons/v1/Usb.tsx b/packages/desktop-client/src/icons/v1/Usb.tsx
index 8fbccf30467..0a6337425f3 100644
--- a/packages/desktop-client/src/icons/v1/Usb.tsx
+++ b/packages/desktop-client/src/icons/v1/Usb.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgUsb = (props: SVGProps<SVGSVGElement>) => (
+export const SvgUsb = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgUsb = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgUsb;
diff --git a/packages/desktop-client/src/icons/v1/User.tsx b/packages/desktop-client/src/icons/v1/User.tsx
index 41891e45142..ceb613ee19b 100644
--- a/packages/desktop-client/src/icons/v1/User.tsx
+++ b/packages/desktop-client/src/icons/v1/User.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgUser = (props: SVGProps<SVGSVGElement>) => (
+export const SvgUser = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgUser = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgUser;
diff --git a/packages/desktop-client/src/icons/v1/UserAdd.tsx b/packages/desktop-client/src/icons/v1/UserAdd.tsx
index 62d9a2ef3e3..0d270739776 100644
--- a/packages/desktop-client/src/icons/v1/UserAdd.tsx
+++ b/packages/desktop-client/src/icons/v1/UserAdd.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgUserAdd = (props: SVGProps<SVGSVGElement>) => (
+export const SvgUserAdd = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgUserAdd = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgUserAdd;
diff --git a/packages/desktop-client/src/icons/v1/UserGroup.tsx b/packages/desktop-client/src/icons/v1/UserGroup.tsx
index a7ff6159d2f..2f3a84fe98d 100644
--- a/packages/desktop-client/src/icons/v1/UserGroup.tsx
+++ b/packages/desktop-client/src/icons/v1/UserGroup.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgUserGroup = (props: SVGProps<SVGSVGElement>) => (
+export const SvgUserGroup = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgUserGroup = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgUserGroup;
diff --git a/packages/desktop-client/src/icons/v1/UserSolidCircle.tsx b/packages/desktop-client/src/icons/v1/UserSolidCircle.tsx
index e7583fe8415..763194302f7 100644
--- a/packages/desktop-client/src/icons/v1/UserSolidCircle.tsx
+++ b/packages/desktop-client/src/icons/v1/UserSolidCircle.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgUserSolidCircle = (props: SVGProps<SVGSVGElement>) => (
+export const SvgUserSolidCircle = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgUserSolidCircle = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgUserSolidCircle;
diff --git a/packages/desktop-client/src/icons/v1/UserSolidSquare.tsx b/packages/desktop-client/src/icons/v1/UserSolidSquare.tsx
index a75cd367c13..b2e5db7874c 100644
--- a/packages/desktop-client/src/icons/v1/UserSolidSquare.tsx
+++ b/packages/desktop-client/src/icons/v1/UserSolidSquare.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgUserSolidSquare = (props: SVGProps<SVGSVGElement>) => (
+export const SvgUserSolidSquare = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgUserSolidSquare = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgUserSolidSquare;
diff --git a/packages/desktop-client/src/icons/v1/Vector.tsx b/packages/desktop-client/src/icons/v1/Vector.tsx
index f911c85e0e5..6ce48a33ddc 100644
--- a/packages/desktop-client/src/icons/v1/Vector.tsx
+++ b/packages/desktop-client/src/icons/v1/Vector.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgVector = (props: SVGProps<SVGSVGElement>) => (
+export const SvgVector = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgVector = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgVector;
diff --git a/packages/desktop-client/src/icons/v1/VideoCamera.tsx b/packages/desktop-client/src/icons/v1/VideoCamera.tsx
index 75295a5aeae..7e1e745afdd 100644
--- a/packages/desktop-client/src/icons/v1/VideoCamera.tsx
+++ b/packages/desktop-client/src/icons/v1/VideoCamera.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgVideoCamera = (props: SVGProps<SVGSVGElement>) => (
+export const SvgVideoCamera = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgVideoCamera = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgVideoCamera;
diff --git a/packages/desktop-client/src/icons/v1/ViewCarousel.tsx b/packages/desktop-client/src/icons/v1/ViewCarousel.tsx
index b6bdc0db2d8..77417c37f80 100644
--- a/packages/desktop-client/src/icons/v1/ViewCarousel.tsx
+++ b/packages/desktop-client/src/icons/v1/ViewCarousel.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgViewCarousel = (props: SVGProps<SVGSVGElement>) => (
+export const SvgViewCarousel = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgViewCarousel = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgViewCarousel;
diff --git a/packages/desktop-client/src/icons/v1/ViewColumn.tsx b/packages/desktop-client/src/icons/v1/ViewColumn.tsx
index 5d1f3c92900..01dd7d0e993 100644
--- a/packages/desktop-client/src/icons/v1/ViewColumn.tsx
+++ b/packages/desktop-client/src/icons/v1/ViewColumn.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgViewColumn = (props: SVGProps<SVGSVGElement>) => (
+export const SvgViewColumn = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgViewColumn = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgViewColumn;
diff --git a/packages/desktop-client/src/icons/v1/ViewHide.tsx b/packages/desktop-client/src/icons/v1/ViewHide.tsx
index c37a91e62ce..01f688f1da1 100644
--- a/packages/desktop-client/src/icons/v1/ViewHide.tsx
+++ b/packages/desktop-client/src/icons/v1/ViewHide.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgViewHide = (props: SVGProps<SVGSVGElement>) => (
+export const SvgViewHide = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgViewHide = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgViewHide;
diff --git a/packages/desktop-client/src/icons/v1/ViewList.tsx b/packages/desktop-client/src/icons/v1/ViewList.tsx
index 32d7a28d283..19b25a63727 100644
--- a/packages/desktop-client/src/icons/v1/ViewList.tsx
+++ b/packages/desktop-client/src/icons/v1/ViewList.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgViewList = (props: SVGProps<SVGSVGElement>) => (
+export const SvgViewList = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgViewList = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgViewList;
diff --git a/packages/desktop-client/src/icons/v1/ViewShow.tsx b/packages/desktop-client/src/icons/v1/ViewShow.tsx
index 13b76d9a63d..2772b5c6c74 100644
--- a/packages/desktop-client/src/icons/v1/ViewShow.tsx
+++ b/packages/desktop-client/src/icons/v1/ViewShow.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgViewShow = (props: SVGProps<SVGSVGElement>) => (
+export const SvgViewShow = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgViewShow = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgViewShow;
diff --git a/packages/desktop-client/src/icons/v1/ViewTile.tsx b/packages/desktop-client/src/icons/v1/ViewTile.tsx
index 2c978d4ef31..6389f96bd6d 100644
--- a/packages/desktop-client/src/icons/v1/ViewTile.tsx
+++ b/packages/desktop-client/src/icons/v1/ViewTile.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgViewTile = (props: SVGProps<SVGSVGElement>) => (
+export const SvgViewTile = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgViewTile = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgViewTile;
diff --git a/packages/desktop-client/src/icons/v1/VolumeDown.tsx b/packages/desktop-client/src/icons/v1/VolumeDown.tsx
index 222032882a7..26b449710b1 100644
--- a/packages/desktop-client/src/icons/v1/VolumeDown.tsx
+++ b/packages/desktop-client/src/icons/v1/VolumeDown.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgVolumeDown = (props: SVGProps<SVGSVGElement>) => (
+export const SvgVolumeDown = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgVolumeDown = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgVolumeDown;
diff --git a/packages/desktop-client/src/icons/v1/VolumeMute.tsx b/packages/desktop-client/src/icons/v1/VolumeMute.tsx
index 9a0f518d365..b880910cfa8 100644
--- a/packages/desktop-client/src/icons/v1/VolumeMute.tsx
+++ b/packages/desktop-client/src/icons/v1/VolumeMute.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgVolumeMute = (props: SVGProps<SVGSVGElement>) => (
+export const SvgVolumeMute = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -13,4 +13,3 @@ const SvgVolumeMute = (props: SVGProps<SVGSVGElement>) => (
     <path d="M9 7H5v6h4l5 5V2L9 7z" fill="currentColor" />
   </svg>
 );
-export default SvgVolumeMute;
diff --git a/packages/desktop-client/src/icons/v1/VolumeOff.tsx b/packages/desktop-client/src/icons/v1/VolumeOff.tsx
index 1e1e2e6883d..ec801a41a3d 100644
--- a/packages/desktop-client/src/icons/v1/VolumeOff.tsx
+++ b/packages/desktop-client/src/icons/v1/VolumeOff.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgVolumeOff = (props: SVGProps<SVGSVGElement>) => (
+export const SvgVolumeOff = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgVolumeOff = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgVolumeOff;
diff --git a/packages/desktop-client/src/icons/v1/VolumeUp.tsx b/packages/desktop-client/src/icons/v1/VolumeUp.tsx
index bd6a5a1cd96..7dbad9790fc 100644
--- a/packages/desktop-client/src/icons/v1/VolumeUp.tsx
+++ b/packages/desktop-client/src/icons/v1/VolumeUp.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgVolumeUp = (props: SVGProps<SVGSVGElement>) => (
+export const SvgVolumeUp = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgVolumeUp = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgVolumeUp;
diff --git a/packages/desktop-client/src/icons/v1/Wallet.tsx b/packages/desktop-client/src/icons/v1/Wallet.tsx
index 1f913720f3a..b34d7dcd0cc 100644
--- a/packages/desktop-client/src/icons/v1/Wallet.tsx
+++ b/packages/desktop-client/src/icons/v1/Wallet.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgWallet = (props: SVGProps<SVGSVGElement>) => (
+export const SvgWallet = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgWallet = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgWallet;
diff --git a/packages/desktop-client/src/icons/v1/Watch.tsx b/packages/desktop-client/src/icons/v1/Watch.tsx
index 484609ddc42..bbcd09eb191 100644
--- a/packages/desktop-client/src/icons/v1/Watch.tsx
+++ b/packages/desktop-client/src/icons/v1/Watch.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgWatch = (props: SVGProps<SVGSVGElement>) => (
+export const SvgWatch = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgWatch = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgWatch;
diff --git a/packages/desktop-client/src/icons/v1/Window.tsx b/packages/desktop-client/src/icons/v1/Window.tsx
index 08adb45abfd..364a85dcc7f 100644
--- a/packages/desktop-client/src/icons/v1/Window.tsx
+++ b/packages/desktop-client/src/icons/v1/Window.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgWindow = (props: SVGProps<SVGSVGElement>) => (
+export const SvgWindow = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgWindow = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgWindow;
diff --git a/packages/desktop-client/src/icons/v1/WindowNew.tsx b/packages/desktop-client/src/icons/v1/WindowNew.tsx
index 2f2f526e730..d43dfe150bf 100644
--- a/packages/desktop-client/src/icons/v1/WindowNew.tsx
+++ b/packages/desktop-client/src/icons/v1/WindowNew.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgWindowNew = (props: SVGProps<SVGSVGElement>) => (
+export const SvgWindowNew = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgWindowNew = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgWindowNew;
diff --git a/packages/desktop-client/src/icons/v1/WindowOpen.tsx b/packages/desktop-client/src/icons/v1/WindowOpen.tsx
index d88ef017032..ebd05db9585 100644
--- a/packages/desktop-client/src/icons/v1/WindowOpen.tsx
+++ b/packages/desktop-client/src/icons/v1/WindowOpen.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgWindowOpen = (props: SVGProps<SVGSVGElement>) => (
+export const SvgWindowOpen = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgWindowOpen = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgWindowOpen;
diff --git a/packages/desktop-client/src/icons/v1/Wrench.tsx b/packages/desktop-client/src/icons/v1/Wrench.tsx
index cab5a44e3af..18cf5da6971 100644
--- a/packages/desktop-client/src/icons/v1/Wrench.tsx
+++ b/packages/desktop-client/src/icons/v1/Wrench.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgWrench = (props: SVGProps<SVGSVGElement>) => (
+export const SvgWrench = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgWrench = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgWrench;
diff --git a/packages/desktop-client/src/icons/v1/YinYang.tsx b/packages/desktop-client/src/icons/v1/YinYang.tsx
index cae79efe1c2..2c8a05e462d 100644
--- a/packages/desktop-client/src/icons/v1/YinYang.tsx
+++ b/packages/desktop-client/src/icons/v1/YinYang.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgYinYang = (props: SVGProps<SVGSVGElement>) => (
+export const SvgYinYang = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -17,4 +17,3 @@ const SvgYinYang = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgYinYang;
diff --git a/packages/desktop-client/src/icons/v1/ZoomIn.tsx b/packages/desktop-client/src/icons/v1/ZoomIn.tsx
index a4ddf8d8430..c54337b4054 100644
--- a/packages/desktop-client/src/icons/v1/ZoomIn.tsx
+++ b/packages/desktop-client/src/icons/v1/ZoomIn.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgZoomIn = (props: SVGProps<SVGSVGElement>) => (
+export const SvgZoomIn = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -17,4 +17,3 @@ const SvgZoomIn = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgZoomIn;
diff --git a/packages/desktop-client/src/icons/v1/ZoomOut.tsx b/packages/desktop-client/src/icons/v1/ZoomOut.tsx
index b78dcc47d70..82c2f98acf1 100644
--- a/packages/desktop-client/src/icons/v1/ZoomOut.tsx
+++ b/packages/desktop-client/src/icons/v1/ZoomOut.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgZoomOut = (props: SVGProps<SVGSVGElement>) => (
+export const SvgZoomOut = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -17,4 +17,3 @@ const SvgZoomOut = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgZoomOut;
diff --git a/packages/desktop-client/src/icons/v1/index.ts b/packages/desktop-client/src/icons/v1/index.ts
index 4cf716cf43d..af80dcca3a5 100644
--- a/packages/desktop-client/src/icons/v1/index.ts
+++ b/packages/desktop-client/src/icons/v1/index.ts
@@ -1,310 +1,310 @@
-export { default as AddOutline } from './AddOutline';
-export { default as AddSolid } from './AddSolid';
-export { default as Add } from './Add';
-export { default as Adjust } from './Adjust';
-export { default as Airplane } from './Airplane';
-export { default as Album } from './Album';
-export { default as AlignCenter } from './AlignCenter';
-export { default as AlignJustified } from './AlignJustified';
-export { default as AlignLeft } from './AlignLeft';
-export { default as AlignRight } from './AlignRight';
-export { default as Anchor } from './Anchor';
-export { default as Announcement } from './Announcement';
-export { default as Apparel } from './Apparel';
-export { default as ArrowDown } from './ArrowDown';
-export { default as ArrowLeft } from './ArrowLeft';
-export { default as ArrowOutlineDown } from './ArrowOutlineDown';
-export { default as ArrowOutlineLeft } from './ArrowOutlineLeft';
-export { default as ArrowOutlineRight } from './ArrowOutlineRight';
-export { default as ArrowOutlineUp } from './ArrowOutlineUp';
-export { default as ArrowRight } from './ArrowRight';
-export { default as ArrowThickDown } from './ArrowThickDown';
-export { default as ArrowThickLeft } from './ArrowThickLeft';
-export { default as ArrowThickRight } from './ArrowThickRight';
-export { default as ArrowThickUp } from './ArrowThickUp';
-export { default as ArrowThinDown } from './ArrowThinDown';
-export { default as ArrowThinLeft } from './ArrowThinLeft';
-export { default as ArrowThinRight } from './ArrowThinRight';
-export { default as ArrowThinUp } from './ArrowThinUp';
-export { default as ArrowUp } from './ArrowUp';
-export { default as Artist } from './Artist';
-export { default as AtSymbol } from './AtSymbol';
-export { default as Attachment } from './Attachment';
-export { default as Backspace } from './Backspace';
-export { default as BackwardStep } from './BackwardStep';
-export { default as Backward } from './Backward';
-export { default as Badge } from './Badge';
-export { default as BatteryFull } from './BatteryFull';
-export { default as BatteryHalf } from './BatteryHalf';
-export { default as BatteryLow } from './BatteryLow';
-export { default as Beverage } from './Beverage';
-export { default as Block } from './Block';
-export { default as Bluetooth } from './Bluetooth';
-export { default as Bolt } from './Bolt';
-export { default as BookReference } from './BookReference';
-export { default as BookmarkCopy2 } from './BookmarkCopy2';
-export { default as BookmarkCopy3 } from './BookmarkCopy3';
-export { default as BookmarkOutlineAdd } from './BookmarkOutlineAdd';
-export { default as BookmarkOutline } from './BookmarkOutline';
-export { default as Bookmark } from './Bookmark';
-export { default as BorderAll } from './BorderAll';
-export { default as BorderBottom } from './BorderBottom';
-export { default as BorderHorizontal } from './BorderHorizontal';
-export { default as BorderInner } from './BorderInner';
-export { default as BorderLeft } from './BorderLeft';
-export { default as BorderNone } from './BorderNone';
-export { default as BorderOuter } from './BorderOuter';
-export { default as BorderRight } from './BorderRight';
-export { default as BorderTop } from './BorderTop';
-export { default as BorderVertical } from './BorderVertical';
-export { default as Box } from './Box';
-export { default as BrightnessDown } from './BrightnessDown';
-export { default as BrightnessUp } from './BrightnessUp';
-export { default as BrowserWindowNew } from './BrowserWindowNew';
-export { default as BrowserWindowOpen } from './BrowserWindowOpen';
-export { default as BrowserWindow } from './BrowserWindow';
-export { default as Bug } from './Bug';
-export { default as Buoy } from './Buoy';
-export { default as Calculator } from './Calculator';
-export { default as Calendar } from './Calendar';
-export { default as Camera } from './Camera';
-export { default as ChartBar } from './ChartBar';
-export { default as ChartPie } from './ChartPie';
-export { default as Chart } from './Chart';
-export { default as ChatBubbleDots } from './ChatBubbleDots';
-export { default as CheckAlternative } from './CheckAlternative';
-export { default as CheckmarkOutline } from './CheckmarkOutline';
-export { default as Checkmark } from './Checkmark';
-export { default as CheveronDown } from './CheveronDown';
-export { default as CheveronLeft } from './CheveronLeft';
-export { default as CheveronOutlineDown } from './CheveronOutlineDown';
-export { default as CheveronOutlineLeft } from './CheveronOutlineLeft';
-export { default as CheveronOutlineRight } from './CheveronOutlineRight';
-export { default as CheveronOutlineUp } from './CheveronOutlineUp';
-export { default as CheveronRight } from './CheveronRight';
-export { default as CheveronUp } from './CheveronUp';
-export { default as Clipboard } from './Clipboard';
-export { default as CloseOutline } from './CloseOutline';
-export { default as CloseSolid } from './CloseSolid';
-export { default as Close } from './Close';
-export { default as CloudCheck } from './CloudCheck';
-export { default as CloudDownload } from './CloudDownload';
-export { default as CloudUpload } from './CloudUpload';
-export { default as CloudWarning } from './CloudWarning';
-export { default as Cloud } from './Cloud';
-export { default as Code } from './Code';
-export { default as Coffee } from './Coffee';
-export { default as Cog } from './Cog';
-export { default as ColorPalette } from './ColorPalette';
-export { default as Compose } from './Compose';
-export { default as ComputerDesktop } from './ComputerDesktop';
-export { default as ComputerLaptop } from './ComputerLaptop';
-export { default as Conversation } from './Conversation';
-export { default as Copy } from './Copy';
-export { default as CreditCard } from './CreditCard';
-export { default as CurrencyDollar } from './CurrencyDollar';
-export { default as Dashboard } from './Dashboard';
-export { default as DateAdd } from './DateAdd';
-export { default as DialPad } from './DialPad';
-export { default as Directions } from './Directions';
-export { default as DocumentAdd } from './DocumentAdd';
-export { default as Document } from './Document';
-export { default as DotsHorizontalDouble } from './DotsHorizontalDouble';
-export { default as DotsHorizontalTriple } from './DotsHorizontalTriple';
-export { default as Download } from './Download';
-export { default as Duplicate } from './Duplicate';
-export { default as EditCopy } from './EditCopy';
-export { default as EditCrop } from './EditCrop';
-export { default as EditCut } from './EditCut';
-export { default as EditPencil } from './EditPencil';
-export { default as Education } from './Education';
-export { default as Envelope } from './Envelope';
-export { default as Equals } from './Equals';
-export { default as ExclamationOutline } from './ExclamationOutline';
-export { default as ExclamationSolid } from './ExclamationSolid';
-export { default as Explore } from './Explore';
-export { default as Factory } from './Factory';
-export { default as FastForward } from './FastForward';
-export { default as FastRewind } from './FastRewind';
-export { default as FileDouble } from './FileDouble';
-export { default as Film } from './Film';
-export { default as Filter } from './Filter';
-export { default as Flag } from './Flag';
-export { default as Flashlight } from './Flashlight';
-export { default as FolderOutlineAdd } from './FolderOutlineAdd';
-export { default as FolderOutline } from './FolderOutline';
-export { default as Folder } from './Folder';
-export { default as FormatBold } from './FormatBold';
-export { default as FormatFontSize } from './FormatFontSize';
-export { default as FormatItalic } from './FormatItalic';
-export { default as FormatTextSize } from './FormatTextSize';
-export { default as FormatUnderline } from './FormatUnderline';
-export { default as ForwardStep } from './ForwardStep';
-export { default as Forward } from './Forward';
-export { default as Gift } from './Gift';
-export { default as Globe } from './Globe';
-export { default as HandStop } from './HandStop';
-export { default as HardDrive } from './HardDrive';
-export { default as Headphones } from './Headphones';
-export { default as Heart } from './Heart';
-export { default as Home } from './Home';
-export { default as Hot } from './Hot';
-export { default as HourGlass } from './HourGlass';
-export { default as InboxCheck } from './InboxCheck';
-export { default as InboxDownload } from './InboxDownload';
-export { default as InboxFull } from './InboxFull';
-export { default as Inbox } from './Inbox';
-export { default as IndentDecrease } from './IndentDecrease';
-export { default as IndentIncrease } from './IndentIncrease';
-export { default as InformationOutline } from './InformationOutline';
-export { default as InformationSolid } from './InformationSolid';
-export { default as Key } from './Key';
-export { default as Keyboard } from './Keyboard';
-export { default as Layers } from './Layers';
-export { default as Library } from './Library';
-export { default as LightBulb } from './LightBulb';
-export { default as Link } from './Link';
-export { default as ListAdd } from './ListAdd';
-export { default as ListBullet } from './ListBullet';
-export { default as List } from './List';
-export { default as LoadBalancer } from './LoadBalancer';
-export { default as LocationCurrent } from './LocationCurrent';
-export { default as LocationFood } from './LocationFood';
-export { default as LocationGasStation } from './LocationGasStation';
-export { default as LocationHotel } from './LocationHotel';
-export { default as LocationMarina } from './LocationMarina';
-export { default as LocationPark } from './LocationPark';
-export { default as LocationRestroom } from './LocationRestroom';
-export { default as LocationShopping } from './LocationShopping';
-export { default as Location } from './Location';
-export { default as LockClosed } from './LockClosed';
-export { default as LockOpen } from './LockOpen';
-export { default as Map } from './Map';
-export { default as Menu } from './Menu';
-export { default as Mic } from './Mic';
-export { default as MinusOutline } from './MinusOutline';
-export { default as MinusSolid } from './MinusSolid';
-export { default as MobileDevices } from './MobileDevices';
-export { default as MoneyBag } from './MoneyBag';
-export { default as MoodHappyOutline } from './MoodHappyOutline';
-export { default as MoodHappySolid } from './MoodHappySolid';
-export { default as MoodNeutralOutline } from './MoodNeutralOutline';
-export { default as MoodNeutralSolid } from './MoodNeutralSolid';
-export { default as MoodSadOutline } from './MoodSadOutline';
-export { default as MoodSadSolid } from './MoodSadSolid';
-export { default as Mouse } from './Mouse';
-export { default as MoveBack } from './MoveBack';
-export { default as MusicAlbum } from './MusicAlbum';
-export { default as MusicArtist } from './MusicArtist';
-export { default as MusicNotes } from './MusicNotes';
-export { default as MusicPlaylist } from './MusicPlaylist';
-export { default as NavigationMore } from './NavigationMore';
-export { default as Network } from './Network';
-export { default as NewsPaper } from './NewsPaper';
-export { default as Notification } from './Notification';
-export { default as NotificationsOutline } from './NotificationsOutline';
-export { default as Notifications } from './Notifications';
-export { default as Paste } from './Paste';
-export { default as PauseOutline } from './PauseOutline';
-export { default as PauseSolid } from './PauseSolid';
-export { default as Pause } from './Pause';
-export { default as PenTool } from './PenTool';
-export { default as PencilWrite } from './PencilWrite';
-export { default as Phone } from './Phone';
-export { default as Photo } from './Photo';
-export { default as PhpElephant } from './PhpElephant';
-export { default as PiggyBank } from './PiggyBank';
-export { default as Pin } from './Pin';
-export { default as PlayOutline } from './PlayOutline';
-export { default as Play } from './Play';
-export { default as Playlist } from './Playlist';
-export { default as Plugin } from './Plugin';
-export { default as Portfolio } from './Portfolio';
-export { default as Printer } from './Printer';
-export { default as Pylon } from './Pylon';
-export { default as Question } from './Question';
-export { default as Queue } from './Queue';
-export { default as RadarCopy2 } from './RadarCopy2';
-export { default as Radar } from './Radar';
-export { default as Radio } from './Radio';
-export { default as Refresh } from './Refresh';
-export { default as Reload } from './Reload';
-export { default as ReplyAll } from './ReplyAll';
-export { default as Reply } from './Reply';
-export { default as Reports } from './Reports';
-export { default as Repost } from './Repost';
-export { default as SaveDisk } from './SaveDisk';
-export { default as ScreenFull } from './ScreenFull';
-export { default as Search } from './Search';
-export { default as Send } from './Send';
-export { default as Servers } from './Servers';
-export { default as Share01 } from './Share01';
-export { default as ShareAlt } from './ShareAlt';
-export { default as Share } from './Share';
-export { default as Shield } from './Shield';
-export { default as ShoppingCart } from './ShoppingCart';
-export { default as ShowSidebar } from './ShowSidebar';
-export { default as Shuffle } from './Shuffle';
-export { default as StandBy } from './StandBy';
-export { default as StarFull } from './StarFull';
-export { default as Station } from './Station';
-export { default as StepBackward } from './StepBackward';
-export { default as StepForward } from './StepForward';
-export { default as Stethoscope } from './Stethoscope';
-export { default as StoreFront } from './StoreFront';
-export { default as StrokeWidth } from './StrokeWidth';
-export { default as SubdirectoryLeft } from './SubdirectoryLeft';
-export { default as SubdirectoryRight } from './SubdirectoryRight';
-export { default as Subtract } from './Subtract';
-export { default as Swap } from './Swap';
-export { default as Tablet } from './Tablet';
-export { default as Tag } from './Tag';
-export { default as Target } from './Target';
-export { default as TextBox } from './TextBox';
-export { default as TextDecoration } from './TextDecoration';
-export { default as Thermometer } from './Thermometer';
-export { default as ThumbsDown } from './ThumbsDown';
-export { default as ThumbsUp } from './ThumbsUp';
-export { default as Ticket } from './Ticket';
-export { default as Time } from './Time';
-export { default as Timer } from './Timer';
-export { default as ToolsCopy } from './ToolsCopy';
-export { default as Translate } from './Translate';
-export { default as Trash } from './Trash';
-export { default as TravelBus } from './TravelBus';
-export { default as TravelCar } from './TravelCar';
-export { default as TravelCase } from './TravelCase';
-export { default as TravelTaxiCab } from './TravelTaxiCab';
-export { default as TravelTrain } from './TravelTrain';
-export { default as TravelWalk } from './TravelWalk';
-export { default as Travel } from './Travel';
-export { default as Trophy } from './Trophy';
-export { default as Tuning } from './Tuning';
-export { default as Upload } from './Upload';
-export { default as Usb } from './Usb';
-export { default as UserAdd } from './UserAdd';
-export { default as UserGroup } from './UserGroup';
-export { default as UserSolidCircle } from './UserSolidCircle';
-export { default as UserSolidSquare } from './UserSolidSquare';
-export { default as User } from './User';
-export { default as Vector } from './Vector';
-export { default as VideoCamera } from './VideoCamera';
-export { default as ViewCarousel } from './ViewCarousel';
-export { default as ViewColumn } from './ViewColumn';
-export { default as ViewHide } from './ViewHide';
-export { default as ViewList } from './ViewList';
-export { default as ViewShow } from './ViewShow';
-export { default as ViewTile } from './ViewTile';
-export { default as VolumeDown } from './VolumeDown';
-export { default as VolumeMute } from './VolumeMute';
-export { default as VolumeOff } from './VolumeOff';
-export { default as VolumeUp } from './VolumeUp';
-export { default as Wallet } from './Wallet';
-export { default as Watch } from './Watch';
-export { default as WindowNew } from './WindowNew';
-export { default as WindowOpen } from './WindowOpen';
-export { default as Window } from './Window';
-export { default as Wrench } from './Wrench';
-export { default as YinYang } from './YinYang';
-export { default as ZoomIn } from './ZoomIn';
-export { default as ZoomOut } from './ZoomOut';
+export { SvgAddOutline } from './AddOutline';
+export { SvgAddSolid } from './AddSolid';
+export { SvgAdd } from './Add';
+export { SvgAdjust } from './Adjust';
+export { SvgAirplane } from './Airplane';
+export { SvgAlbum } from './Album';
+export { SvgAlignCenter } from './AlignCenter';
+export { SvgAlignJustified } from './AlignJustified';
+export { SvgAlignLeft } from './AlignLeft';
+export { SvgAlignRight } from './AlignRight';
+export { SvgAnchor } from './Anchor';
+export { SvgAnnouncement } from './Announcement';
+export { SvgApparel } from './Apparel';
+export { SvgArrowDown } from './ArrowDown';
+export { SvgArrowLeft } from './ArrowLeft';
+export { SvgArrowOutlineDown } from './ArrowOutlineDown';
+export { SvgArrowOutlineLeft } from './ArrowOutlineLeft';
+export { SvgArrowOutlineRight } from './ArrowOutlineRight';
+export { SvgArrowOutlineUp } from './ArrowOutlineUp';
+export { SvgArrowRight } from './ArrowRight';
+export { SvgArrowThickDown } from './ArrowThickDown';
+export { SvgArrowThickLeft } from './ArrowThickLeft';
+export { SvgArrowThickRight } from './ArrowThickRight';
+export { SvgArrowThickUp } from './ArrowThickUp';
+export { SvgArrowThinDown } from './ArrowThinDown';
+export { SvgArrowThinLeft } from './ArrowThinLeft';
+export { SvgArrowThinRight } from './ArrowThinRight';
+export { SvgArrowThinUp } from './ArrowThinUp';
+export { SvgArrowUp } from './ArrowUp';
+export { SvgArtist } from './Artist';
+export { SvgAtSymbol } from './AtSymbol';
+export { SvgAttachment } from './Attachment';
+export { SvgBackspace } from './Backspace';
+export { SvgBackwardStep } from './BackwardStep';
+export { SvgBackward } from './Backward';
+export { SvgBadge } from './Badge';
+export { SvgBatteryFull } from './BatteryFull';
+export { SvgBatteryHalf } from './BatteryHalf';
+export { SvgBatteryLow } from './BatteryLow';
+export { SvgBeverage } from './Beverage';
+export { SvgBlock } from './Block';
+export { SvgBluetooth } from './Bluetooth';
+export { SvgBolt } from './Bolt';
+export { SvgBookReference } from './BookReference';
+export { SvgBookmarkCopy2 } from './BookmarkCopy2';
+export { SvgBookmarkCopy3 } from './BookmarkCopy3';
+export { SvgBookmarkOutlineAdd } from './BookmarkOutlineAdd';
+export { SvgBookmarkOutline } from './BookmarkOutline';
+export { SvgBookmark } from './Bookmark';
+export { SvgBorderAll } from './BorderAll';
+export { SvgBorderBottom } from './BorderBottom';
+export { SvgBorderHorizontal } from './BorderHorizontal';
+export { SvgBorderInner } from './BorderInner';
+export { SvgBorderLeft } from './BorderLeft';
+export { SvgBorderNone } from './BorderNone';
+export { SvgBorderOuter } from './BorderOuter';
+export { SvgBorderRight } from './BorderRight';
+export { SvgBorderTop } from './BorderTop';
+export { SvgBorderVertical } from './BorderVertical';
+export { SvgBox } from './Box';
+export { SvgBrightnessDown } from './BrightnessDown';
+export { SvgBrightnessUp } from './BrightnessUp';
+export { SvgBrowserWindowNew } from './BrowserWindowNew';
+export { SvgBrowserWindowOpen } from './BrowserWindowOpen';
+export { SvgBrowserWindow } from './BrowserWindow';
+export { SvgBug } from './Bug';
+export { SvgBuoy } from './Buoy';
+export { SvgCalculator } from './Calculator';
+export { SvgCalendar } from './Calendar';
+export { SvgCamera } from './Camera';
+export { SvgChartBar } from './ChartBar';
+export { SvgChartPie } from './ChartPie';
+export { SvgChart } from './Chart';
+export { SvgChatBubbleDots } from './ChatBubbleDots';
+export { SvgCheckAlternative } from './CheckAlternative';
+export { SvgCheckmarkOutline } from './CheckmarkOutline';
+export { SvgCheckmark } from './Checkmark';
+export { SvgCheveronDown } from './CheveronDown';
+export { SvgCheveronLeft } from './CheveronLeft';
+export { SvgCheveronOutlineDown } from './CheveronOutlineDown';
+export { SvgCheveronOutlineLeft } from './CheveronOutlineLeft';
+export { SvgCheveronOutlineRight } from './CheveronOutlineRight';
+export { SvgCheveronOutlineUp } from './CheveronOutlineUp';
+export { SvgCheveronRight } from './CheveronRight';
+export { SvgCheveronUp } from './CheveronUp';
+export { SvgClipboard } from './Clipboard';
+export { SvgCloseOutline } from './CloseOutline';
+export { SvgCloseSolid } from './CloseSolid';
+export { SvgClose } from './Close';
+export { SvgCloudCheck } from './CloudCheck';
+export { SvgCloudDownload } from './CloudDownload';
+export { SvgCloudUpload } from './CloudUpload';
+export { SvgCloudWarning } from './CloudWarning';
+export { SvgCloud } from './Cloud';
+export { SvgCode } from './Code';
+export { SvgCoffee } from './Coffee';
+export { SvgCog } from './Cog';
+export { SvgColorPalette } from './ColorPalette';
+export { SvgCompose } from './Compose';
+export { SvgComputerDesktop } from './ComputerDesktop';
+export { SvgComputerLaptop } from './ComputerLaptop';
+export { SvgConversation } from './Conversation';
+export { SvgCopy } from './Copy';
+export { SvgCreditCard } from './CreditCard';
+export { SvgCurrencyDollar } from './CurrencyDollar';
+export { SvgDashboard } from './Dashboard';
+export { SvgDateAdd } from './DateAdd';
+export { SvgDialPad } from './DialPad';
+export { SvgDirections } from './Directions';
+export { SvgDocumentAdd } from './DocumentAdd';
+export { SvgDocument } from './Document';
+export { SvgDotsHorizontalDouble } from './DotsHorizontalDouble';
+export { SvgDotsHorizontalTriple } from './DotsHorizontalTriple';
+export { SvgDownload } from './Download';
+export { SvgDuplicate } from './Duplicate';
+export { SvgEditCopy } from './EditCopy';
+export { SvgEditCrop } from './EditCrop';
+export { SvgEditCut } from './EditCut';
+export { SvgEditPencil } from './EditPencil';
+export { SvgEducation } from './Education';
+export { SvgEnvelope } from './Envelope';
+export { SvgEquals } from './Equals';
+export { SvgExclamationOutline } from './ExclamationOutline';
+export { SvgExclamationSolid } from './ExclamationSolid';
+export { SvgExplore } from './Explore';
+export { SvgFactory } from './Factory';
+export { SvgFastForward } from './FastForward';
+export { SvgFastRewind } from './FastRewind';
+export { SvgFileDouble } from './FileDouble';
+export { SvgFilm } from './Film';
+export { SvgFilter } from './Filter';
+export { SvgFlag } from './Flag';
+export { SvgFlashlight } from './Flashlight';
+export { SvgFolderOutlineAdd } from './FolderOutlineAdd';
+export { SvgFolderOutline } from './FolderOutline';
+export { SvgFolder } from './Folder';
+export { SvgFormatBold } from './FormatBold';
+export { SvgFormatFontSize } from './FormatFontSize';
+export { SvgFormatItalic } from './FormatItalic';
+export { SvgFormatTextSize } from './FormatTextSize';
+export { SvgFormatUnderline } from './FormatUnderline';
+export { SvgForwardStep } from './ForwardStep';
+export { SvgForward } from './Forward';
+export { SvgGift } from './Gift';
+export { SvgGlobe } from './Globe';
+export { SvgHandStop } from './HandStop';
+export { SvgHardDrive } from './HardDrive';
+export { SvgHeadphones } from './Headphones';
+export { SvgHeart } from './Heart';
+export { SvgHome } from './Home';
+export { SvgHot } from './Hot';
+export { SvgHourGlass } from './HourGlass';
+export { SvgInboxCheck } from './InboxCheck';
+export { SvgInboxDownload } from './InboxDownload';
+export { SvgInboxFull } from './InboxFull';
+export { SvgInbox } from './Inbox';
+export { SvgIndentDecrease } from './IndentDecrease';
+export { SvgIndentIncrease } from './IndentIncrease';
+export { SvgInformationOutline } from './InformationOutline';
+export { SvgInformationSolid } from './InformationSolid';
+export { SvgKey } from './Key';
+export { SvgKeyboard } from './Keyboard';
+export { SvgLayers } from './Layers';
+export { SvgLibrary } from './Library';
+export { SvgLightBulb } from './LightBulb';
+export { SvgLink } from './Link';
+export { SvgListAdd } from './ListAdd';
+export { SvgListBullet } from './ListBullet';
+export { SvgList } from './List';
+export { SvgLoadBalancer } from './LoadBalancer';
+export { SvgLocationCurrent } from './LocationCurrent';
+export { SvgLocationFood } from './LocationFood';
+export { SvgLocationGasStation } from './LocationGasStation';
+export { SvgLocationHotel } from './LocationHotel';
+export { SvgLocationMarina } from './LocationMarina';
+export { SvgLocationPark } from './LocationPark';
+export { SvgLocationRestroom } from './LocationRestroom';
+export { SvgLocationShopping } from './LocationShopping';
+export { SvgLocation } from './Location';
+export { SvgLockClosed } from './LockClosed';
+export { SvgLockOpen } from './LockOpen';
+export { SvgMap } from './Map';
+export { SvgMenu } from './Menu';
+export { SvgMic } from './Mic';
+export { SvgMinusOutline } from './MinusOutline';
+export { SvgMinusSolid } from './MinusSolid';
+export { SvgMobileDevices } from './MobileDevices';
+export { SvgMoneyBag } from './MoneyBag';
+export { SvgMoodHappyOutline } from './MoodHappyOutline';
+export { SvgMoodHappySolid } from './MoodHappySolid';
+export { SvgMoodNeutralOutline } from './MoodNeutralOutline';
+export { SvgMoodNeutralSolid } from './MoodNeutralSolid';
+export { SvgMoodSadOutline } from './MoodSadOutline';
+export { SvgMoodSadSolid } from './MoodSadSolid';
+export { SvgMouse } from './Mouse';
+export { SvgMoveBack } from './MoveBack';
+export { SvgMusicAlbum } from './MusicAlbum';
+export { SvgMusicArtist } from './MusicArtist';
+export { SvgMusicNotes } from './MusicNotes';
+export { SvgMusicPlaylist } from './MusicPlaylist';
+export { SvgNavigationMore } from './NavigationMore';
+export { SvgNetwork } from './Network';
+export { SvgNewsPaper } from './NewsPaper';
+export { SvgNotification } from './Notification';
+export { SvgNotificationsOutline } from './NotificationsOutline';
+export { SvgNotifications } from './Notifications';
+export { SvgPaste } from './Paste';
+export { SvgPauseOutline } from './PauseOutline';
+export { SvgPauseSolid } from './PauseSolid';
+export { SvgPause } from './Pause';
+export { SvgPenTool } from './PenTool';
+export { SvgPencilWrite } from './PencilWrite';
+export { SvgPhone } from './Phone';
+export { SvgPhoto } from './Photo';
+export { SvgPhpElephant } from './PhpElephant';
+export { SvgPiggyBank } from './PiggyBank';
+export { SvgPin } from './Pin';
+export { SvgPlayOutline } from './PlayOutline';
+export { SvgPlay } from './Play';
+export { SvgPlaylist } from './Playlist';
+export { SvgPlugin } from './Plugin';
+export { SvgPortfolio } from './Portfolio';
+export { SvgPrinter } from './Printer';
+export { SvgPylon } from './Pylon';
+export { SvgQuestion } from './Question';
+export { SvgQueue } from './Queue';
+export { SvgRadarCopy2 } from './RadarCopy2';
+export { SvgRadar } from './Radar';
+export { SvgRadio } from './Radio';
+export { SvgRefresh } from './Refresh';
+export { SvgReload } from './Reload';
+export { SvgReplyAll } from './ReplyAll';
+export { SvgReply } from './Reply';
+export { SvgReports } from './Reports';
+export { SvgRepost } from './Repost';
+export { SvgSaveDisk } from './SaveDisk';
+export { SvgScreenFull } from './ScreenFull';
+export { SvgSearch } from './Search';
+export { SvgSend } from './Send';
+export { SvgServers } from './Servers';
+export { SvgShare01 } from './Share01';
+export { SvgShareAlt } from './ShareAlt';
+export { SvgShare } from './Share';
+export { SvgShield } from './Shield';
+export { SvgShoppingCart } from './ShoppingCart';
+export { SvgShowSidebar } from './ShowSidebar';
+export { SvgShuffle } from './Shuffle';
+export { SvgStandBy } from './StandBy';
+export { SvgStarFull } from './StarFull';
+export { SvgStation } from './Station';
+export { SvgStepBackward } from './StepBackward';
+export { SvgStepForward } from './StepForward';
+export { SvgStethoscope } from './Stethoscope';
+export { SvgStoreFront } from './StoreFront';
+export { SvgStrokeWidth } from './StrokeWidth';
+export { SvgSubdirectoryLeft } from './SubdirectoryLeft';
+export { SvgSubdirectoryRight } from './SubdirectoryRight';
+export { SvgSubtract } from './Subtract';
+export { SvgSwap } from './Swap';
+export { SvgTablet } from './Tablet';
+export { SvgTag } from './Tag';
+export { SvgTarget } from './Target';
+export { SvgTextBox } from './TextBox';
+export { SvgTextDecoration } from './TextDecoration';
+export { SvgThermometer } from './Thermometer';
+export { SvgThumbsDown } from './ThumbsDown';
+export { SvgThumbsUp } from './ThumbsUp';
+export { SvgTicket } from './Ticket';
+export { SvgTime } from './Time';
+export { SvgTimer } from './Timer';
+export { SvgToolsCopy } from './ToolsCopy';
+export { SvgTranslate } from './Translate';
+export { SvgTrash } from './Trash';
+export { SvgTravelBus } from './TravelBus';
+export { SvgTravelCar } from './TravelCar';
+export { SvgTravelCase } from './TravelCase';
+export { SvgTravelTaxiCab } from './TravelTaxiCab';
+export { SvgTravelTrain } from './TravelTrain';
+export { SvgTravelWalk } from './TravelWalk';
+export { SvgTravel } from './Travel';
+export { SvgTrophy } from './Trophy';
+export { SvgTuning } from './Tuning';
+export { SvgUpload } from './Upload';
+export { SvgUsb } from './Usb';
+export { SvgUserAdd } from './UserAdd';
+export { SvgUserGroup } from './UserGroup';
+export { SvgUserSolidCircle } from './UserSolidCircle';
+export { SvgUserSolidSquare } from './UserSolidSquare';
+export { SvgUser } from './User';
+export { SvgVector } from './Vector';
+export { SvgVideoCamera } from './VideoCamera';
+export { SvgViewCarousel } from './ViewCarousel';
+export { SvgViewColumn } from './ViewColumn';
+export { SvgViewHide } from './ViewHide';
+export { SvgViewList } from './ViewList';
+export { SvgViewShow } from './ViewShow';
+export { SvgViewTile } from './ViewTile';
+export { SvgVolumeDown } from './VolumeDown';
+export { SvgVolumeMute } from './VolumeMute';
+export { SvgVolumeOff } from './VolumeOff';
+export { SvgVolumeUp } from './VolumeUp';
+export { SvgWallet } from './Wallet';
+export { SvgWatch } from './Watch';
+export { SvgWindowNew } from './WindowNew';
+export { SvgWindowOpen } from './WindowOpen';
+export { SvgWindow } from './Window';
+export { SvgWrench } from './Wrench';
+export { SvgYinYang } from './YinYang';
+export { SvgZoomIn } from './ZoomIn';
+export { SvgZoomOut } from './ZoomOut';
diff --git a/packages/desktop-client/src/icons/v2/AlertTriangle.tsx b/packages/desktop-client/src/icons/v2/AlertTriangle.tsx
index 4d4138e79ec..b019795c79a 100644
--- a/packages/desktop-client/src/icons/v2/AlertTriangle.tsx
+++ b/packages/desktop-client/src/icons/v2/AlertTriangle.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgAlertTriangle = (props: SVGProps<SVGSVGElement>) => (
+export const SvgAlertTriangle = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgAlertTriangle = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgAlertTriangle;
diff --git a/packages/desktop-client/src/icons/v2/ArrowButtonDown1.tsx b/packages/desktop-client/src/icons/v2/ArrowButtonDown1.tsx
index 2e8dabbabd3..1ca31cf617b 100644
--- a/packages/desktop-client/src/icons/v2/ArrowButtonDown1.tsx
+++ b/packages/desktop-client/src/icons/v2/ArrowButtonDown1.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgArrowButtonDown1 = (props: SVGProps<SVGSVGElement>) => (
+export const SvgArrowButtonDown1 = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -20,4 +20,3 @@ const SvgArrowButtonDown1 = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgArrowButtonDown1;
diff --git a/packages/desktop-client/src/icons/v2/ArrowButtonLeft1.tsx b/packages/desktop-client/src/icons/v2/ArrowButtonLeft1.tsx
index f9cdf4f45ac..beeae0f6425 100644
--- a/packages/desktop-client/src/icons/v2/ArrowButtonLeft1.tsx
+++ b/packages/desktop-client/src/icons/v2/ArrowButtonLeft1.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgArrowButtonLeft1 = (props: SVGProps<SVGSVGElement>) => (
+export const SvgArrowButtonLeft1 = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -20,4 +20,3 @@ const SvgArrowButtonLeft1 = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgArrowButtonLeft1;
diff --git a/packages/desktop-client/src/icons/v2/ArrowButtonRight1.tsx b/packages/desktop-client/src/icons/v2/ArrowButtonRight1.tsx
index 83437d666da..da19165ad08 100644
--- a/packages/desktop-client/src/icons/v2/ArrowButtonRight1.tsx
+++ b/packages/desktop-client/src/icons/v2/ArrowButtonRight1.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgArrowButtonRight1 = (props: SVGProps<SVGSVGElement>) => (
+export const SvgArrowButtonRight1 = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -20,4 +20,3 @@ const SvgArrowButtonRight1 = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgArrowButtonRight1;
diff --git a/packages/desktop-client/src/icons/v2/ArrowButtonUp1.tsx b/packages/desktop-client/src/icons/v2/ArrowButtonUp1.tsx
index a9fb1677ac1..757bbb0ec7f 100644
--- a/packages/desktop-client/src/icons/v2/ArrowButtonUp1.tsx
+++ b/packages/desktop-client/src/icons/v2/ArrowButtonUp1.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgArrowButtonUp1 = (props: SVGProps<SVGSVGElement>) => (
+export const SvgArrowButtonUp1 = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -20,4 +20,3 @@ const SvgArrowButtonUp1 = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgArrowButtonUp1;
diff --git a/packages/desktop-client/src/icons/v2/ArrowsExpand3.tsx b/packages/desktop-client/src/icons/v2/ArrowsExpand3.tsx
index fbc9bb643a5..fd98a941b9b 100644
--- a/packages/desktop-client/src/icons/v2/ArrowsExpand3.tsx
+++ b/packages/desktop-client/src/icons/v2/ArrowsExpand3.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgArrowsExpand3 = (props: SVGProps<SVGSVGElement>) => (
+export const SvgArrowsExpand3 = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -17,4 +17,3 @@ const SvgArrowsExpand3 = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgArrowsExpand3;
diff --git a/packages/desktop-client/src/icons/v2/ArrowsShrink3.tsx b/packages/desktop-client/src/icons/v2/ArrowsShrink3.tsx
index 8c3e7b24734..1a9905625f2 100644
--- a/packages/desktop-client/src/icons/v2/ArrowsShrink3.tsx
+++ b/packages/desktop-client/src/icons/v2/ArrowsShrink3.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgArrowsShrink3 = (props: SVGProps<SVGSVGElement>) => (
+export const SvgArrowsShrink3 = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -17,4 +17,3 @@ const SvgArrowsShrink3 = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgArrowsShrink3;
diff --git a/packages/desktop-client/src/icons/v2/ArrowsSynchronize.tsx b/packages/desktop-client/src/icons/v2/ArrowsSynchronize.tsx
index bfd8b2bf636..06e15afc5c9 100644
--- a/packages/desktop-client/src/icons/v2/ArrowsSynchronize.tsx
+++ b/packages/desktop-client/src/icons/v2/ArrowsSynchronize.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgArrowsSynchronize = (props: SVGProps<SVGSVGElement>) => (
+export const SvgArrowsSynchronize = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -18,4 +18,3 @@ const SvgArrowsSynchronize = (props: SVGProps<SVGSVGElement>) => (
     </g>
   </svg>
 );
-export default SvgArrowsSynchronize;
diff --git a/packages/desktop-client/src/icons/v2/Calendar.tsx b/packages/desktop-client/src/icons/v2/Calendar.tsx
index 73d0d69346f..14b6e818395 100644
--- a/packages/desktop-client/src/icons/v2/Calendar.tsx
+++ b/packages/desktop-client/src/icons/v2/Calendar.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCalendar = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCalendar = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgCalendar = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCalendar;
diff --git a/packages/desktop-client/src/icons/v2/Calendar3.tsx b/packages/desktop-client/src/icons/v2/Calendar3.tsx
index 837497ee673..3fa28089d69 100644
--- a/packages/desktop-client/src/icons/v2/Calendar3.tsx
+++ b/packages/desktop-client/src/icons/v2/Calendar3.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCalendar3 = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCalendar3 = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -20,4 +20,3 @@ const SvgCalendar3 = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCalendar3;
diff --git a/packages/desktop-client/src/icons/v2/Check.tsx b/packages/desktop-client/src/icons/v2/Check.tsx
index ecdbc9d03ed..170941f3193 100644
--- a/packages/desktop-client/src/icons/v2/Check.tsx
+++ b/packages/desktop-client/src/icons/v2/Check.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCheck = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCheck = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgCheck = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCheck;
diff --git a/packages/desktop-client/src/icons/v2/CheckAll.tsx b/packages/desktop-client/src/icons/v2/CheckAll.tsx
index 69d0dc07965..83394d77cb6 100644
--- a/packages/desktop-client/src/icons/v2/CheckAll.tsx
+++ b/packages/desktop-client/src/icons/v2/CheckAll.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCheckAll = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCheckAll = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -11,9 +11,8 @@ const SvgCheckAll = (props: SVGProps<SVGSVGElement>) => (
     }}
   >
     <path
-      d="M 5 0 C 2.2545455 0 0 2.2545455 0 5 L 0 17 C 0 19.745455 2.2545455 22 5 22 L 17 22 C 19.745455 22 22 19.745455 22 17 L 22 5 C 22 2.2545455 19.745455 0 17 0 L 5 0 z M 5 2 L 17 2 C 18.654545 2 20 3.3454545 20 5 L 20 17 C 20 18.654545 18.654545 20 17 20 L 5 20 C 3.3454545 20 2 18.654545 2 17 L 2 5 C 2 3.3454545 3.3454545 2 5 2 z M 24 5.0253906 L 24 21 C 24 22.654 22.654 24 21 24 L 5.0253906 24 C 5.9383906 25.207 7.373 26 9 26 L 21 26 C 23.757 26 26 23.757 26 21 L 26 9 C 26 7.373 25.207 5.9383906 24 5.0253906 z M 15.173828 6.0058594 C 15.047953 6.0288594 14.932016 6.1013437 14.853516 6.2148438 L 10.072266 13.306641 L 7.9121094 11.146484 C 7.7171094 10.951484 7.4000781 10.951484 7.2050781 11.146484 L 6.1464844 12.207031 C 5.9514844 12.402031 5.9514844 12.719062 6.1464844 12.914062 L 9.3652344 16.134766 C 9.6012344 16.369766 9.92 16.5 10.25 16.5 C 10.287 16.5 10.324328 16.498141 10.361328 16.494141 C 10.730328 16.460141 11.067344 16.265937 11.277344 15.960938 L 16.910156 7.6347656 C 17.067156 7.4077656 17.010203 7.0964531 16.783203 6.9394531 L 15.548828 6.0878906 C 15.434828 6.0093906 15.299703 5.9828594 15.173828 6.0058594 z"
+      d="M5 0C2.255 0 0 2.255 0 5v12c0 2.745 2.255 5 5 5h12c2.745 0 5-2.255 5-5V5c0-2.745-2.255-5-5-5H5zm0 2h12c1.655 0 3 1.345 3 3v12c0 1.655-1.345 3-3 3H5c-1.655 0-3-1.345-3-3V5c0-1.655 1.345-3 3-3zm19 3.025V21c0 1.654-1.346 3-3 3H5.025c.913 1.207 2.348 2 3.975 2h12c2.757 0 5-2.243 5-5V9c0-1.627-.793-3.062-2-3.975zm-8.826.98a.498.498 0 0 0-.32.21l-4.782 7.092-2.16-2.16a.5.5 0 0 0-.707 0l-1.059 1.06a.5.5 0 0 0 0 .707l3.22 3.22a1.254 1.254 0 0 0 1.911-.173l5.633-8.326a.5.5 0 0 0-.127-.696l-1.234-.851a.502.502 0 0 0-.375-.082z"
       fill="currentColor"
     />
   </svg>
 );
-export default SvgCheckAll;
diff --git a/packages/desktop-client/src/icons/v2/CheckCircle1.tsx b/packages/desktop-client/src/icons/v2/CheckCircle1.tsx
index ab740bda34e..1c853500f07 100644
--- a/packages/desktop-client/src/icons/v2/CheckCircle1.tsx
+++ b/packages/desktop-client/src/icons/v2/CheckCircle1.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCheckCircle1 = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCheckCircle1 = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgCheckCircle1 = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCheckCircle1;
diff --git a/packages/desktop-client/src/icons/v2/CheckCircleHollow.tsx b/packages/desktop-client/src/icons/v2/CheckCircleHollow.tsx
index 7d7743fecce..034e34e185e 100644
--- a/packages/desktop-client/src/icons/v2/CheckCircleHollow.tsx
+++ b/packages/desktop-client/src/icons/v2/CheckCircleHollow.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCheckCircleHollow = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCheckCircleHollow = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgCheckCircleHollow = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCheckCircleHollow;
diff --git a/packages/desktop-client/src/icons/v2/CloudUnknown.tsx b/packages/desktop-client/src/icons/v2/CloudUnknown.tsx
index 5be3692abbe..248867e95e2 100644
--- a/packages/desktop-client/src/icons/v2/CloudUnknown.tsx
+++ b/packages/desktop-client/src/icons/v2/CloudUnknown.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCloudUnknown = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCloudUnknown = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -20,4 +20,3 @@ const SvgCloudUnknown = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCloudUnknown;
diff --git a/packages/desktop-client/src/icons/v2/CloudUpload.tsx b/packages/desktop-client/src/icons/v2/CloudUpload.tsx
index 3498694e3e8..ddf6fa91d21 100644
--- a/packages/desktop-client/src/icons/v2/CloudUpload.tsx
+++ b/packages/desktop-client/src/icons/v2/CloudUpload.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCloudUpload = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCloudUpload = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -20,4 +20,3 @@ const SvgCloudUpload = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCloudUpload;
diff --git a/packages/desktop-client/src/icons/v2/CustomNotesPaper.tsx b/packages/desktop-client/src/icons/v2/CustomNotesPaper.tsx
index 088f9ff0d69..bb9f6eb795d 100644
--- a/packages/desktop-client/src/icons/v2/CustomNotesPaper.tsx
+++ b/packages/desktop-client/src/icons/v2/CustomNotesPaper.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgCustomNotesPaper = (props: SVGProps<SVGSVGElement>) => (
+export const SvgCustomNotesPaper = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgCustomNotesPaper = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgCustomNotesPaper;
diff --git a/packages/desktop-client/src/icons/v2/DownloadThickBottom.tsx b/packages/desktop-client/src/icons/v2/DownloadThickBottom.tsx
index 5bc8061e4b8..116c67bda78 100644
--- a/packages/desktop-client/src/icons/v2/DownloadThickBottom.tsx
+++ b/packages/desktop-client/src/icons/v2/DownloadThickBottom.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgDownloadThickBottom = (props: SVGProps<SVGSVGElement>) => (
+export const SvgDownloadThickBottom = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -20,4 +20,3 @@ const SvgDownloadThickBottom = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgDownloadThickBottom;
diff --git a/packages/desktop-client/src/icons/v2/EditSkull1.tsx b/packages/desktop-client/src/icons/v2/EditSkull1.tsx
index 2017696c222..58997a5d549 100644
--- a/packages/desktop-client/src/icons/v2/EditSkull1.tsx
+++ b/packages/desktop-client/src/icons/v2/EditSkull1.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgEditSkull1 = (props: SVGProps<SVGSVGElement>) => (
+export const SvgEditSkull1 = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgEditSkull1 = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgEditSkull1;
diff --git a/packages/desktop-client/src/icons/v2/FavoriteStar.tsx b/packages/desktop-client/src/icons/v2/FavoriteStar.tsx
index 8b1ef5be086..847c8ea7cc8 100644
--- a/packages/desktop-client/src/icons/v2/FavoriteStar.tsx
+++ b/packages/desktop-client/src/icons/v2/FavoriteStar.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgFavoriteStar = (props: SVGProps<SVGSVGElement>) => (
+export const SvgFavoriteStar = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgFavoriteStar = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgFavoriteStar;
diff --git a/packages/desktop-client/src/icons/v2/Filter2.tsx b/packages/desktop-client/src/icons/v2/Filter2.tsx
index 1cd1f0ab6b7..06c8fc411bc 100644
--- a/packages/desktop-client/src/icons/v2/Filter2.tsx
+++ b/packages/desktop-client/src/icons/v2/Filter2.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgFilter2 = (props: SVGProps<SVGSVGElement>) => (
+export const SvgFilter2 = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgFilter2 = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgFilter2;
diff --git a/packages/desktop-client/src/icons/v2/Hyperlink2.tsx b/packages/desktop-client/src/icons/v2/Hyperlink2.tsx
index 9a233c5220b..374a52373bd 100644
--- a/packages/desktop-client/src/icons/v2/Hyperlink2.tsx
+++ b/packages/desktop-client/src/icons/v2/Hyperlink2.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgHyperlink2 = (props: SVGProps<SVGSVGElement>) => (
+export const SvgHyperlink2 = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -24,4 +24,3 @@ const SvgHyperlink2 = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgHyperlink2;
diff --git a/packages/desktop-client/src/icons/v2/Hyperlink3.tsx b/packages/desktop-client/src/icons/v2/Hyperlink3.tsx
index fd40647cc46..ab723dbc9a8 100644
--- a/packages/desktop-client/src/icons/v2/Hyperlink3.tsx
+++ b/packages/desktop-client/src/icons/v2/Hyperlink3.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgHyperlink3 = (props: SVGProps<SVGSVGElement>) => (
+export const SvgHyperlink3 = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -20,4 +20,3 @@ const SvgHyperlink3 = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgHyperlink3;
diff --git a/packages/desktop-client/src/icons/v2/InformationCircle.tsx b/packages/desktop-client/src/icons/v2/InformationCircle.tsx
index 1a0537f29c3..cd027e9e593 100644
--- a/packages/desktop-client/src/icons/v2/InformationCircle.tsx
+++ b/packages/desktop-client/src/icons/v2/InformationCircle.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgInformationCircle = (props: SVGProps<SVGSVGElement>) => (
+export const SvgInformationCircle = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgInformationCircle = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgInformationCircle;
diff --git a/packages/desktop-client/src/icons/v2/Key.tsx b/packages/desktop-client/src/icons/v2/Key.tsx
index 4e9fbb3f318..8a76c155209 100644
--- a/packages/desktop-client/src/icons/v2/Key.tsx
+++ b/packages/desktop-client/src/icons/v2/Key.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgKey = (props: SVGProps<SVGSVGElement>) => (
+export const SvgKey = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgKey = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgKey;
diff --git a/packages/desktop-client/src/icons/v2/LockClosed.tsx b/packages/desktop-client/src/icons/v2/LockClosed.tsx
index fea05ad94df..5dd6d49a7c3 100644
--- a/packages/desktop-client/src/icons/v2/LockClosed.tsx
+++ b/packages/desktop-client/src/icons/v2/LockClosed.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgLockClosed = (props: SVGProps<SVGSVGElement>) => (
+export const SvgLockClosed = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgLockClosed = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgLockClosed;
diff --git a/packages/desktop-client/src/icons/v2/MoonStars.tsx b/packages/desktop-client/src/icons/v2/MoonStars.tsx
index c4a45b26cf2..db7d7a84946 100644
--- a/packages/desktop-client/src/icons/v2/MoonStars.tsx
+++ b/packages/desktop-client/src/icons/v2/MoonStars.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgMoonStars = (props: SVGProps<SVGSVGElement>) => (
+export const SvgMoonStars = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -22,4 +22,3 @@ const SvgMoonStars = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgMoonStars;
diff --git a/packages/desktop-client/src/icons/v2/NavigationMenu.tsx b/packages/desktop-client/src/icons/v2/NavigationMenu.tsx
index 0c5a0d949b5..bad2566f33b 100644
--- a/packages/desktop-client/src/icons/v2/NavigationMenu.tsx
+++ b/packages/desktop-client/src/icons/v2/NavigationMenu.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgNavigationMenu = (props: SVGProps<SVGSVGElement>) => (
+export const SvgNavigationMenu = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -39,4 +39,3 @@ const SvgNavigationMenu = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgNavigationMenu;
diff --git a/packages/desktop-client/src/icons/v2/NotesPaper.tsx b/packages/desktop-client/src/icons/v2/NotesPaper.tsx
index 6988369afd8..7384ceb3659 100644
--- a/packages/desktop-client/src/icons/v2/NotesPaper.tsx
+++ b/packages/desktop-client/src/icons/v2/NotesPaper.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgNotesPaper = (props: SVGProps<SVGSVGElement>) => (
+export const SvgNotesPaper = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgNotesPaper = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgNotesPaper;
diff --git a/packages/desktop-client/src/icons/v2/NotesPaperText.tsx b/packages/desktop-client/src/icons/v2/NotesPaperText.tsx
index d16e3c32c45..4d26a88df69 100644
--- a/packages/desktop-client/src/icons/v2/NotesPaperText.tsx
+++ b/packages/desktop-client/src/icons/v2/NotesPaperText.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgNotesPaperText = (props: SVGProps<SVGSVGElement>) => (
+export const SvgNotesPaperText = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -20,4 +20,3 @@ const SvgNotesPaperText = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgNotesPaperText;
diff --git a/packages/desktop-client/src/icons/v2/Pencil1.tsx b/packages/desktop-client/src/icons/v2/Pencil1.tsx
index 0e4f9ff6b5a..2d080515dc5 100644
--- a/packages/desktop-client/src/icons/v2/Pencil1.tsx
+++ b/packages/desktop-client/src/icons/v2/Pencil1.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgPencil1 = (props: SVGProps<SVGSVGElement>) => (
+export const SvgPencil1 = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgPencil1 = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgPencil1;
diff --git a/packages/desktop-client/src/icons/v2/PencilWriteAlternate.tsx b/packages/desktop-client/src/icons/v2/PencilWriteAlternate.tsx
index 398c66e352e..a7c21a98a4e 100644
--- a/packages/desktop-client/src/icons/v2/PencilWriteAlternate.tsx
+++ b/packages/desktop-client/src/icons/v2/PencilWriteAlternate.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgPencilWriteAlternate = (props: SVGProps<SVGSVGElement>) => (
+export const SvgPencilWriteAlternate = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -20,4 +20,3 @@ const SvgPencilWriteAlternate = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgPencilWriteAlternate;
diff --git a/packages/desktop-client/src/icons/v2/RefreshArrow.tsx b/packages/desktop-client/src/icons/v2/RefreshArrow.tsx
index 6bbbb5a41f7..e95fb8ad349 100644
--- a/packages/desktop-client/src/icons/v2/RefreshArrow.tsx
+++ b/packages/desktop-client/src/icons/v2/RefreshArrow.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgRefreshArrow = (props: SVGProps<SVGSVGElement>) => (
+export const SvgRefreshArrow = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgRefreshArrow = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgRefreshArrow;
diff --git a/packages/desktop-client/src/icons/v2/Remove.tsx b/packages/desktop-client/src/icons/v2/Remove.tsx
index 0919a3fb1d0..21e4d841905 100644
--- a/packages/desktop-client/src/icons/v2/Remove.tsx
+++ b/packages/desktop-client/src/icons/v2/Remove.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgRemove = (props: SVGProps<SVGSVGElement>) => (
+export const SvgRemove = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgRemove = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgRemove;
diff --git a/packages/desktop-client/src/icons/v2/RemoveAlternate.tsx b/packages/desktop-client/src/icons/v2/RemoveAlternate.tsx
index c1d51ce1f00..562cfd85ca9 100644
--- a/packages/desktop-client/src/icons/v2/RemoveAlternate.tsx
+++ b/packages/desktop-client/src/icons/v2/RemoveAlternate.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgRemoveAlternate = (props: SVGProps<SVGSVGElement>) => (
+export const SvgRemoveAlternate = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -20,4 +20,3 @@ const SvgRemoveAlternate = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgRemoveAlternate;
diff --git a/packages/desktop-client/src/icons/v2/Search1.tsx b/packages/desktop-client/src/icons/v2/Search1.tsx
index 1798250003a..e46245cc233 100644
--- a/packages/desktop-client/src/icons/v2/Search1.tsx
+++ b/packages/desktop-client/src/icons/v2/Search1.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgSearch1 = (props: SVGProps<SVGSVGElement>) => (
+export const SvgSearch1 = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgSearch1 = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgSearch1;
diff --git a/packages/desktop-client/src/icons/v2/SearchAlternate.tsx b/packages/desktop-client/src/icons/v2/SearchAlternate.tsx
index d8434c107f8..78d87b643a0 100644
--- a/packages/desktop-client/src/icons/v2/SearchAlternate.tsx
+++ b/packages/desktop-client/src/icons/v2/SearchAlternate.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgSearchAlternate = (props: SVGProps<SVGSVGElement>) => (
+export const SvgSearchAlternate = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgSearchAlternate = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgSearchAlternate;
diff --git a/packages/desktop-client/src/icons/v2/SettingsSliderAlternate.tsx b/packages/desktop-client/src/icons/v2/SettingsSliderAlternate.tsx
index a2656ab256f..8eff9c55d10 100644
--- a/packages/desktop-client/src/icons/v2/SettingsSliderAlternate.tsx
+++ b/packages/desktop-client/src/icons/v2/SettingsSliderAlternate.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgSettingsSliderAlternate = (props: SVGProps<SVGSVGElement>) => (
+export const SvgSettingsSliderAlternate = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgSettingsSliderAlternate = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgSettingsSliderAlternate;
diff --git a/packages/desktop-client/src/icons/v2/Subtract.tsx b/packages/desktop-client/src/icons/v2/Subtract.tsx
index 1be91fbd61a..28e0b81ebe6 100644
--- a/packages/desktop-client/src/icons/v2/Subtract.tsx
+++ b/packages/desktop-client/src/icons/v2/Subtract.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgSubtract = (props: SVGProps<SVGSVGElement>) => (
+export const SvgSubtract = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgSubtract = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgSubtract;
diff --git a/packages/desktop-client/src/icons/v2/Sun.tsx b/packages/desktop-client/src/icons/v2/Sun.tsx
index c248837506f..3330412057d 100644
--- a/packages/desktop-client/src/icons/v2/Sun.tsx
+++ b/packages/desktop-client/src/icons/v2/Sun.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgSun = (props: SVGProps<SVGSVGElement>) => (
+export const SvgSun = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -18,4 +18,3 @@ const SvgSun = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgSun;
diff --git a/packages/desktop-client/src/icons/v2/System.tsx b/packages/desktop-client/src/icons/v2/System.tsx
index 65c038837c8..771520f8ba8 100644
--- a/packages/desktop-client/src/icons/v2/System.tsx
+++ b/packages/desktop-client/src/icons/v2/System.tsx
@@ -1,11 +1,9 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgSystem = (props: SVGProps<SVGSVGElement>) => (
+export const SvgSystem = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
-    fill="currentColor"
-    className="bi bi-system"
     viewBox="0 0 24 24"
     style={{
       color: 'inherit',
@@ -13,9 +11,8 @@ const SvgSystem = (props: SVGProps<SVGSVGElement>) => (
     }}
   >
     <path
-      d="M4 16H20V5H4V16ZM13 18V20H17V22H7V20H11V18H2.9918C2.44405 18 2 17.5511 2 16.9925V4.00748C2 3.45107 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44892 22 4.00748V16.9925C22 17.5489 21.5447 18 21.0082 18H13Z"
+      d="M4 16h16V5H4v11Zm9 2v2h4v2H7v-2h4v-2H2.992A.998.998 0 0 1 2 16.992V4.008C2 3.451 2.455 3 2.992 3h18.016c.548 0 .992.449.992 1.007v12.985c0 .557-.455 1.008-.992 1.008H13Z"
       fill="currentColor"
     />
   </svg>
 );
-export default SvgSystem;
diff --git a/packages/desktop-client/src/icons/v2/UncheckAll.tsx b/packages/desktop-client/src/icons/v2/UncheckAll.tsx
index 13698bbea4d..02bd60adcae 100644
--- a/packages/desktop-client/src/icons/v2/UncheckAll.tsx
+++ b/packages/desktop-client/src/icons/v2/UncheckAll.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgUncheckAll = (props: SVGProps<SVGSVGElement>) => (
+export const SvgUncheckAll = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -11,9 +11,8 @@ const SvgUncheckAll = (props: SVGProps<SVGSVGElement>) => (
     }}
   >
     <path
-      d="M 5 0 C 2.2545455 0 0 2.2545455 0 5 L 0 17 C 0 19.745455 2.2545455 22 5 22 L 17 22 C 19.745455 22 22 19.745455 22 17 L 22 5 C 22 2.2545455 19.745455 0 17 0 L 5 0 z M 5 2 L 17 2 C 18.654545 2 20 3.3454545 20 5 L 20 17 C 20 18.654545 18.654545 20 17 20 L 5 20 C 3.3454545 20 2 18.654545 2 17 L 2 5 C 2 3.3454545 3.3454545 2 5 2 z M 24 5.0253906 L 24 21 C 24 22.654 22.654 24 21 24 L 5.0253906 24 C 5.9383906 25.207 7.373 26 9 26 L 21 26 C 23.757 26 26 23.757 26 21 L 26 9 C 26 7.373 25.207 5.9383906 24 5.0253906 z"
+      d="M5 0C2.255 0 0 2.255 0 5v12c0 2.745 2.255 5 5 5h12c2.745 0 5-2.255 5-5V5c0-2.745-2.255-5-5-5H5zm0 2h12c1.655 0 3 1.345 3 3v12c0 1.655-1.345 3-3 3H5c-1.655 0-3-1.345-3-3V5c0-1.655 1.345-3 3-3zm19 3.025V21c0 1.654-1.346 3-3 3H5.025c.913 1.207 2.348 2 3.975 2h12c2.757 0 5-2.243 5-5V9c0-1.627-.793-3.062-2-3.975z"
       fill="currentColor"
     />
   </svg>
 );
-export default SvgUncheckAll;
diff --git a/packages/desktop-client/src/icons/v2/UploadThickBottom.tsx b/packages/desktop-client/src/icons/v2/UploadThickBottom.tsx
index 26f45dcda44..4bfedf10b4c 100644
--- a/packages/desktop-client/src/icons/v2/UploadThickBottom.tsx
+++ b/packages/desktop-client/src/icons/v2/UploadThickBottom.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgUploadThickBottom = (props: SVGProps<SVGSVGElement>) => (
+export const SvgUploadThickBottom = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -20,4 +20,3 @@ const SvgUploadThickBottom = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgUploadThickBottom;
diff --git a/packages/desktop-client/src/icons/v2/ValidationCheck.tsx b/packages/desktop-client/src/icons/v2/ValidationCheck.tsx
index a4e004c3179..e20ebe9829d 100644
--- a/packages/desktop-client/src/icons/v2/ValidationCheck.tsx
+++ b/packages/desktop-client/src/icons/v2/ValidationCheck.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgValidationCheck = (props: SVGProps<SVGSVGElement>) => (
+export const SvgValidationCheck = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgValidationCheck = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgValidationCheck;
diff --git a/packages/desktop-client/src/icons/v2/ViewHide.tsx b/packages/desktop-client/src/icons/v2/ViewHide.tsx
index c37a91e62ce..01f688f1da1 100644
--- a/packages/desktop-client/src/icons/v2/ViewHide.tsx
+++ b/packages/desktop-client/src/icons/v2/ViewHide.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgViewHide = (props: SVGProps<SVGSVGElement>) => (
+export const SvgViewHide = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgViewHide = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgViewHide;
diff --git a/packages/desktop-client/src/icons/v2/ViewShow.tsx b/packages/desktop-client/src/icons/v2/ViewShow.tsx
index 13b76d9a63d..2772b5c6c74 100644
--- a/packages/desktop-client/src/icons/v2/ViewShow.tsx
+++ b/packages/desktop-client/src/icons/v2/ViewShow.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SVGProps } from 'react';
-const SvgViewShow = (props: SVGProps<SVGSVGElement>) => (
+export const SvgViewShow = (props: SVGProps<SVGSVGElement>) => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
@@ -16,4 +16,3 @@ const SvgViewShow = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-export default SvgViewShow;
diff --git a/packages/desktop-client/src/icons/v2/index.ts b/packages/desktop-client/src/icons/v2/index.ts
index d4f3d592951..82e3d553087 100644
--- a/packages/desktop-client/src/icons/v2/index.ts
+++ b/packages/desktop-client/src/icons/v2/index.ts
@@ -1,46 +1,46 @@
-export { default as AlertTriangle } from './AlertTriangle';
-export { default as ArrowButtonDown1 } from './ArrowButtonDown1';
-export { default as ArrowButtonLeft1 } from './ArrowButtonLeft1';
-export { default as ArrowButtonRight1 } from './ArrowButtonRight1';
-export { default as ArrowButtonUp1 } from './ArrowButtonUp1';
-export { default as ArrowsExpand3 } from './ArrowsExpand3';
-export { default as ArrowsShrink3 } from './ArrowsShrink3';
-export { default as ArrowsSynchronize } from './ArrowsSynchronize';
-export { default as Calendar3 } from './Calendar3';
-export { default as Calendar } from './Calendar';
-export { default as CheckAll } from './CheckAll';
-export { default as CheckCircle1 } from './CheckCircle1';
-export { default as CheckCircleHollow } from './CheckCircleHollow';
-export { default as Check } from './Check';
-export { default as CloudUnknown } from './CloudUnknown';
-export { default as CloudUpload } from './CloudUpload';
-export { default as CustomNotesPaper } from './CustomNotesPaper';
-export { default as DownloadThickBottom } from './DownloadThickBottom';
-export { default as EditSkull1 } from './EditSkull1';
-export { default as FavoriteStar } from './FavoriteStar';
-export { default as Filter2 } from './Filter2';
-export { default as Hyperlink2 } from './Hyperlink2';
-export { default as Hyperlink3 } from './Hyperlink3';
-export { default as InformationCircle } from './InformationCircle';
-export { default as Key } from './Key';
-export { default as LockClosed } from './LockClosed';
-export { default as MoonStars } from './MoonStars';
-export { default as NavigationMenu } from './NavigationMenu';
-export { default as NotesPaperText } from './NotesPaperText';
-export { default as NotesPaper } from './NotesPaper';
-export { default as Pencil1 } from './Pencil1';
-export { default as PencilWriteAlternate } from './PencilWriteAlternate';
-export { default as RefreshArrow } from './RefreshArrow';
-export { default as RemoveAlternate } from './RemoveAlternate';
-export { default as Remove } from './Remove';
-export { default as Search1 } from './Search1';
-export { default as SearchAlternate } from './SearchAlternate';
-export { default as SettingsSliderAlternate } from './SettingsSliderAlternate';
-export { default as Subtract } from './Subtract';
-export { default as Sun } from './Sun';
-export { default as System } from './System';
-export { default as UncheckAll } from './UncheckAll';
-export { default as UploadThickBottom } from './UploadThickBottom';
-export { default as ValidationCheck } from './ValidationCheck';
-export { default as ViewHide } from './ViewHide';
-export { default as ViewShow } from './ViewShow';
+export { SvgSystem } from './System';
+export { SvgAlertTriangle } from './AlertTriangle';
+export { SvgArrowButtonDown1 } from './ArrowButtonDown1';
+export { SvgArrowButtonLeft1 } from './ArrowButtonLeft1';
+export { SvgArrowButtonRight1 } from './ArrowButtonRight1';
+export { SvgArrowButtonUp1 } from './ArrowButtonUp1';
+export { SvgArrowsExpand3 } from './ArrowsExpand3';
+export { SvgArrowsShrink3 } from './ArrowsShrink3';
+export { SvgArrowsSynchronize } from './ArrowsSynchronize';
+export { SvgCalendar3 } from './Calendar3';
+export { SvgCalendar } from './Calendar';
+export { SvgCheckAll } from './CheckAll';
+export { SvgCheckCircle1 } from './CheckCircle1';
+export { SvgCheckCircleHollow } from './CheckCircleHollow';
+export { SvgCheck } from './Check';
+export { SvgCloudUnknown } from './CloudUnknown';
+export { SvgCloudUpload } from './CloudUpload';
+export { SvgCustomNotesPaper } from './CustomNotesPaper';
+export { SvgDownloadThickBottom } from './DownloadThickBottom';
+export { SvgEditSkull1 } from './EditSkull1';
+export { SvgFavoriteStar } from './FavoriteStar';
+export { SvgFilter2 } from './Filter2';
+export { SvgHyperlink2 } from './Hyperlink2';
+export { SvgHyperlink3 } from './Hyperlink3';
+export { SvgInformationCircle } from './InformationCircle';
+export { SvgKey } from './Key';
+export { SvgLockClosed } from './LockClosed';
+export { SvgMoonStars } from './MoonStars';
+export { SvgNavigationMenu } from './NavigationMenu';
+export { SvgNotesPaperText } from './NotesPaperText';
+export { SvgNotesPaper } from './NotesPaper';
+export { SvgPencil1 } from './Pencil1';
+export { SvgPencilWriteAlternate } from './PencilWriteAlternate';
+export { SvgRefreshArrow } from './RefreshArrow';
+export { SvgRemoveAlternate } from './RemoveAlternate';
+export { SvgRemove } from './Remove';
+export { SvgSearch1 } from './Search1';
+export { SvgSearchAlternate } from './SearchAlternate';
+export { SvgSettingsSliderAlternate } from './SettingsSliderAlternate';
+export { SvgSubtract } from './Subtract';
+export { SvgSun } from './Sun';
+export { SvgUncheckAll } from './UncheckAll';
+export { SvgUploadThickBottom } from './UploadThickBottom';
+export { SvgValidationCheck } from './ValidationCheck';
+export { SvgViewHide } from './ViewHide';
+export { SvgViewShow } from './ViewShow';