diff --git a/packages/desktop-client/package.json b/packages/desktop-client/package.json
index 855dedb0885cd235a464e3aa0f33b00825e252ee..49da41b39aec2153543ef53e38442e3904ec6c7a 100644
--- a/packages/desktop-client/package.json
+++ b/packages/desktop-client/package.json
@@ -14,7 +14,7 @@
     "@react-aria/utils": "^3.13.3",
     "@react-stately/collections": "^3.4.3",
     "@react-stately/list": "^3.5.3",
-    "@svgr/cli": "^6.5.1",
+    "@svgr/cli": "^8.0.1",
     "@testing-library/react": "14.0.0",
     "@testing-library/user-event": "14.4.3",
     "@types/react": "^18.2.0",
@@ -63,6 +63,7 @@
     "watch": "cross-env BROWSER=none yarn start",
     "build": "cross-env INLINE_RUNTIME_CHUNK=false react-app-rewired build",
     "build:browser": "cross-env ./bin/build-browser",
+    "generate:icons": "rm src/icons/*/*.js; cd src/icons && svgr --expand-props start --ext js -d . .",
     "test": "react-app-rewired test",
     "e2e": "npx playwright test --browser=chromium"
   },
diff --git a/packages/desktop-client/src/components/AnimatedRefresh.js b/packages/desktop-client/src/components/AnimatedRefresh.js
index b4c7130326f57ee9dc1cdcc99c9cdce2e1f11c1c..cfd27c470d5294d051da41390db520206e4e81d9 100644
--- a/packages/desktop-client/src/components/AnimatedRefresh.js
+++ b/packages/desktop-client/src/components/AnimatedRefresh.js
@@ -16,11 +16,7 @@ export default function AnimatedRefresh({ animating, iconStyle }) {
     <View
       style={[{ animation: animating ? `${spin} 1s infinite linear` : null }]}
     >
-      <Refresh
-        width={14}
-        height={14}
-        style={{ color: 'currentColor', ...iconStyle }}
-      />
+      <Refresh width={14} height={14} style={iconStyle} />
     </View>
   );
 }
diff --git a/packages/desktop-client/src/components/FinancesApp.tsx b/packages/desktop-client/src/components/FinancesApp.tsx
index b8804da5dff2da58edd39c51fa4aaf0695a9707d..b2f9dbaae4a9cba17917c904acd0c010228c888f 100644
--- a/packages/desktop-client/src/components/FinancesApp.tsx
+++ b/packages/desktop-client/src/components/FinancesApp.tsx
@@ -170,11 +170,7 @@ function NavTab({ icon: TabIcon, name, path }) {
         textDecoration: 'none',
       })}
     >
-      <TabIcon
-        width={22}
-        height={22}
-        style={{ color: 'inherit', marginBottom: '5px' }}
-      />
+      <TabIcon width={22} height={22} style={{ marginBottom: '5px' }} />
       {name}
     </NavLink>
   );
diff --git a/packages/desktop-client/src/components/NotesButton.tsx b/packages/desktop-client/src/components/NotesButton.tsx
index 1519ebd71dc5b13349dea6749db22f84eaa2c392..5188adca177a59471384bc2e85c7be3c44995dcc 100644
--- a/packages/desktop-client/src/components/NotesButton.tsx
+++ b/packages/desktop-client/src/components/NotesButton.tsx
@@ -126,7 +126,7 @@ export default function NotesButton({
         ]}
         {...tooltip.getOpenEvents()}
       >
-        <CustomNotesPaper style={{ width, height, color: 'currentColor' }} />
+        <CustomNotesPaper style={{ width, height }} />
       </Button>
       {tooltipOpen && (
         <NotesTooltip
diff --git a/packages/desktop-client/src/components/SidebarWithData.js b/packages/desktop-client/src/components/SidebarWithData.js
index 0acca9e5c8d3079447724698d630aff9b380ce12..d17b38cfe7abc447961b67554e58e8def6b8c613 100644
--- a/packages/desktop-client/src/components/SidebarWithData.js
+++ b/packages/desktop-client/src/components/SidebarWithData.js
@@ -88,11 +88,7 @@ function EditableBudgetName({ prefs, savePrefs }) {
         <Text style={{ whiteSpace: 'nowrap', overflow: 'hidden' }}>
           {prefs.budgetName || 'A budget has no name'}
         </Text>
-        <ExpandArrow
-          width={7}
-          height={7}
-          style={{ color: 'inherit', marginLeft: 5 }}
-        />
+        <ExpandArrow width={7} height={7} style={{ marginLeft: 5 }} />
         {menuOpen && (
           <Tooltip
             position="bottom-left"
diff --git a/packages/desktop-client/src/components/Titlebar.js b/packages/desktop-client/src/components/Titlebar.js
index 8a644b39c48dac87f8028ff2754cf825590c1976..be94a677e4fe543621ac5830d19603da2ddb90e3 100644
--- a/packages/desktop-client/src/components/Titlebar.js
+++ b/packages/desktop-client/src/components/Titlebar.js
@@ -90,11 +90,7 @@ function PrivacyButton({ localPrefs, onTogglePrivacy }) {
     onTogglePrivacy(!isPrivacyEnabled);
   };
 
-  let privacyIconStyle = {
-    width: 23,
-    height: 23,
-    color: 'inherit',
-  };
+  let privacyIconStyle = { width: 23, height: 23 };
 
   return (
     <Button bare onClick={togglePrivacy}>
@@ -174,7 +170,7 @@ export function SyncButton({ localPrefs, style, onSync }) {
       onClick={onSync}
     >
       {syncState === 'error' ? (
-        <AlertTriangle width={13} style={{ color: 'currentColor' }} />
+        <AlertTriangle width={13} />
       ) : (
         <AnimatedRefresh animating={syncing} />
       )}
diff --git a/packages/desktop-client/src/components/accounts/AccountSyncCheck.js b/packages/desktop-client/src/components/accounts/AccountSyncCheck.js
index b9f97679d0ba6b9508c00cf510b3293275666a5a..412c835a8153f500063a51225404b58e5c6da9a9 100644
--- a/packages/desktop-client/src/components/accounts/AccountSyncCheck.js
+++ b/packages/desktop-client/src/components/accounts/AccountSyncCheck.js
@@ -94,14 +94,7 @@ function AccountSyncCheck({
         }}
         onClick={() => setOpen(true)}
       >
-        <ExclamationOutline
-          style={{
-            width: 14,
-            height: 14,
-            marginRight: 5,
-            color: 'currentColor',
-          }}
-        />{' '}
+        <ExclamationOutline style={{ width: 14, height: 14, marginRight: 5 }} />{' '}
         This account is experiencing connection problems. Let’s fix it.
       </Button>
 
diff --git a/packages/desktop-client/src/components/accounts/Header.js b/packages/desktop-client/src/components/accounts/Header.js
index e3bd351f1a0c4bd3eb69dd4be90d648eb5a45ab9..fe0c97335e49c1c3cb82f52bc3e98528f2b329bf 100644
--- a/packages/desktop-client/src/components/accounts/Header.js
+++ b/packages/desktop-client/src/components/accounts/Header.js
@@ -215,7 +215,7 @@ export function AccountHeader({
                       (account && accountsSyncing === account.name) ||
                       accountsSyncing === '__all'
                     }
-                    style={{ color: 'currentColor', marginRight: 4 }}
+                    style={{ marginRight: 4 }}
                   />{' '}
                   Sync
                 </>
@@ -224,7 +224,7 @@ export function AccountHeader({
                   <DownloadThickBottom
                     width={13}
                     height={13}
-                    style={{ color: 'currentColor', marginRight: 4 }}
+                    style={{ marginRight: 4 }}
                   />{' '}
                   Import
                 </>
@@ -233,12 +233,7 @@ export function AccountHeader({
           )}
           {!showEmptyMessage && (
             <Button bare onClick={onAddTransaction}>
-              <Add
-                width={10}
-                height={10}
-                style={{ color: 'inherit', marginRight: 3 }}
-              />{' '}
-              Add New
+              <Add width={10} height={10} style={{ marginRight: 3 }} /> Add New
             </Button>
           )}
           <View>
@@ -265,13 +260,7 @@ export function AccountHeader({
                   onClick={() => onSearch('')}
                   title="Clear search term"
                 >
-                  <SvgRemove
-                    style={{
-                      width: 8,
-                      height: 8,
-                      color: 'inherit',
-                    }}
-                  />
+                  <SvgRemove style={{ width: 8, height: 8 }} />
                 </Button>
               )
             }
@@ -325,21 +314,9 @@ export function AccountHeader({
             }
           >
             {splitsExpanded.state.mode === 'collapse' ? (
-              <ArrowsShrink3
-                style={{
-                  width: 14,
-                  height: 14,
-                  color: 'inherit',
-                }}
-              />
+              <ArrowsShrink3 style={{ width: 14, height: 14 }} />
             ) : (
-              <ArrowsExpand3
-                style={{
-                  width: 14,
-                  height: 14,
-                  color: 'inherit',
-                }}
-              />
+              <ArrowsExpand3 style={{ width: 14, height: 14 }} />
             )}
           </Button>
           {account ? (
diff --git a/packages/desktop-client/src/components/accounts/MobileAccountDetails.js b/packages/desktop-client/src/components/accounts/MobileAccountDetails.js
index 3c6da2a63ee279d643f82814b091486c8975e1ea..f254ba6c8e67757e424da389490b54bd6f5ac97d 100644
--- a/packages/desktop-client/src/components/accounts/MobileAccountDetails.js
+++ b/packages/desktop-client/src/components/accounts/MobileAccountDetails.js
@@ -108,22 +108,15 @@ export default function AccountDetails({
           <Link
             to="/accounts"
             style={{
+              color: colors.b5,
               alignItems: 'center',
               display: 'flex',
               textDecoration: 'none',
               width: LEFT_RIGHT_FLEX_WIDTH,
             }}
           >
-            <CheveronLeft
-              style={{
-                color: colors.b5,
-                width: 32,
-                height: 32,
-              }}
-            />
-            <Text style={{ ...styles.text, color: colors.b5, fontWeight: 500 }}>
-              Back
-            </Text>
+            <CheveronLeft style={{ width: 32, height: 32 }} />
+            <Text style={{ ...styles.text, fontWeight: 500 }}>Back</Text>
           </Link>
           <View
             style={{
diff --git a/packages/desktop-client/src/components/alerts.tsx b/packages/desktop-client/src/components/alerts.tsx
index 64849fe636f59c19e0d8964c77fce11a5f094f88..33920842767b6a2ad2e57e29de12004c4157b102 100644
--- a/packages/desktop-client/src/components/alerts.tsx
+++ b/packages/desktop-client/src/components/alerts.tsx
@@ -51,7 +51,7 @@ const Alert = ({
           marginRight: 5,
         }}
       >
-        <Icon width={13} style={{ color, marginTop: 2 }} />
+        <Icon width={13} style={{ marginTop: 2 }} />
       </View>
       <Text style={{ zIndex: 1, lineHeight: 1.5 }}>{children}</Text>
     </View>
diff --git a/packages/desktop-client/src/components/autocomplete/CategorySelect.tsx b/packages/desktop-client/src/components/autocomplete/CategorySelect.tsx
index e4e7b5dff9125335d18d36529af0945ea7279ccd..d6f0bcd93996a528e1a948cef10bd7c621c131d1 100644
--- a/packages/desktop-client/src/components/autocomplete/CategorySelect.tsx
+++ b/packages/desktop-client/src/components/autocomplete/CategorySelect.tsx
@@ -70,11 +70,7 @@ function CategoryList({
                 data-testid="split-transaction-button"
               >
                 <Text style={{ lineHeight: 0 }}>
-                  <Split
-                    width={10}
-                    height={10}
-                    style={{ marginRight: 5, color: 'inherit' }}
-                  />
+                  <Split width={10} height={10} style={{ marginRight: 5 }} />
                 </Text>
                 Split Transaction
               </View>
diff --git a/packages/desktop-client/src/components/autocomplete/PayeeAutocomplete.js b/packages/desktop-client/src/components/autocomplete/PayeeAutocomplete.js
index f68194172075bd3564ad0573d623ae0a8947dc3c..f950b82557b31979e82de85112f261f875d43787 100644
--- a/packages/desktop-client/src/components/autocomplete/PayeeAutocomplete.js
+++ b/packages/desktop-client/src/components/autocomplete/PayeeAutocomplete.js
@@ -97,11 +97,7 @@ function PayeeList({
               <Add
                 width={8}
                 height={8}
-                style={{
-                  color: colors.g8,
-                  marginRight: 5,
-                  display: 'inline-block',
-                }}
+                style={{ marginRight: 5, display: 'inline-block' }}
               />
               Create Payee “{inputValue}”
             </View>
diff --git a/packages/desktop-client/src/components/budget/BalanceWithCarryover.tsx b/packages/desktop-client/src/components/budget/BalanceWithCarryover.tsx
index 324fb30ada7c623d53a5f63cbcabbdda2b93a8d0..6edd3cbdfd50a14bdf7243afe32aa92fbf422a06 100644
--- a/packages/desktop-client/src/components/budget/BalanceWithCarryover.tsx
+++ b/packages/desktop-client/src/components/budget/BalanceWithCarryover.tsx
@@ -49,9 +49,7 @@ export default function BalanceWithCarryover({
           <ArrowThinRight
             width={7}
             height={7}
-            style={{
-              ...makeAmountStyle(balanceValue),
-            }}
+            style={makeAmountStyle(balanceValue)}
           />
         </View>
       )}
diff --git a/packages/desktop-client/src/components/budget/MobileBudgetTable.js b/packages/desktop-client/src/components/budget/MobileBudgetTable.js
index 58ac4676ddaf9a791b644eb6bf70b791f5ed118c..cdca7c4a321fc17ab574f2bb0831987eb6e9e341 100644
--- a/packages/desktop-client/src/components/budget/MobileBudgetTable.js
+++ b/packages/desktop-client/src/components/budget/MobileBudgetTable.js
@@ -444,7 +444,7 @@ class TotalsRow extends PureComponent {
               onClick={() => onAddCategory(group.id)}
               style={{ padding: 10 }}
             >
-              <Add width={15} height={15} color={colors.n1} />
+              <Add width={15} height={15} />
             </Button>
           </View>
           //   </Animated.View>
diff --git a/packages/desktop-client/src/components/budget/MonthCountSelector.js b/packages/desktop-client/src/components/budget/MonthCountSelector.js
index 483f1d01630105760ec5765c843f8ed2e529a01b..43595e90bc12ecbb713ebcfcce2cedacc78cfeaf 100644
--- a/packages/desktop-client/src/components/budget/MonthCountSelector.js
+++ b/packages/desktop-client/src/components/budget/MonthCountSelector.js
@@ -9,7 +9,7 @@ import { useBudgetMonthCount } from './BudgetMonthCountContext';
 function Calendar({ color, onClick }) {
   return (
     <CalendarIcon
-      style={{ width: 13, height: 13, color: color, marginRight: 5 }}
+      style={{ width: 13, height: 13, color, marginRight: 5 }}
       onClick={onClick}
     />
   );
diff --git a/packages/desktop-client/src/components/common/Button.tsx b/packages/desktop-client/src/components/common/Button.tsx
index 198187fa8abc3f452d092413add72aa118635bbb..d800947fe1e658abb86d4e3bf15f93c430647531 100644
--- a/packages/desktop-client/src/components/common/Button.tsx
+++ b/packages/desktop-client/src/components/common/Button.tsx
@@ -137,10 +137,7 @@ export const ButtonWithLoading = forwardRef<
             justifyContent: 'center',
           }}
         >
-          <Loading
-            color="currentColor"
-            style={{ width: 20, height: 20, color: 'currentColor' }}
-          />
+          <Loading color="inherit" style={{ width: 20, height: 20 }} />
         </View>
       )}
       <View
diff --git a/packages/desktop-client/src/components/common/MenuButton.tsx b/packages/desktop-client/src/components/common/MenuButton.tsx
index bda660c790f71de085b888896124df36ad70681f..1e6c24650bd0d48809392bfec70d2bf862b143d7 100644
--- a/packages/desktop-client/src/components/common/MenuButton.tsx
+++ b/packages/desktop-client/src/components/common/MenuButton.tsx
@@ -10,7 +10,7 @@ export default function MenuButton({ onClick }) {
       <DotsHorizontalTriple
         width={15}
         height={15}
-        style={{ color: 'inherit', transform: 'rotateZ(90deg)' }}
+        style={{ transform: 'rotateZ(90deg)' }}
       />
     </Button>
   );
diff --git a/packages/desktop-client/src/components/filters/FiltersMenu.js b/packages/desktop-client/src/components/filters/FiltersMenu.js
index 5680cb86f41d3e836968e18481497e556052c6c3..c44d39ab018cb3571c1782e3dc83d0d10bf6d905 100644
--- a/packages/desktop-client/src/components/filters/FiltersMenu.js
+++ b/packages/desktop-client/src/components/filters/FiltersMenu.js
@@ -365,12 +365,7 @@ export function FilterButton({ onApply }) {
     <View>
       <Button bare onClick={() => dispatch({ type: 'select-field' })}>
         <SettingsSliderAlternate
-          style={{
-            width: 16,
-            height: 16,
-            color: 'inherit',
-            marginRight: 5,
-          }}
+          style={{ width: 16, height: 16, marginRight: 5 }}
         />{' '}
         Filter
       </Button>
@@ -493,7 +488,6 @@ function FilterExpression({
           style={{
             width: 8,
             height: 8,
-            color: colors.n4,
             margin: 5,
             marginLeft: 3,
           }}
diff --git a/packages/desktop-client/src/components/manager/BudgetList.js b/packages/desktop-client/src/components/manager/BudgetList.js
index 4e6a9f9988b9df27758dacc300f6d4d695c71365..9d76800e2cf8253d5c629e56f48a4d3b84d183be 100644
--- a/packages/desktop-client/src/components/manager/BudgetList.js
+++ b/packages/desktop-client/src/components/manager/BudgetList.js
@@ -118,7 +118,6 @@ function FileState({ file }) {
       }}
     >
       <Icon
-        color={color}
         style={{
           width: 18,
           height: 18,
@@ -230,10 +229,7 @@ function RefreshButton({ onRefresh }) {
 
   return (
     <Button bare style={{ padding: 10, marginRight: 5 }} onClick={_onRefresh}>
-      <Icon
-        color={colors.n1}
-        style={{ width: 18, height: 18, color: colors.n1 }}
-      />
+      <Icon style={{ width: 18, height: 18 }} />
     </Button>
   );
 }
diff --git a/packages/desktop-client/src/components/modals/GoCardlessExternalMsg.js b/packages/desktop-client/src/components/modals/GoCardlessExternalMsg.js
index 5bf4674d240a1d45b2a355158efbd0f04e273b51..47998eb282b9e469629baf4c4d46f89aaf7b2e91 100644
--- a/packages/desktop-client/src/components/modals/GoCardlessExternalMsg.js
+++ b/packages/desktop-client/src/components/modals/GoCardlessExternalMsg.js
@@ -214,7 +214,7 @@ export default function GoCardlessExternalMsg({
             <DotsHorizontalTriple
               width={15}
               height={15}
-              style={{ color: 'inherit', transform: 'rotateZ(90deg)' }}
+              style={{ transform: 'rotateZ(90deg)' }}
             />
             {menuOpen && (
               <Tooltip
diff --git a/packages/desktop-client/src/components/payees/index.js b/packages/desktop-client/src/components/payees/index.js
index 2a044e22da4a01106af342f5afab41e4915a1e63..df3b7ad1b4cec0342178e40add230de559e4826a 100644
--- a/packages/desktop-client/src/components/payees/index.js
+++ b/packages/desktop-client/src/components/payees/index.js
@@ -81,7 +81,7 @@ function RuleButton({ ruleCount, focused, onEdit, onClick }) {
             <>Create rule</>
           )}
         </Text>
-        <ArrowThinRight style={{ width: 8, height: 8, color: colors.g1 }} />
+        <ArrowThinRight style={{ width: 8, height: 8 }} />
       </CellButton>
     </Cell>
   );
diff --git a/packages/desktop-client/src/components/schedules/SchedulesTable.js b/packages/desktop-client/src/components/schedules/SchedulesTable.js
index a8ce26ac948fd4ed82ba48385806f5d402eda6c8..efff12ccf6dd704016186bb89f07d5cc9280afb8 100644
--- a/packages/desktop-client/src/components/schedules/SchedulesTable.js
+++ b/packages/desktop-client/src/components/schedules/SchedulesTable.js
@@ -33,7 +33,7 @@ function OverflowMenu({ schedule, status, onAction }) {
         <DotsHorizontalTriple
           width={15}
           height={15}
-          style={{ color: 'inherit', transform: 'rotateZ(90deg)' }}
+          style={{ transform: 'rotateZ(90deg)' }}
         />
       </Button>
       {open && (
diff --git a/packages/desktop-client/src/components/schedules/StatusBadge.js b/packages/desktop-client/src/components/schedules/StatusBadge.js
index 99ebf9f7ec9bb80b3455187c780eaf1e093f5f91..37c4ff02c15d13cc44d9fc3b9dde0d04b7ba460a 100644
--- a/packages/desktop-client/src/components/schedules/StatusBadge.js
+++ b/packages/desktop-client/src/components/schedules/StatusBadge.js
@@ -87,7 +87,6 @@ export function StatusBadge({ status, style }) {
         style={{
           width: 13,
           height: 13,
-          color: 'inherit',
           marginRight: 7,
         }}
       />
diff --git a/packages/desktop-client/src/components/sidebar.js b/packages/desktop-client/src/components/sidebar.js
index 5c3efed889efe31815022bedf90fee8274b91d76..b2c7d2f29326084dc3b7173c40245c8e15d82268 100644
--- a/packages/desktop-client/src/components/sidebar.js
+++ b/packages/desktop-client/src/components/sidebar.js
@@ -107,7 +107,7 @@ function Item({
         height: 20,
       }}
     >
-      <Icon width={15} height={15} style={{ color: 'inherit' }} />
+      <Icon width={15} height={15} />
       <Block style={{ marginLeft: 8 }}>{title}</Block>
       <View style={{ flex: 1 }} />
       {button}
@@ -158,7 +158,7 @@ function SecondaryItem({ Icon, title, style, to, onClick, bold, indent = 0 }) {
         height: 16,
       }}
     >
-      {Icon && <Icon width={12} height={12} style={{ color: 'inherit' }} />}
+      {Icon && <Icon width={12} height={12} />}
       <Block style={{ marginLeft: Icon ? 8 : 0, color: 'inherit' }}>
         {title}
       </Block>
@@ -441,7 +441,10 @@ function Accounts({
 
 function ToggleButton({ style, isFloating, onFloat }) {
   return (
-    <View className="float" style={[style, { flexShrink: 0 }]}>
+    <View
+      className="float"
+      style={[style, { flexShrink: 0, color: colors.n5 }]}
+    >
       <Button bare onClick={onFloat}>
         {isFloating ? (
           <Pin
@@ -449,14 +452,11 @@ function ToggleButton({ style, isFloating, onFloat }) {
               margin: -2,
               width: 15,
               height: 15,
-              color: colors.n5,
               transform: 'rotate(45deg)',
             }}
           />
         ) : (
-          <ArrowButtonLeft1
-            style={{ width: 13, height: 13, color: colors.n5 }}
-          />
+          <ArrowButtonLeft1 style={{ width: 13, height: 13 }} />
         )}
       </Button>
     </View>
diff --git a/packages/desktop-client/src/components/table.tsx b/packages/desktop-client/src/components/table.tsx
index 3598314bf97026e15a2e61768ad6150fb7d4c432..3de76be66c7d07e87ee0e0d27a8a3bcada36e5cf 100644
--- a/packages/desktop-client/src/components/table.tsx
+++ b/packages/desktop-client/src/components/table.tsx
@@ -720,15 +720,14 @@ export function SelectCell({
             selected && {
               backgroundColor: partial ? colors.b9 : colors.b5,
               borderColor: partial ? colors.b9 : colors.b5,
+              color: 'white',
             },
           ]}
           onEdit={onEdit}
           onSelect={onSelect}
           clickBehavior="none"
         >
-          {selected && (
-            <Checkmark width={6} height={6} style={{ color: 'white' }} />
-          )}
+          {selected && <Checkmark width={6} height={6} />}
         </CellButton>
       )}
     </Cell>
diff --git a/packages/desktop-client/src/components/transactions/TransactionsTable.js b/packages/desktop-client/src/components/transactions/TransactionsTable.js
index 01738b81b28e753336f0c3628361427924fb7e3a..6bd35ac6a3d1cac49e55e7375142bf9edbec1fc7 100644
--- a/packages/desktop-client/src/components/transactions/TransactionsTable.js
+++ b/packages/desktop-client/src/components/transactions/TransactionsTable.js
@@ -504,18 +504,10 @@ function HeaderCell({
         >
           <UnexposedCellContent value={value} />
           {icon === 'asc' && (
-            <ArrowDown
-              width={10}
-              height={10}
-              style={{ marginLeft: 5, color: colors.n4 }}
-            />
+            <ArrowDown width={10} height={10} style={{ marginLeft: 5 }} />
           )}
           {icon === 'desc' && (
-            <ArrowUp
-              width={10}
-              height={10}
-              style={{ marginLeft: 5, color: colors.n4 }}
-            />
+            <ArrowUp width={10} height={10} style={{ marginLeft: 5 }} />
           )}
         </Button>
       }
@@ -644,17 +636,9 @@ function PayeeIcons({
     color: 'inherit',
   };
 
-  let scheduleIconStyle = {
-    width: 13,
-    height: 13,
-    color: 'inherit',
-  };
+  let scheduleIconStyle = { width: 13, height: 13 };
 
-  let transferIconStyle = {
-    width: 10,
-    height: 10,
-    color: 'inherit',
-  };
+  let transferIconStyle = { width: 10, height: 10 };
 
   let recurring = schedule && schedule._date && !!schedule._date.frequency;
 
@@ -1097,7 +1081,6 @@ const Transaction = memo(function Transaction(props) {
                   style={{
                     width: 14,
                     height: 14,
-                    color: 'currentColor',
                     transition: 'transform .08s',
                     transform: expanded ? 'rotateZ(0)' : 'rotateZ(-90deg)',
                   }}
diff --git a/packages/desktop-client/src/icons/.svgrrc.js b/packages/desktop-client/src/icons/.svgrrc.js
index 1e6bd5933d15fdc63f8d69d0785889f4c16e538f..53fd0b31aa6c06c7d484b85c8da416d6ca404785 100644
--- a/packages/desktop-client/src/icons/.svgrrc.js
+++ b/packages/desktop-client/src/icons/.svgrrc.js
@@ -4,11 +4,11 @@ module.exports = {
       {
         name: 'preset-default',
         params: {
-          overrides: { removeUnknownsAndDefaults: false }
-        }
+          overrides: { removeUnknownsAndDefaults: false },
+        },
       },
-      'removeDimensions'
-    ]
+      'removeDimensions',
+    ],
   },
   jsx: {
     babelConfig: {
@@ -23,10 +23,10 @@ module.exports = {
                 value: 'currentColor',
                 spread: false,
                 literal: false,
-                position: 'end'
-              }
-            ]
-          }
+                position: 'end',
+              },
+            ],
+          },
         ],
         [
           '@svgr/babel-plugin-add-jsx-attribute',
@@ -35,16 +35,16 @@ module.exports = {
             attributes: [
               {
                 name: 'style',
-                value: '({ color: "#242134", ...props.style })',
+                value: '({ color: "inherit", ...props.style })',
                 spread: false,
                 literal: true,
-                position: 'end'
-              }
-            ]
+                position: 'end',
+              },
+            ],
           },
-          'add-style'
-        ]
-      ]
-    }
-  }
+          'add-style',
+        ],
+      ],
+    },
+  },
 };
diff --git a/packages/desktop-client/src/icons/generate-new.sh b/packages/desktop-client/src/icons/generate-new.sh
deleted file mode 100755
index 1cf7a74a683b9951e517de4b4f4aae187c2ba2b9..0000000000000000000000000000000000000000
--- a/packages/desktop-client/src/icons/generate-new.sh
+++ /dev/null
@@ -1,4 +0,0 @@
-#!/bin/sh
-
-rm */*.js
-yarn svgr --expand-props start --ext js -d . .
diff --git a/packages/desktop-client/src/icons/logo/Logo.js b/packages/desktop-client/src/icons/logo/Logo.js
index f799a1e25490fc1ad8765332b6f11357f018b3db..32ab54a0676f198154e61b0faa421185b500517c 100644
--- a/packages/desktop-client/src/icons/logo/Logo.js
+++ b/packages/desktop-client/src/icons/logo/Logo.js
@@ -1,25 +1,23 @@
 import * as React from 'react';
-
 const SvgLogo = props => (
   <svg
     {...props}
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
+    fill="none"
     viewBox="0 0 30 32"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
-      d="m1.138 30.423 13.8-29.309a.32.32 0 0 1 .289-.184h.605a.32.32 0 0 1 .287.18l8.903 18.29 2.791-1.074a.32.32 0 0 1 .414.184l.742 1.932a.32.32 0 0 1-.183.413l-2.574.99 3.175 6.524a.32.32 0 0 1-.147.428l-1.861.905a.32.32 0 0 1-.428-.147l-3.277-6.733-21.98 8.453a.32.32 0 0 1-.415-.189l-.152-.418a.32.32 0 0 1 .01-.245ZM15.56 6.152 5.85 26.774l16.634-6.398L15.56 6.152Z"
       fill="currentColor"
+      d="m1.138 30.423 13.8-29.309a.32.32 0 0 1 .289-.184h.605a.32.32 0 0 1 .287.18l8.903 18.29 2.791-1.074a.32.32 0 0 1 .414.184l.742 1.932a.32.32 0 0 1-.183.413l-2.574.99 3.175 6.524a.32.32 0 0 1-.147.428l-1.861.905a.32.32 0 0 1-.428-.147l-3.277-6.733-21.98 8.453a.32.32 0 0 1-.415-.189l-.152-.418a.32.32 0 0 1 .01-.245ZM15.56 6.152 5.85 26.774l16.634-6.398L15.56 6.152Z"
     />
     <path
-      d="m21.777 14.568.932 2.544-21.203 7.775a.32.32 0 0 1-.41-.19l-.713-1.944a.32.32 0 0 1 .19-.41l21.204-7.775Z"
       fill="currentColor"
+      d="m21.777 14.568.932 2.544-21.203 7.775a.32.32 0 0 1-.41-.19l-.713-1.944a.32.32 0 0 1 .19-.41l21.204-7.775Z"
     />
   </svg>
 );
-
 export default SvgLogo;
diff --git a/packages/desktop-client/src/icons/v0/Add.js b/packages/desktop-client/src/icons/v0/Add.js
index 9c1c459d4f3a72b736e5334507bd4089bc23932a..6a7cd35304b0e97ae3293ebc05a6b20830cbf5ad 100644
--- a/packages/desktop-client/src/icons/v0/Add.js
+++ b/packages/desktop-client/src/icons/v0/Add.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAdd = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgAdd = props => (
     />
   </svg>
 );
-
 export default SvgAdd;
diff --git a/packages/desktop-client/src/icons/v0/Delete.js b/packages/desktop-client/src/icons/v0/Delete.js
index 0f6e35ed9f8409b72307fe2a8dc6834938e63428..769c78cb054302fcf608c4a039375368da3d0001 100644
--- a/packages/desktop-client/src/icons/v0/Delete.js
+++ b/packages/desktop-client/src/icons/v0/Delete.js
@@ -1,24 +1,22 @@
 import * as React from 'react';
-
 const SvgDelete = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
       fill="none"
       stroke="currentColor"
-      strokeWidth={4}
+      d="m2 2 20 20M22 2 2 22"
       strokeLinecap="round"
       strokeMiterlimit={10}
-      d="m2 2 20 20M22 2 2 22"
+      strokeWidth={4}
     />
   </svg>
 );
-
 export default SvgDelete;
diff --git a/packages/desktop-client/src/icons/v0/ExpandArrow.js b/packages/desktop-client/src/icons/v0/ExpandArrow.js
index 5f8dedbe9ab6ee1800ade5867f492319714f3a58..6115907d354005e6b9249a7685b5a2c74fe33acd 100644
--- a/packages/desktop-client/src/icons/v0/ExpandArrow.js
+++ b/packages/desktop-client/src/icons/v0/ExpandArrow.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgExpandArrow = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 25 15"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgExpandArrow = props => (
     />
   </svg>
 );
-
 export default SvgExpandArrow;
diff --git a/packages/desktop-client/src/icons/v0/LeftArrow2.js b/packages/desktop-client/src/icons/v0/LeftArrow2.js
index 1aa5fe352d26e4ba494b497f5425bb279f27e173..ed1a903401c99b1db02b44637d0b87978c9c2e4c 100644
--- a/packages/desktop-client/src/icons/v0/LeftArrow2.js
+++ b/packages/desktop-client/src/icons/v0/LeftArrow2.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLeftArrow2 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 91 51"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLeftArrow2 = props => (
     />
   </svg>
 );
-
 export default SvgLeftArrow2;
diff --git a/packages/desktop-client/src/icons/v0/Math.js b/packages/desktop-client/src/icons/v0/Math.js
index bda6b0525eb83c083ea4d9d8959625a7212b8f82..2316e9701b6c343ec1beed1493cedcf4dae542f1 100644
--- a/packages/desktop-client/src/icons/v0/Math.js
+++ b/packages/desktop-client/src/icons/v0/Math.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMath = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 30 30"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMath = props => (
     />
   </svg>
 );
-
 export default SvgMath;
diff --git a/packages/desktop-client/src/icons/v0/Merge.js b/packages/desktop-client/src/icons/v0/Merge.js
index 6b32bf803fb2b3c59c992987b8a42cf44d42fc86..81ec84835b745338b4ac115163f634415c104683 100644
--- a/packages/desktop-client/src/icons/v0/Merge.js
+++ b/packages/desktop-client/src/icons/v0/Merge.js
@@ -1,25 +1,23 @@
 import * as React from 'react';
-
 const SvgMerge = props => (
   <svg
     {...props}
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
+    fill="none"
     viewBox="0 0 32 32"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
-      d="M24 29h5.333M8 29H2.667M16 21l-8 8M16 21l8 8M16 2.667v18.666M16 2.667 8 9.333M16 2.667l8 6.666"
       fill="none"
       stroke="currentColor"
-      strokeWidth={3.5}
-      strokeMiterlimit={10}
       strokeLinecap="round"
+      strokeMiterlimit={10}
+      strokeWidth={3.5}
+      d="M24 29h5.333M8 29H2.667M16 21l-8 8M16 21l8 8M16 2.667v18.666M16 2.667 8 9.333M16 2.667l8 6.666"
     />
   </svg>
 );
-
 export default SvgMerge;
diff --git a/packages/desktop-client/src/icons/v0/RightArrow2.js b/packages/desktop-client/src/icons/v0/RightArrow2.js
index d3179e9db0406807e72ba616793c06a7d50adcf2..b740aacbcb19940ccfb715eb578985b67e935a7d 100644
--- a/packages/desktop-client/src/icons/v0/RightArrow2.js
+++ b/packages/desktop-client/src/icons/v0/RightArrow2.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgRightArrow2 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 91 51"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgRightArrow2 = props => (
     />
   </svg>
 );
-
 export default SvgRightArrow2;
diff --git a/packages/desktop-client/src/icons/v0/Split.js b/packages/desktop-client/src/icons/v0/Split.js
index acdfa8e662b70713b47c9017baa5f12cb3b8ebe5..b1c3cb3f728c59bf6191979f2e7c129e0d282e60 100644
--- a/packages/desktop-client/src/icons/v0/Split.js
+++ b/packages/desktop-client/src/icons/v0/Split.js
@@ -1,25 +1,23 @@
 import * as React from 'react';
-
 const SvgSplit = props => (
   <svg
     {...props}
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
+    fill="none"
     viewBox="0 0 32 32"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
-      d="m30 9-4-4M30 9l-4 4M6 5 2 9M2 9l4 4M10 9H3M22 9h7M16 15l6-6M16 15l-6-6M16 28V15"
       fill="none"
       stroke="currentColor"
-      strokeWidth={3.5}
-      strokeMiterlimit={10}
       strokeLinecap="round"
+      strokeMiterlimit={10}
+      strokeWidth={3.5}
+      d="m30 9-4-4M30 9l-4 4M6 5 2 9M2 9l4 4M10 9H3M22 9h7M16 15l6-6M16 15l-6-6M16 28V15"
     />
   </svg>
 );
-
 export default SvgSplit;
diff --git a/packages/desktop-client/src/icons/v0/Subtract.js b/packages/desktop-client/src/icons/v0/Subtract.js
index 456b8b9c206bd06f74241ff7eeec5114358c9313..a55655ac93baada61a19a0591edbf7aeee69e4a2 100644
--- a/packages/desktop-client/src/icons/v0/Subtract.js
+++ b/packages/desktop-client/src/icons/v0/Subtract.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgSubtract = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgSubtract = props => (
     />
   </svg>
 );
-
 export default SvgSubtract;
diff --git a/packages/desktop-client/src/icons/v1/Add.js b/packages/desktop-client/src/icons/v1/Add.js
index 36f9260b950f8423378f5b2a630965af7fb1890f..e5f9fd5296f66b2368e4f19b92ce27331458304a 100644
--- a/packages/desktop-client/src/icons/v1/Add.js
+++ b/packages/desktop-client/src/icons/v1/Add.js
@@ -1,26 +1,24 @@
 import * as React from 'react';
-
 const SvgAdd = props => (
   <svg
     {...props}
-    viewBox="0 0 24 24"
     xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
       fill="currentColor"
-      className="path"
       d="M23 11.5a1.5 1.5 0 0 1-1.5 1.5h-20a1.5 1.5 0 0 1 0-3h20a1.5 1.5 0 0 1 1.5 1.5Z"
+      className="path"
     />
     <path
       fill="currentColor"
-      className="path"
       d="M11.5 23a1.5 1.5 0 0 1-1.5-1.5v-20a1.5 1.5 0 0 1 3 0v20a1.5 1.5 0 0 1-1.5 1.5Z"
+      className="path"
     />
   </svg>
 );
-
 export default SvgAdd;
diff --git a/packages/desktop-client/src/icons/v1/AddOutline.js b/packages/desktop-client/src/icons/v1/AddOutline.js
index 78847e7e9152ad7641e91fc282dbe9fcfd9abd6a..80ab30bae0b24e0cf409212123ecc452a80e1ce8 100644
--- a/packages/desktop-client/src/icons/v1/AddOutline.js
+++ b/packages/desktop-client/src/icons/v1/AddOutline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAddOutline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgAddOutline = props => (
     />
   </svg>
 );
-
 export default SvgAddOutline;
diff --git a/packages/desktop-client/src/icons/v1/AddSolid.js b/packages/desktop-client/src/icons/v1/AddSolid.js
index f6241a77ca39a5e0359eea1a765dabbb32ca4aff..1e7cd3b9a7f2b95f85a63dd70d8f548ec735de39 100644
--- a/packages/desktop-client/src/icons/v1/AddSolid.js
+++ b/packages/desktop-client/src/icons/v1/AddSolid.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAddSolid = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgAddSolid = props => (
     />
   </svg>
 );
-
 export default SvgAddSolid;
diff --git a/packages/desktop-client/src/icons/v1/Adjust.js b/packages/desktop-client/src/icons/v1/Adjust.js
index 3448a1502d63079069e887ff281064816bbd5a0b..4d8d9e05e5862d42fdb9b7658de62431d8458dbd 100644
--- a/packages/desktop-client/src/icons/v1/Adjust.js
+++ b/packages/desktop-client/src/icons/v1/Adjust.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAdjust = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgAdjust = props => (
     />
   </svg>
 );
-
 export default SvgAdjust;
diff --git a/packages/desktop-client/src/icons/v1/Airplane.js b/packages/desktop-client/src/icons/v1/Airplane.js
index a55bf58abd4f5d838793e59757158ec6fe649ba6..a5a1840260f33d8ce9dfcbb68d251bf254d4604b 100644
--- a/packages/desktop-client/src/icons/v1/Airplane.js
+++ b/packages/desktop-client/src/icons/v1/Airplane.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAirplane = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgAirplane = props => (
     />
   </svg>
 );
-
 export default SvgAirplane;
diff --git a/packages/desktop-client/src/icons/v1/Album.js b/packages/desktop-client/src/icons/v1/Album.js
index 7db0e877445b92aa8cc988822938c4401744b99c..68e450af5844da2b34bb97b70da87af5b4ad30a1 100644
--- a/packages/desktop-client/src/icons/v1/Album.js
+++ b/packages/desktop-client/src/icons/v1/Album.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAlbum = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgAlbum = props => (
     />
   </svg>
 );
-
 export default SvgAlbum;
diff --git a/packages/desktop-client/src/icons/v1/AlignCenter.js b/packages/desktop-client/src/icons/v1/AlignCenter.js
index e61054b8347b38e8861cda2155b9c5c94f2cce20..d740a71d123f00a65bf6f208b2d1989d668b87e1 100644
--- a/packages/desktop-client/src/icons/v1/AlignCenter.js
+++ b/packages/desktop-client/src/icons/v1/AlignCenter.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAlignCenter = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgAlignCenter = props => (
     />
   </svg>
 );
-
 export default SvgAlignCenter;
diff --git a/packages/desktop-client/src/icons/v1/AlignJustified.js b/packages/desktop-client/src/icons/v1/AlignJustified.js
index 4da892762bf4f784013ece2a201e0514c4e5aee7..e4a5cf0939b4913af5ff4f9fee9b99f3b695b1c6 100644
--- a/packages/desktop-client/src/icons/v1/AlignJustified.js
+++ b/packages/desktop-client/src/icons/v1/AlignJustified.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAlignJustified = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgAlignJustified = props => (
     />
   </svg>
 );
-
 export default SvgAlignJustified;
diff --git a/packages/desktop-client/src/icons/v1/AlignLeft.js b/packages/desktop-client/src/icons/v1/AlignLeft.js
index 4ba9b7a81457217cb672f0bf8e5de18d4253e70f..938d56db007b210a29b722fa573db06409bac128 100644
--- a/packages/desktop-client/src/icons/v1/AlignLeft.js
+++ b/packages/desktop-client/src/icons/v1/AlignLeft.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAlignLeft = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgAlignLeft = props => (
     />
   </svg>
 );
-
 export default SvgAlignLeft;
diff --git a/packages/desktop-client/src/icons/v1/AlignRight.js b/packages/desktop-client/src/icons/v1/AlignRight.js
index 46f99d97f4b797c18592840db23efd3177127123..24175c203a32d1a611c97ed49860acf5339e072d 100644
--- a/packages/desktop-client/src/icons/v1/AlignRight.js
+++ b/packages/desktop-client/src/icons/v1/AlignRight.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAlignRight = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgAlignRight = props => (
     />
   </svg>
 );
-
 export default SvgAlignRight;
diff --git a/packages/desktop-client/src/icons/v1/Anchor.js b/packages/desktop-client/src/icons/v1/Anchor.js
index e2fe31e7f7c0bab063d24622c68cf92c0450b6c1..19e1237740a7c79018c48ded4bd76f58aa65d9fd 100644
--- a/packages/desktop-client/src/icons/v1/Anchor.js
+++ b/packages/desktop-client/src/icons/v1/Anchor.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAnchor = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgAnchor = props => (
     />
   </svg>
 );
-
 export default SvgAnchor;
diff --git a/packages/desktop-client/src/icons/v1/Announcement.js b/packages/desktop-client/src/icons/v1/Announcement.js
index dac8d96754b78f1943963de3ac33e69241c0a330..6045213986c542a9a6181a3e043a6d44aad1558b 100644
--- a/packages/desktop-client/src/icons/v1/Announcement.js
+++ b/packages/desktop-client/src/icons/v1/Announcement.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAnnouncement = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgAnnouncement = props => (
     />
   </svg>
 );
-
 export default SvgAnnouncement;
diff --git a/packages/desktop-client/src/icons/v1/Apparel.js b/packages/desktop-client/src/icons/v1/Apparel.js
index 9b2bddd0b42ebea44c43e8612148130fc9bf99eb..99e0863ffa734b43c89cbf205587ca6876d24719 100644
--- a/packages/desktop-client/src/icons/v1/Apparel.js
+++ b/packages/desktop-client/src/icons/v1/Apparel.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgApparel = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgApparel = props => (
     />
   </svg>
 );
-
 export default SvgApparel;
diff --git a/packages/desktop-client/src/icons/v1/ArrowDown.js b/packages/desktop-client/src/icons/v1/ArrowDown.js
index cbadb054df9a75ead8f513f8c2e42fb8dbe9dac7..c75a5e799b3b154a031132f862ffc314194a1470 100644
--- a/packages/desktop-client/src/icons/v1/ArrowDown.js
+++ b/packages/desktop-client/src/icons/v1/ArrowDown.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowDown = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgArrowDown = props => (
     />
   </svg>
 );
-
 export default SvgArrowDown;
diff --git a/packages/desktop-client/src/icons/v1/ArrowLeft.js b/packages/desktop-client/src/icons/v1/ArrowLeft.js
index 1ec675997e1b880947a5e053339e643cd25656d4..7789f5c296286e2685f3d3bc8044be164ece1886 100644
--- a/packages/desktop-client/src/icons/v1/ArrowLeft.js
+++ b/packages/desktop-client/src/icons/v1/ArrowLeft.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowLeft = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgArrowLeft = props => (
     />
   </svg>
 );
-
 export default SvgArrowLeft;
diff --git a/packages/desktop-client/src/icons/v1/ArrowOutlineDown.js b/packages/desktop-client/src/icons/v1/ArrowOutlineDown.js
index 2013125824125c6c4860e099c44b16bf8e682045..a23d01c85b579482625c80be0e42e7391c3bba90 100644
--- a/packages/desktop-client/src/icons/v1/ArrowOutlineDown.js
+++ b/packages/desktop-client/src/icons/v1/ArrowOutlineDown.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowOutlineDown = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgArrowOutlineDown = props => (
     />
   </svg>
 );
-
 export default SvgArrowOutlineDown;
diff --git a/packages/desktop-client/src/icons/v1/ArrowOutlineLeft.js b/packages/desktop-client/src/icons/v1/ArrowOutlineLeft.js
index 5e6507db0fbdc3154a4b09a5d887680fd2327a58..a5dab15c67a0768aeee84d29871efc1f7b6bc1e9 100644
--- a/packages/desktop-client/src/icons/v1/ArrowOutlineLeft.js
+++ b/packages/desktop-client/src/icons/v1/ArrowOutlineLeft.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowOutlineLeft = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgArrowOutlineLeft = props => (
     />
   </svg>
 );
-
 export default SvgArrowOutlineLeft;
diff --git a/packages/desktop-client/src/icons/v1/ArrowOutlineRight.js b/packages/desktop-client/src/icons/v1/ArrowOutlineRight.js
index e676c9f23d196756044fe79d1bd41021d02c39cb..c77dfdac01d55bad677146f5bc0569e8fa325503 100644
--- a/packages/desktop-client/src/icons/v1/ArrowOutlineRight.js
+++ b/packages/desktop-client/src/icons/v1/ArrowOutlineRight.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowOutlineRight = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgArrowOutlineRight = props => (
     />
   </svg>
 );
-
 export default SvgArrowOutlineRight;
diff --git a/packages/desktop-client/src/icons/v1/ArrowOutlineUp.js b/packages/desktop-client/src/icons/v1/ArrowOutlineUp.js
index 374cf1188d6936a727dbdf2adc829ae28431d92d..708f3e6829d794f2c97c292fece69ceeea42b228 100644
--- a/packages/desktop-client/src/icons/v1/ArrowOutlineUp.js
+++ b/packages/desktop-client/src/icons/v1/ArrowOutlineUp.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowOutlineUp = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgArrowOutlineUp = props => (
     />
   </svg>
 );
-
 export default SvgArrowOutlineUp;
diff --git a/packages/desktop-client/src/icons/v1/ArrowRight.js b/packages/desktop-client/src/icons/v1/ArrowRight.js
index a78863548ac0d58f351ea164f513c44f531f0181..9ca1b5b7fa0cb4549c6b9e96bff883783ad75d12 100644
--- a/packages/desktop-client/src/icons/v1/ArrowRight.js
+++ b/packages/desktop-client/src/icons/v1/ArrowRight.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowRight = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgArrowRight = props => (
     />
   </svg>
 );
-
 export default SvgArrowRight;
diff --git a/packages/desktop-client/src/icons/v1/ArrowThickDown.js b/packages/desktop-client/src/icons/v1/ArrowThickDown.js
index 66a3672386af568344d911cc91980e883a0ce07d..08f60d056ec508eb5c1f0bf9f020783ad5aa6934 100644
--- a/packages/desktop-client/src/icons/v1/ArrowThickDown.js
+++ b/packages/desktop-client/src/icons/v1/ArrowThickDown.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgArrowThickDown = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M7 10V2h6v8h5l-8 8-8-8h5z" fill="currentColor" />
   </svg>
 );
-
 export default SvgArrowThickDown;
diff --git a/packages/desktop-client/src/icons/v1/ArrowThickLeft.js b/packages/desktop-client/src/icons/v1/ArrowThickLeft.js
index 4ec9be4d235816fd6a7e33f1dc91c317fed66709..9ab5c4cbb8c5273eee59621c5f7ae929164f2f05 100644
--- a/packages/desktop-client/src/icons/v1/ArrowThickLeft.js
+++ b/packages/desktop-client/src/icons/v1/ArrowThickLeft.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgArrowThickLeft = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <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.js b/packages/desktop-client/src/icons/v1/ArrowThickRight.js
index 62f72a5b6f994cc85dfaa9c11cdb707b6af88a06..2b94dc047b7ab6e6b6afa2f38800027fd60ce2fe 100644
--- a/packages/desktop-client/src/icons/v1/ArrowThickRight.js
+++ b/packages/desktop-client/src/icons/v1/ArrowThickRight.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgArrowThickRight = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M10 7H2v6h8v5l8-8-8-8v5z" fill="currentColor" />
   </svg>
 );
-
 export default SvgArrowThickRight;
diff --git a/packages/desktop-client/src/icons/v1/ArrowThickUp.js b/packages/desktop-client/src/icons/v1/ArrowThickUp.js
index 36ead7ca8b4bc3f2abd8ebcda93803cfd2b1898b..38476b3b0809d32c07c742638cce4799ecc08cd3 100644
--- a/packages/desktop-client/src/icons/v1/ArrowThickUp.js
+++ b/packages/desktop-client/src/icons/v1/ArrowThickUp.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgArrowThickUp = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <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.js b/packages/desktop-client/src/icons/v1/ArrowThinDown.js
index c738b49c98e40b8001243d334c893419bba7f5d1..1b7af6df17ab1bb55afa3420fd107581c86cfc33 100644
--- a/packages/desktop-client/src/icons/v1/ArrowThinDown.js
+++ b/packages/desktop-client/src/icons/v1/ArrowThinDown.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowThinDown = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgArrowThinDown = props => (
     />
   </svg>
 );
-
 export default SvgArrowThinDown;
diff --git a/packages/desktop-client/src/icons/v1/ArrowThinLeft.js b/packages/desktop-client/src/icons/v1/ArrowThinLeft.js
index f98a581d687ade211d30e989ed4d3691d44862ec..d5b5b3633848077ffa265c17f6ee6ba02414fe8d 100644
--- a/packages/desktop-client/src/icons/v1/ArrowThinLeft.js
+++ b/packages/desktop-client/src/icons/v1/ArrowThinLeft.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowThinLeft = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgArrowThinLeft = props => (
     />
   </svg>
 );
-
 export default SvgArrowThinLeft;
diff --git a/packages/desktop-client/src/icons/v1/ArrowThinRight.js b/packages/desktop-client/src/icons/v1/ArrowThinRight.js
index 5cf3c8e96f25895dab20a199c85382662f3b84f7..877bed9e7fb3fa1e33b9ab7d89626a8a2dc68172 100644
--- a/packages/desktop-client/src/icons/v1/ArrowThinRight.js
+++ b/packages/desktop-client/src/icons/v1/ArrowThinRight.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowThinRight = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgArrowThinRight = props => (
     />
   </svg>
 );
-
 export default SvgArrowThinRight;
diff --git a/packages/desktop-client/src/icons/v1/ArrowThinUp.js b/packages/desktop-client/src/icons/v1/ArrowThinUp.js
index 508627a206be19cc654ec1355a47d7fa6c8aa196..18a80e63211485b0b239ebffc0e64af219c73f15 100644
--- a/packages/desktop-client/src/icons/v1/ArrowThinUp.js
+++ b/packages/desktop-client/src/icons/v1/ArrowThinUp.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowThinUp = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgArrowThinUp = props => (
     />
   </svg>
 );
-
 export default SvgArrowThinUp;
diff --git a/packages/desktop-client/src/icons/v1/ArrowUp.js b/packages/desktop-client/src/icons/v1/ArrowUp.js
index aa9b10e12240a7f7009af97ee038f75ae257f46b..1fb21aa1e83beadc1891176adeb175d83c89a011 100644
--- a/packages/desktop-client/src/icons/v1/ArrowUp.js
+++ b/packages/desktop-client/src/icons/v1/ArrowUp.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowUp = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgArrowUp = props => (
     />
   </svg>
 );
-
 export default SvgArrowUp;
diff --git a/packages/desktop-client/src/icons/v1/Artist.js b/packages/desktop-client/src/icons/v1/Artist.js
index c0e98a5bfc6aee77adc55c42cf8902cb1fd3e015..5c2733131d4f9a40fd1d8bae843a6239893eb591 100644
--- a/packages/desktop-client/src/icons/v1/Artist.js
+++ b/packages/desktop-client/src/icons/v1/Artist.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArtist = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgArtist = props => (
     />
   </svg>
 );
-
 export default SvgArtist;
diff --git a/packages/desktop-client/src/icons/v1/AtSymbol.js b/packages/desktop-client/src/icons/v1/AtSymbol.js
index 288fed788e246a46979689ce5530554183cfb931..ee643aaf3a03291498089ba7065dd10c5734baa5 100644
--- a/packages/desktop-client/src/icons/v1/AtSymbol.js
+++ b/packages/desktop-client/src/icons/v1/AtSymbol.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAtSymbol = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgAtSymbol = props => (
     />
   </svg>
 );
-
 export default SvgAtSymbol;
diff --git a/packages/desktop-client/src/icons/v1/Attachment.js b/packages/desktop-client/src/icons/v1/Attachment.js
index c4c9eeb040bedea69fa1b0d6e0c0b384b97a4a2c..116771face02761c660d272229ee9b1ce1dbb680 100644
--- a/packages/desktop-client/src/icons/v1/Attachment.js
+++ b/packages/desktop-client/src/icons/v1/Attachment.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAttachment = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgAttachment = props => (
     />
   </svg>
 );
-
 export default SvgAttachment;
diff --git a/packages/desktop-client/src/icons/v1/Backspace.js b/packages/desktop-client/src/icons/v1/Backspace.js
index 4d554e36cea0f2f077fba9272884fd0670b0b2a1..29bdb3c1af35622e8c9cdc138d285ba4dd784531 100644
--- a/packages/desktop-client/src/icons/v1/Backspace.js
+++ b/packages/desktop-client/src/icons/v1/Backspace.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBackspace = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBackspace = props => (
     />
   </svg>
 );
-
 export default SvgBackspace;
diff --git a/packages/desktop-client/src/icons/v1/Backward.js b/packages/desktop-client/src/icons/v1/Backward.js
index 3663e7133e401b2d3b3d92b62d09e3b0b816128d..3dc2d392337c13003c76c4c77d0f497e5849c39d 100644
--- a/packages/desktop-client/src/icons/v1/Backward.js
+++ b/packages/desktop-client/src/icons/v1/Backward.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgBackward = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <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.js b/packages/desktop-client/src/icons/v1/BackwardStep.js
index c7d0e852c037c5f43dab653faa9b63bd4032da36..2730e15ac4137915376df37352f626eb85675f6b 100644
--- a/packages/desktop-client/src/icons/v1/BackwardStep.js
+++ b/packages/desktop-client/src/icons/v1/BackwardStep.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgBackwardStep = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <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.js b/packages/desktop-client/src/icons/v1/Badge.js
index e8854fb721607db7e3e4bc2eec46e1378843306c..5c7964fea412fdba741e9d4310b478453673b1ad 100644
--- a/packages/desktop-client/src/icons/v1/Badge.js
+++ b/packages/desktop-client/src/icons/v1/Badge.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBadge = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBadge = props => (
     />
   </svg>
 );
-
 export default SvgBadge;
diff --git a/packages/desktop-client/src/icons/v1/BatteryFull.js b/packages/desktop-client/src/icons/v1/BatteryFull.js
index b3215b554d0086af8d5a5de73855d7f2ad10f1ca..60318353e5870717392ad0e00955060ed97d4e7f 100644
--- a/packages/desktop-client/src/icons/v1/BatteryFull.js
+++ b/packages/desktop-client/src/icons/v1/BatteryFull.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBatteryFull = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBatteryFull = props => (
     />
   </svg>
 );
-
 export default SvgBatteryFull;
diff --git a/packages/desktop-client/src/icons/v1/BatteryHalf.js b/packages/desktop-client/src/icons/v1/BatteryHalf.js
index 47702d9fca416c7577af6e691314b1be8a288578..5d1ca01d96a2d1714fb346918902ecb80a5fec92 100644
--- a/packages/desktop-client/src/icons/v1/BatteryHalf.js
+++ b/packages/desktop-client/src/icons/v1/BatteryHalf.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBatteryHalf = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBatteryHalf = props => (
     />
   </svg>
 );
-
 export default SvgBatteryHalf;
diff --git a/packages/desktop-client/src/icons/v1/BatteryLow.js b/packages/desktop-client/src/icons/v1/BatteryLow.js
index fdcb8ca32d71beaf01e6a49cdcf680505f7c143d..427ef0181b931feb5b76b392a873e17e268361c1 100644
--- a/packages/desktop-client/src/icons/v1/BatteryLow.js
+++ b/packages/desktop-client/src/icons/v1/BatteryLow.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBatteryLow = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBatteryLow = props => (
     />
   </svg>
 );
-
 export default SvgBatteryLow;
diff --git a/packages/desktop-client/src/icons/v1/Beverage.js b/packages/desktop-client/src/icons/v1/Beverage.js
index 015a16109bb66c2ead14a73a1e3d1ac06eb0e095..4dbf11b3dcc1a6d893629e1939da8bd15e0c389a 100644
--- a/packages/desktop-client/src/icons/v1/Beverage.js
+++ b/packages/desktop-client/src/icons/v1/Beverage.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBeverage = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBeverage = props => (
     />
   </svg>
 );
-
 export default SvgBeverage;
diff --git a/packages/desktop-client/src/icons/v1/Block.js b/packages/desktop-client/src/icons/v1/Block.js
index 1e6287dfdebfcbe4862d767220bfeac3aa44b5b7..25cb56efc89996cd6367a1f53b0647df105f2023 100644
--- a/packages/desktop-client/src/icons/v1/Block.js
+++ b/packages/desktop-client/src/icons/v1/Block.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBlock = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBlock = props => (
     />
   </svg>
 );
-
 export default SvgBlock;
diff --git a/packages/desktop-client/src/icons/v1/Bluetooth.js b/packages/desktop-client/src/icons/v1/Bluetooth.js
index c92349d3d92530643495d1f1925b46c523317337..1fd13351e6298b7f6cd2a5b6736ad64a73308d32 100644
--- a/packages/desktop-client/src/icons/v1/Bluetooth.js
+++ b/packages/desktop-client/src/icons/v1/Bluetooth.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBluetooth = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBluetooth = props => (
     />
   </svg>
 );
-
 export default SvgBluetooth;
diff --git a/packages/desktop-client/src/icons/v1/Bolt.js b/packages/desktop-client/src/icons/v1/Bolt.js
index a6454df584b2d5345dcd4355b0fb5a7e292aeadc..1be8dd4621b92b1d6c92f6fa0e0fa8b53eba830c 100644
--- a/packages/desktop-client/src/icons/v1/Bolt.js
+++ b/packages/desktop-client/src/icons/v1/Bolt.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgBolt = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <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.js b/packages/desktop-client/src/icons/v1/BookReference.js
index 93bdb0fcad9f439c9e8abc6348ebe7e9da8f06b0..e4c7625088ffba92b7066aac2dcce4e62b410943 100644
--- a/packages/desktop-client/src/icons/v1/BookReference.js
+++ b/packages/desktop-client/src/icons/v1/BookReference.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBookReference = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBookReference = props => (
     />
   </svg>
 );
-
 export default SvgBookReference;
diff --git a/packages/desktop-client/src/icons/v1/Bookmark.js b/packages/desktop-client/src/icons/v1/Bookmark.js
index 536e81fa46c3d991c4b150418783305ef60ae6fd..6eec9a7c14bafac752ac3777cc24f67279a44873 100644
--- a/packages/desktop-client/src/icons/v1/Bookmark.js
+++ b/packages/desktop-client/src/icons/v1/Bookmark.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBookmark = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBookmark = props => (
     />
   </svg>
 );
-
 export default SvgBookmark;
diff --git a/packages/desktop-client/src/icons/v1/BookmarkCopy2.js b/packages/desktop-client/src/icons/v1/BookmarkCopy2.js
index 96ade81bf672b46bb1d2e0637586ead4dca7ed84..6f8f9e94ee5ef06e5ce97517008bfa347d5b6587 100644
--- a/packages/desktop-client/src/icons/v1/BookmarkCopy2.js
+++ b/packages/desktop-client/src/icons/v1/BookmarkCopy2.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgBookmarkCopy2 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M18 12v1H8v5l-6-6 6-6v5h8V2h2z" fill="currentColor" />
   </svg>
 );
-
 export default SvgBookmarkCopy2;
diff --git a/packages/desktop-client/src/icons/v1/BookmarkCopy3.js b/packages/desktop-client/src/icons/v1/BookmarkCopy3.js
index e6d49a0495b6e8e59ba46631efdefad9f769151d..f0e7aaf382ff94873b382d9e882bf36e83774d0a 100644
--- a/packages/desktop-client/src/icons/v1/BookmarkCopy3.js
+++ b/packages/desktop-client/src/icons/v1/BookmarkCopy3.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgBookmarkCopy3 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M3.5 13H12v5l6-6-6-6v5H4V2H2v11z" fill="currentColor" />
   </svg>
 );
-
 export default SvgBookmarkCopy3;
diff --git a/packages/desktop-client/src/icons/v1/BookmarkOutline.js b/packages/desktop-client/src/icons/v1/BookmarkOutline.js
index 5a6a97876df3da99cd9add83552c3cdfdb9d8407..8d38476ac94cd59ca58ed179af0ece1be85de259 100644
--- a/packages/desktop-client/src/icons/v1/BookmarkOutline.js
+++ b/packages/desktop-client/src/icons/v1/BookmarkOutline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBookmarkOutline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBookmarkOutline = props => (
     />
   </svg>
 );
-
 export default SvgBookmarkOutline;
diff --git a/packages/desktop-client/src/icons/v1/BookmarkOutlineAdd.js b/packages/desktop-client/src/icons/v1/BookmarkOutlineAdd.js
index c3d798eaf00de337336165f57086fc1d530fdedf..fe200436767fb6796da6104e60f89027c2cca2d4 100644
--- a/packages/desktop-client/src/icons/v1/BookmarkOutlineAdd.js
+++ b/packages/desktop-client/src/icons/v1/BookmarkOutlineAdd.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBookmarkOutlineAdd = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBookmarkOutlineAdd = props => (
     />
   </svg>
 );
-
 export default SvgBookmarkOutlineAdd;
diff --git a/packages/desktop-client/src/icons/v1/BorderAll.js b/packages/desktop-client/src/icons/v1/BorderAll.js
index b64ef210c4d70458aa5f9d276e588cb77bd6447d..718c5a0bf1f3dc8cc15921e8543b06f683265b98 100644
--- a/packages/desktop-client/src/icons/v1/BorderAll.js
+++ b/packages/desktop-client/src/icons/v1/BorderAll.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBorderAll = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBorderAll = props => (
     />
   </svg>
 );
-
 export default SvgBorderAll;
diff --git a/packages/desktop-client/src/icons/v1/BorderBottom.js b/packages/desktop-client/src/icons/v1/BorderBottom.js
index 28b74b92cf8f7889053039c730dd022b08e8fdc5..8d460baddf898b9fe0d7c601921bbf2bcf057a7e 100644
--- a/packages/desktop-client/src/icons/v1/BorderBottom.js
+++ b/packages/desktop-client/src/icons/v1/BorderBottom.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBorderBottom = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBorderBottom = props => (
     />
   </svg>
 );
-
 export default SvgBorderBottom;
diff --git a/packages/desktop-client/src/icons/v1/BorderHorizontal.js b/packages/desktop-client/src/icons/v1/BorderHorizontal.js
index dcd5a68cee0fbbfdcefed1c70f8bcf64457313db..3876ce207d9f2a331c1e4239b3bb57c1bb6be257 100644
--- a/packages/desktop-client/src/icons/v1/BorderHorizontal.js
+++ b/packages/desktop-client/src/icons/v1/BorderHorizontal.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBorderHorizontal = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBorderHorizontal = props => (
     />
   </svg>
 );
-
 export default SvgBorderHorizontal;
diff --git a/packages/desktop-client/src/icons/v1/BorderInner.js b/packages/desktop-client/src/icons/v1/BorderInner.js
index cad6aafef6cd881587594df4786a742740133ab2..a841cb1160c0afa7ccdeaf093d2340f0a3b91975 100644
--- a/packages/desktop-client/src/icons/v1/BorderInner.js
+++ b/packages/desktop-client/src/icons/v1/BorderInner.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBorderInner = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBorderInner = props => (
     />
   </svg>
 );
-
 export default SvgBorderInner;
diff --git a/packages/desktop-client/src/icons/v1/BorderLeft.js b/packages/desktop-client/src/icons/v1/BorderLeft.js
index 512b903090b6016972701b59f4ea60b1ab025654..c862683bf2bcf818bcce4010a101d7c25220c280 100644
--- a/packages/desktop-client/src/icons/v1/BorderLeft.js
+++ b/packages/desktop-client/src/icons/v1/BorderLeft.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBorderLeft = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBorderLeft = props => (
     />
   </svg>
 );
-
 export default SvgBorderLeft;
diff --git a/packages/desktop-client/src/icons/v1/BorderNone.js b/packages/desktop-client/src/icons/v1/BorderNone.js
index d7cd2d856059f8aaa728be16f6fb18c607d7a2b1..9a1964bce7f5e6c8913377fcdc062b4517b83e0f 100644
--- a/packages/desktop-client/src/icons/v1/BorderNone.js
+++ b/packages/desktop-client/src/icons/v1/BorderNone.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBorderNone = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBorderNone = props => (
     />
   </svg>
 );
-
 export default SvgBorderNone;
diff --git a/packages/desktop-client/src/icons/v1/BorderOuter.js b/packages/desktop-client/src/icons/v1/BorderOuter.js
index b72304cbcfa98b37c6c5b07787b839125cc3bbc8..8aa9127ae6e0b1227c121d77a7ee3e4386530a6a 100644
--- a/packages/desktop-client/src/icons/v1/BorderOuter.js
+++ b/packages/desktop-client/src/icons/v1/BorderOuter.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBorderOuter = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBorderOuter = props => (
     />
   </svg>
 );
-
 export default SvgBorderOuter;
diff --git a/packages/desktop-client/src/icons/v1/BorderRight.js b/packages/desktop-client/src/icons/v1/BorderRight.js
index b83bac86532ecf184cc855d852a13886b32b737c..bd2d6688a4794fd65a631679ff739e01d3ac295b 100644
--- a/packages/desktop-client/src/icons/v1/BorderRight.js
+++ b/packages/desktop-client/src/icons/v1/BorderRight.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBorderRight = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBorderRight = props => (
     />
   </svg>
 );
-
 export default SvgBorderRight;
diff --git a/packages/desktop-client/src/icons/v1/BorderTop.js b/packages/desktop-client/src/icons/v1/BorderTop.js
index c65a60bc6b4fa4c76b44fad9a2a9d85422ccbeb8..7a928f1dc1b2d496cd2188a75a4d439e9b443b91 100644
--- a/packages/desktop-client/src/icons/v1/BorderTop.js
+++ b/packages/desktop-client/src/icons/v1/BorderTop.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBorderTop = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBorderTop = props => (
     />
   </svg>
 );
-
 export default SvgBorderTop;
diff --git a/packages/desktop-client/src/icons/v1/BorderVertical.js b/packages/desktop-client/src/icons/v1/BorderVertical.js
index 80b3c14d5a772a63b3799ce4880725be9a9f2c08..15ceba2b6ae923f912e2644d4a7cbfe5ce3fa0e4 100644
--- a/packages/desktop-client/src/icons/v1/BorderVertical.js
+++ b/packages/desktop-client/src/icons/v1/BorderVertical.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBorderVertical = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBorderVertical = props => (
     />
   </svg>
 );
-
 export default SvgBorderVertical;
diff --git a/packages/desktop-client/src/icons/v1/Box.js b/packages/desktop-client/src/icons/v1/Box.js
index a99be937618101a5ac7ad57b94e35f95bd3c986b..c01c4176318c1e17bc0f5d0791a93137ea8de787 100644
--- a/packages/desktop-client/src/icons/v1/Box.js
+++ b/packages/desktop-client/src/icons/v1/Box.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBox = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBox = props => (
     />
   </svg>
 );
-
 export default SvgBox;
diff --git a/packages/desktop-client/src/icons/v1/BrightnessDown.js b/packages/desktop-client/src/icons/v1/BrightnessDown.js
index 39b1c80cf5384deede5834e41e8cb2903072ede7..af1e41966ad323d85a6207c8242730556308fb03 100644
--- a/packages/desktop-client/src/icons/v1/BrightnessDown.js
+++ b/packages/desktop-client/src/icons/v1/BrightnessDown.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBrightnessDown = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBrightnessDown = props => (
     />
   </svg>
 );
-
 export default SvgBrightnessDown;
diff --git a/packages/desktop-client/src/icons/v1/BrightnessUp.js b/packages/desktop-client/src/icons/v1/BrightnessUp.js
index d95c5448a0d8900f03b623f205250b52419a5781..77cdb8ff0b984110ab6765ff2297e299a9a27ae2 100644
--- a/packages/desktop-client/src/icons/v1/BrightnessUp.js
+++ b/packages/desktop-client/src/icons/v1/BrightnessUp.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBrightnessUp = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBrightnessUp = props => (
     />
   </svg>
 );
-
 export default SvgBrightnessUp;
diff --git a/packages/desktop-client/src/icons/v1/BrowserWindow.js b/packages/desktop-client/src/icons/v1/BrowserWindow.js
index ecf9c25cc6c3cd455f30914fc6a4d67e71fc91f3..650606a916bb2ea0b953531905aa7edc90e18560 100644
--- a/packages/desktop-client/src/icons/v1/BrowserWindow.js
+++ b/packages/desktop-client/src/icons/v1/BrowserWindow.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBrowserWindow = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBrowserWindow = props => (
     />
   </svg>
 );
-
 export default SvgBrowserWindow;
diff --git a/packages/desktop-client/src/icons/v1/BrowserWindowNew.js b/packages/desktop-client/src/icons/v1/BrowserWindowNew.js
index d736ddbe18ac6f53212c35fc57cb9597f657626e..ae375bbeb169430ac14af3aa5363b53ed226df8b 100644
--- a/packages/desktop-client/src/icons/v1/BrowserWindowNew.js
+++ b/packages/desktop-client/src/icons/v1/BrowserWindowNew.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBrowserWindowNew = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBrowserWindowNew = props => (
     />
   </svg>
 );
-
 export default SvgBrowserWindowNew;
diff --git a/packages/desktop-client/src/icons/v1/BrowserWindowOpen.js b/packages/desktop-client/src/icons/v1/BrowserWindowOpen.js
index 0c558d8c06cf2705d89ea899b841bee9cf9cd54e..5f6c5e84295fcd9236d867787b1496e4affc68c3 100644
--- a/packages/desktop-client/src/icons/v1/BrowserWindowOpen.js
+++ b/packages/desktop-client/src/icons/v1/BrowserWindowOpen.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBrowserWindowOpen = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBrowserWindowOpen = props => (
     />
   </svg>
 );
-
 export default SvgBrowserWindowOpen;
diff --git a/packages/desktop-client/src/icons/v1/Bug.js b/packages/desktop-client/src/icons/v1/Bug.js
index 70618361218325d1cb6b30ba940244476b4d67cc..cbca705de56983576dd7d5251abdcdce68fdc29c 100644
--- a/packages/desktop-client/src/icons/v1/Bug.js
+++ b/packages/desktop-client/src/icons/v1/Bug.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBug = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBug = props => (
     />
   </svg>
 );
-
 export default SvgBug;
diff --git a/packages/desktop-client/src/icons/v1/Buoy.js b/packages/desktop-client/src/icons/v1/Buoy.js
index 070ed609cb03869fd8ddeb62bc706ea7ac740fd1..6a03f595f59f72c7c055b151f6f2213bba9c48bf 100644
--- a/packages/desktop-client/src/icons/v1/Buoy.js
+++ b/packages/desktop-client/src/icons/v1/Buoy.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgBuoy = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgBuoy = props => (
     />
   </svg>
 );
-
 export default SvgBuoy;
diff --git a/packages/desktop-client/src/icons/v1/Calculator.js b/packages/desktop-client/src/icons/v1/Calculator.js
index 836a8fcca780ecec78022894509fd5f5a849ad8d..b8582d39ecba4822b9e53aa5f8c2c5e158781968 100644
--- a/packages/desktop-client/src/icons/v1/Calculator.js
+++ b/packages/desktop-client/src/icons/v1/Calculator.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCalculator = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCalculator = props => (
     />
   </svg>
 );
-
 export default SvgCalculator;
diff --git a/packages/desktop-client/src/icons/v1/Calendar.js b/packages/desktop-client/src/icons/v1/Calendar.js
index 6b2bd5545f40951f6dd5951e1d7d9bd461416c22..c93df74d42974d0649c0b0ac2db0d5144615b94a 100644
--- a/packages/desktop-client/src/icons/v1/Calendar.js
+++ b/packages/desktop-client/src/icons/v1/Calendar.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCalendar = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCalendar = props => (
     />
   </svg>
 );
-
 export default SvgCalendar;
diff --git a/packages/desktop-client/src/icons/v1/Camera.js b/packages/desktop-client/src/icons/v1/Camera.js
index 3beb55bfd7e9be6aed156c0b02c8758b8b322aa2..4c0c6bb127f1ee768d171f21fa8b63ce103c4436 100644
--- a/packages/desktop-client/src/icons/v1/Camera.js
+++ b/packages/desktop-client/src/icons/v1/Camera.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCamera = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCamera = props => (
     />
   </svg>
 );
-
 export default SvgCamera;
diff --git a/packages/desktop-client/src/icons/v1/Chart.js b/packages/desktop-client/src/icons/v1/Chart.js
index 55a10b5b096ed8ec2f3b79ecca07d1006f19963e..19d602865da1cdf55220528a70973aa41b4deb1d 100644
--- a/packages/desktop-client/src/icons/v1/Chart.js
+++ b/packages/desktop-client/src/icons/v1/Chart.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgChart = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgChart = props => (
     />
   </svg>
 );
-
 export default SvgChart;
diff --git a/packages/desktop-client/src/icons/v1/ChartBar.js b/packages/desktop-client/src/icons/v1/ChartBar.js
index aa2ced8efe8df6083a4a36656397f642556604bc..a922da4fdcd11377276bdaaea0e6889aa70e3dc9 100644
--- a/packages/desktop-client/src/icons/v1/ChartBar.js
+++ b/packages/desktop-client/src/icons/v1/ChartBar.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgChartBar = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgChartBar = props => (
     />
   </svg>
 );
-
 export default SvgChartBar;
diff --git a/packages/desktop-client/src/icons/v1/ChartPie.js b/packages/desktop-client/src/icons/v1/ChartPie.js
index dda1bb277f6986f3972b6c92ce0643043e937fc0..eedee8972fc54f0554d21aadcd562b5ab323600d 100644
--- a/packages/desktop-client/src/icons/v1/ChartPie.js
+++ b/packages/desktop-client/src/icons/v1/ChartPie.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgChartPie = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgChartPie = props => (
     />
   </svg>
 );
-
 export default SvgChartPie;
diff --git a/packages/desktop-client/src/icons/v1/ChatBubbleDots.js b/packages/desktop-client/src/icons/v1/ChatBubbleDots.js
index 66e565eb264b86e81ad6cf46de49e20c6feeecc3..7e3d6a0256f1ef2a5fc9f53328526fffc0ced375 100644
--- a/packages/desktop-client/src/icons/v1/ChatBubbleDots.js
+++ b/packages/desktop-client/src/icons/v1/ChatBubbleDots.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgChatBubbleDots = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgChatBubbleDots = props => (
     />
   </svg>
 );
-
 export default SvgChatBubbleDots;
diff --git a/packages/desktop-client/src/icons/v1/CheckAlternative.js b/packages/desktop-client/src/icons/v1/CheckAlternative.js
index 1df0a20c63aa1a75c80847b7fc0dd795fb772e26..a182e7711d6663c3bfdf363db48340e06e6b15fc 100644
--- a/packages/desktop-client/src/icons/v1/CheckAlternative.js
+++ b/packages/desktop-client/src/icons/v1/CheckAlternative.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCheckAlternative = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgCheckAlternative = props => (
     />
   </svg>
 );
-
 export default SvgCheckAlternative;
diff --git a/packages/desktop-client/src/icons/v1/Checkmark.js b/packages/desktop-client/src/icons/v1/Checkmark.js
index 80d406972e1ad467bc0aa3182603f75227ca9519..5d042a07c8d44bfe40055ec99fda41a79f8c50a1 100644
--- a/packages/desktop-client/src/icons/v1/Checkmark.js
+++ b/packages/desktop-client/src/icons/v1/Checkmark.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgCheckmark = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <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.js b/packages/desktop-client/src/icons/v1/CheckmarkOutline.js
index 4dcab0d0bdb856f69276d802e2e087d1de3219d7..2fdb378adedf71336042311770e5302da1459cfa 100644
--- a/packages/desktop-client/src/icons/v1/CheckmarkOutline.js
+++ b/packages/desktop-client/src/icons/v1/CheckmarkOutline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCheckmarkOutline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCheckmarkOutline = props => (
     />
   </svg>
 );
-
 export default SvgCheckmarkOutline;
diff --git a/packages/desktop-client/src/icons/v1/CheveronDown.js b/packages/desktop-client/src/icons/v1/CheveronDown.js
index dd7d9c9e1ec69fd2b90ea9a2ee0b5eb1bed1e2b7..29929d5f8a3a5f01de0efc3a4f80ad0336968843 100644
--- a/packages/desktop-client/src/icons/v1/CheveronDown.js
+++ b/packages/desktop-client/src/icons/v1/CheveronDown.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCheveronDown = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCheveronDown = props => (
     />
   </svg>
 );
-
 export default SvgCheveronDown;
diff --git a/packages/desktop-client/src/icons/v1/CheveronLeft.js b/packages/desktop-client/src/icons/v1/CheveronLeft.js
index 802642772c9d0624a86b083acfa43ed8a69dc2c6..4e832fcd6710f681dad2f11e9e26def2e28bfba3 100644
--- a/packages/desktop-client/src/icons/v1/CheveronLeft.js
+++ b/packages/desktop-client/src/icons/v1/CheveronLeft.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCheveronLeft = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCheveronLeft = props => (
     />
   </svg>
 );
-
 export default SvgCheveronLeft;
diff --git a/packages/desktop-client/src/icons/v1/CheveronOutlineDown.js b/packages/desktop-client/src/icons/v1/CheveronOutlineDown.js
index 88efc51465170e2270a9da61e00d5298013a19ff..9e256239d6254937b36c1f6cde0dc95f1efd9a21 100644
--- a/packages/desktop-client/src/icons/v1/CheveronOutlineDown.js
+++ b/packages/desktop-client/src/icons/v1/CheveronOutlineDown.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCheveronOutlineDown = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCheveronOutlineDown = props => (
     />
   </svg>
 );
-
 export default SvgCheveronOutlineDown;
diff --git a/packages/desktop-client/src/icons/v1/CheveronOutlineLeft.js b/packages/desktop-client/src/icons/v1/CheveronOutlineLeft.js
index 0c6b24494f891eeffcc440ad4c50c26be3997c8c..8e770c70e2fed7b614fb8e36c22f1f5282d4a50a 100644
--- a/packages/desktop-client/src/icons/v1/CheveronOutlineLeft.js
+++ b/packages/desktop-client/src/icons/v1/CheveronOutlineLeft.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCheveronOutlineLeft = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCheveronOutlineLeft = props => (
     />
   </svg>
 );
-
 export default SvgCheveronOutlineLeft;
diff --git a/packages/desktop-client/src/icons/v1/CheveronOutlineRight.js b/packages/desktop-client/src/icons/v1/CheveronOutlineRight.js
index 78ba23bb53dd224b8101f6a7a08a62932a742d47..d32f01d43ea4b3d423fa88e1d50141700bee2024 100644
--- a/packages/desktop-client/src/icons/v1/CheveronOutlineRight.js
+++ b/packages/desktop-client/src/icons/v1/CheveronOutlineRight.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCheveronOutlineRight = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCheveronOutlineRight = props => (
     />
   </svg>
 );
-
 export default SvgCheveronOutlineRight;
diff --git a/packages/desktop-client/src/icons/v1/CheveronOutlineUp.js b/packages/desktop-client/src/icons/v1/CheveronOutlineUp.js
index 313e93937fb62f4b1922109ec6de696ffe264794..0f5104fd32d2651cb8dd24b24d959c454ea53c0a 100644
--- a/packages/desktop-client/src/icons/v1/CheveronOutlineUp.js
+++ b/packages/desktop-client/src/icons/v1/CheveronOutlineUp.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCheveronOutlineUp = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCheveronOutlineUp = props => (
     />
   </svg>
 );
-
 export default SvgCheveronOutlineUp;
diff --git a/packages/desktop-client/src/icons/v1/CheveronRight.js b/packages/desktop-client/src/icons/v1/CheveronRight.js
index f205fbfda38cff82aa40d1a21aa70ea9b2961238..3fed76ddaf7c770efb759397cc2ebefaecb97ed7 100644
--- a/packages/desktop-client/src/icons/v1/CheveronRight.js
+++ b/packages/desktop-client/src/icons/v1/CheveronRight.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCheveronRight = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCheveronRight = props => (
     />
   </svg>
 );
-
 export default SvgCheveronRight;
diff --git a/packages/desktop-client/src/icons/v1/CheveronUp.js b/packages/desktop-client/src/icons/v1/CheveronUp.js
index 0ec4051413dc1df67ccfe293ba5555187ef7d259..b3f3e2b4f6c13a0e105d67a1d3b3409d9382e003 100644
--- a/packages/desktop-client/src/icons/v1/CheveronUp.js
+++ b/packages/desktop-client/src/icons/v1/CheveronUp.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCheveronUp = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCheveronUp = props => (
     />
   </svg>
 );
-
 export default SvgCheveronUp;
diff --git a/packages/desktop-client/src/icons/v1/Clipboard.js b/packages/desktop-client/src/icons/v1/Clipboard.js
index db91196c0ae87392842aa81d006542eb4d4b14e5..86e41a5d0ce8ba1b61bb5a34dfb036e16062303c 100644
--- a/packages/desktop-client/src/icons/v1/Clipboard.js
+++ b/packages/desktop-client/src/icons/v1/Clipboard.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgClipboard = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgClipboard = props => (
     />
   </svg>
 );
-
 export default SvgClipboard;
diff --git a/packages/desktop-client/src/icons/v1/Close.js b/packages/desktop-client/src/icons/v1/Close.js
index c47a8f71228529424c8d70021e83794547c87305..f7486d270bbe9690e7357dd75668a0e3cae63928 100644
--- a/packages/desktop-client/src/icons/v1/Close.js
+++ b/packages/desktop-client/src/icons/v1/Close.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgClose = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgClose = props => (
     />
   </svg>
 );
-
 export default SvgClose;
diff --git a/packages/desktop-client/src/icons/v1/CloseOutline.js b/packages/desktop-client/src/icons/v1/CloseOutline.js
index 9811ead6dde8d6d7cad6d17c7944e13a3aa9c2c3..8d35f5833f4f1b3200f36ae212f0161af188485c 100644
--- a/packages/desktop-client/src/icons/v1/CloseOutline.js
+++ b/packages/desktop-client/src/icons/v1/CloseOutline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCloseOutline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCloseOutline = props => (
     />
   </svg>
 );
-
 export default SvgCloseOutline;
diff --git a/packages/desktop-client/src/icons/v1/CloseSolid.js b/packages/desktop-client/src/icons/v1/CloseSolid.js
index 15bcee59e28c0cc76c3fe85590b2925641060a14..d84d0253411a6e0b15bd897d3eee7ad0ed61a911 100644
--- a/packages/desktop-client/src/icons/v1/CloseSolid.js
+++ b/packages/desktop-client/src/icons/v1/CloseSolid.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCloseSolid = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCloseSolid = props => (
     />
   </svg>
 );
-
 export default SvgCloseSolid;
diff --git a/packages/desktop-client/src/icons/v1/Cloud.js b/packages/desktop-client/src/icons/v1/Cloud.js
index 4cb6e14b7b3ba3b208d93dd59ff68ea2c292c88b..4d00fb2eeb89f382498f5116cef76bd1bcc9baa5 100644
--- a/packages/desktop-client/src/icons/v1/Cloud.js
+++ b/packages/desktop-client/src/icons/v1/Cloud.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCloud = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCloud = props => (
     />
   </svg>
 );
-
 export default SvgCloud;
diff --git a/packages/desktop-client/src/icons/v1/CloudCheck.js b/packages/desktop-client/src/icons/v1/CloudCheck.js
index a9e137e711b87cd3dc5b7dfaa10fb338cad81dfb..48895b29f393af426fee526d0671800f002105b4 100644
--- a/packages/desktop-client/src/icons/v1/CloudCheck.js
+++ b/packages/desktop-client/src/icons/v1/CloudCheck.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCloudCheck = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgCloudCheck = props => (
     />
   </svg>
 );
-
 export default SvgCloudCheck;
diff --git a/packages/desktop-client/src/icons/v1/CloudDownload.js b/packages/desktop-client/src/icons/v1/CloudDownload.js
index 0f29d175e2d866a54c859dc2303961474dedd680..d4f9acc5a59e10b848402a98c36708ea4de321b8 100644
--- a/packages/desktop-client/src/icons/v1/CloudDownload.js
+++ b/packages/desktop-client/src/icons/v1/CloudDownload.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCloudDownload = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgCloudDownload = props => (
     />
   </svg>
 );
-
 export default SvgCloudDownload;
diff --git a/packages/desktop-client/src/icons/v1/CloudUpload.js b/packages/desktop-client/src/icons/v1/CloudUpload.js
index 34aef75c154d26ee047c62ef08f3cee9e30909d3..6937e493879df394362d9f09ffdb81d4dd341556 100644
--- a/packages/desktop-client/src/icons/v1/CloudUpload.js
+++ b/packages/desktop-client/src/icons/v1/CloudUpload.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCloudUpload = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCloudUpload = props => (
     />
   </svg>
 );
-
 export default SvgCloudUpload;
diff --git a/packages/desktop-client/src/icons/v1/CloudWarning.js b/packages/desktop-client/src/icons/v1/CloudWarning.js
index 4afd4c5f77da6a85fde2265845f62925fb4f2870..322da7110bdf36af86eb5409a71655c8135def3d 100644
--- a/packages/desktop-client/src/icons/v1/CloudWarning.js
+++ b/packages/desktop-client/src/icons/v1/CloudWarning.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCloudWarning = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgCloudWarning = props => (
     />
   </svg>
 );
-
 export default SvgCloudWarning;
diff --git a/packages/desktop-client/src/icons/v1/Code.js b/packages/desktop-client/src/icons/v1/Code.js
index c7c2d638979852ceeae57adf2843aec32ac1b324..6a80f9b08e0d47f6dbe6c7e4c1fc60bbe928f58d 100644
--- a/packages/desktop-client/src/icons/v1/Code.js
+++ b/packages/desktop-client/src/icons/v1/Code.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCode = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCode = props => (
     />
   </svg>
 );
-
 export default SvgCode;
diff --git a/packages/desktop-client/src/icons/v1/Coffee.js b/packages/desktop-client/src/icons/v1/Coffee.js
index 516e9612413c8e64fbca2930571f6ae0e9f0bb6f..b98c91591caf08462ba289ee7feea27a4c459ab9 100644
--- a/packages/desktop-client/src/icons/v1/Coffee.js
+++ b/packages/desktop-client/src/icons/v1/Coffee.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCoffee = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCoffee = props => (
     />
   </svg>
 );
-
 export default SvgCoffee;
diff --git a/packages/desktop-client/src/icons/v1/Cog.js b/packages/desktop-client/src/icons/v1/Cog.js
index 054ed004db6502aa703ba3a882148869afcb43fd..06fafd691d07bcfe1f6eed95c320a0ccb2f09e52 100644
--- a/packages/desktop-client/src/icons/v1/Cog.js
+++ b/packages/desktop-client/src/icons/v1/Cog.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCog = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCog = props => (
     />
   </svg>
 );
-
 export default SvgCog;
diff --git a/packages/desktop-client/src/icons/v1/ColorPalette.js b/packages/desktop-client/src/icons/v1/ColorPalette.js
index 2b79e39656485e51680e5ff9e34338a83a17818f..5c2b25ff0281df947d5c8334cf3bbbb9d74bb2f9 100644
--- a/packages/desktop-client/src/icons/v1/ColorPalette.js
+++ b/packages/desktop-client/src/icons/v1/ColorPalette.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgColorPalette = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgColorPalette = props => (
     />
   </svg>
 );
-
 export default SvgColorPalette;
diff --git a/packages/desktop-client/src/icons/v1/Compose.js b/packages/desktop-client/src/icons/v1/Compose.js
index ddaf659903f4546f6053c0e8c969b716de24bd13..c6a440b9c6cea25c9ff53f3f8e0a0a4bec13df9e 100644
--- a/packages/desktop-client/src/icons/v1/Compose.js
+++ b/packages/desktop-client/src/icons/v1/Compose.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCompose = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCompose = props => (
     />
   </svg>
 );
-
 export default SvgCompose;
diff --git a/packages/desktop-client/src/icons/v1/ComputerDesktop.js b/packages/desktop-client/src/icons/v1/ComputerDesktop.js
index c4262a1f4f15055c069dee109986ae260945b640..f2d193bdaed70799d1d7961f541a5b9c48752c6a 100644
--- a/packages/desktop-client/src/icons/v1/ComputerDesktop.js
+++ b/packages/desktop-client/src/icons/v1/ComputerDesktop.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgComputerDesktop = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgComputerDesktop = props => (
     />
   </svg>
 );
-
 export default SvgComputerDesktop;
diff --git a/packages/desktop-client/src/icons/v1/ComputerLaptop.js b/packages/desktop-client/src/icons/v1/ComputerLaptop.js
index 5076f9d71d6405797bb85e6ab69df965ddf23a83..763d394d8f0b347b5f11f5257ef179c28ec83360 100644
--- a/packages/desktop-client/src/icons/v1/ComputerLaptop.js
+++ b/packages/desktop-client/src/icons/v1/ComputerLaptop.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgComputerLaptop = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgComputerLaptop = props => (
     />
   </svg>
 );
-
 export default SvgComputerLaptop;
diff --git a/packages/desktop-client/src/icons/v1/Conversation.js b/packages/desktop-client/src/icons/v1/Conversation.js
index 45b4bb8d41e9d5306630a8fe9070273d5939b3c2..467c31b7f12ebc30398cccfa79aae92e73f599cb 100644
--- a/packages/desktop-client/src/icons/v1/Conversation.js
+++ b/packages/desktop-client/src/icons/v1/Conversation.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgConversation = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgConversation = props => (
     />
   </svg>
 );
-
 export default SvgConversation;
diff --git a/packages/desktop-client/src/icons/v1/Copy.js b/packages/desktop-client/src/icons/v1/Copy.js
index 13a11756a5beb502fd45e1468690898b7a3a42b8..4c367bcd0cc0f9cf5a6b317904dbd60fe4067386 100644
--- a/packages/desktop-client/src/icons/v1/Copy.js
+++ b/packages/desktop-client/src/icons/v1/Copy.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCopy = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCopy = props => (
     />
   </svg>
 );
-
 export default SvgCopy;
diff --git a/packages/desktop-client/src/icons/v1/CreditCard.js b/packages/desktop-client/src/icons/v1/CreditCard.js
index 185a544fb5e6aed9b5e9a1f7935acdaf4df572c4..d666f360900336fee7618388044056408b51669d 100644
--- a/packages/desktop-client/src/icons/v1/CreditCard.js
+++ b/packages/desktop-client/src/icons/v1/CreditCard.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCreditCard = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCreditCard = props => (
     />
   </svg>
 );
-
 export default SvgCreditCard;
diff --git a/packages/desktop-client/src/icons/v1/CurrencyDollar.js b/packages/desktop-client/src/icons/v1/CurrencyDollar.js
index 0abae4d186fce6513d2fd4e0e34159c96254c630..b936f49fbfcefcbf0c318dbb0b5442a194f76dc8 100644
--- a/packages/desktop-client/src/icons/v1/CurrencyDollar.js
+++ b/packages/desktop-client/src/icons/v1/CurrencyDollar.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCurrencyDollar = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCurrencyDollar = props => (
     />
   </svg>
 );
-
 export default SvgCurrencyDollar;
diff --git a/packages/desktop-client/src/icons/v1/Dashboard.js b/packages/desktop-client/src/icons/v1/Dashboard.js
index 602df569c8fe38395d4e4280e8040c665278ad7c..090069481851a654a8253786e658501cf85ff9c2 100644
--- a/packages/desktop-client/src/icons/v1/Dashboard.js
+++ b/packages/desktop-client/src/icons/v1/Dashboard.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgDashboard = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgDashboard = props => (
     />
   </svg>
 );
-
 export default SvgDashboard;
diff --git a/packages/desktop-client/src/icons/v1/DateAdd.js b/packages/desktop-client/src/icons/v1/DateAdd.js
index c49cd3df4107d93f7f06f27f17b290c5e9ed537a..fc42cca7612f3e0f377a8272b3f5cdb7b943af41 100644
--- a/packages/desktop-client/src/icons/v1/DateAdd.js
+++ b/packages/desktop-client/src/icons/v1/DateAdd.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgDateAdd = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgDateAdd = props => (
     />
   </svg>
 );
-
 export default SvgDateAdd;
diff --git a/packages/desktop-client/src/icons/v1/DialPad.js b/packages/desktop-client/src/icons/v1/DialPad.js
index 7c098bfa908e511d28547867a1a9088defedd517..64d7de4c3c06ac99de96631f6142540f1b1cc2f4 100644
--- a/packages/desktop-client/src/icons/v1/DialPad.js
+++ b/packages/desktop-client/src/icons/v1/DialPad.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgDialPad = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgDialPad = props => (
     />
   </svg>
 );
-
 export default SvgDialPad;
diff --git a/packages/desktop-client/src/icons/v1/Directions.js b/packages/desktop-client/src/icons/v1/Directions.js
index 72b1097cb022723667aa5c157eb83b7525dc7705..55bb2d3287a23b14874478f48a8a1de30aae4376 100644
--- a/packages/desktop-client/src/icons/v1/Directions.js
+++ b/packages/desktop-client/src/icons/v1/Directions.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgDirections = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgDirections = props => (
     />
   </svg>
 );
-
 export default SvgDirections;
diff --git a/packages/desktop-client/src/icons/v1/Document.js b/packages/desktop-client/src/icons/v1/Document.js
index 29f5acb123b44d904af86edde77cd8bf83f79be8..3de5e6117aac8128e298fd2a96769467d8ff7920 100644
--- a/packages/desktop-client/src/icons/v1/Document.js
+++ b/packages/desktop-client/src/icons/v1/Document.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgDocument = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgDocument = props => (
     />
   </svg>
 );
-
 export default SvgDocument;
diff --git a/packages/desktop-client/src/icons/v1/DocumentAdd.js b/packages/desktop-client/src/icons/v1/DocumentAdd.js
index 179d05011f210a3c5caf516f956634204aefbe91..1320af20d8945392e3435da6beeb0dda34896b4f 100644
--- a/packages/desktop-client/src/icons/v1/DocumentAdd.js
+++ b/packages/desktop-client/src/icons/v1/DocumentAdd.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgDocumentAdd = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgDocumentAdd = props => (
     />
   </svg>
 );
-
 export default SvgDocumentAdd;
diff --git a/packages/desktop-client/src/icons/v1/DotsHorizontalDouble.js b/packages/desktop-client/src/icons/v1/DotsHorizontalDouble.js
index 63d3ce133aa9892157d52293f901ec9b4d944141..f38344f028936cdc604ec34f5a3fe418201b63ba 100644
--- a/packages/desktop-client/src/icons/v1/DotsHorizontalDouble.js
+++ b/packages/desktop-client/src/icons/v1/DotsHorizontalDouble.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgDotsHorizontalDouble = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgDotsHorizontalDouble = props => (
     />
   </svg>
 );
-
 export default SvgDotsHorizontalDouble;
diff --git a/packages/desktop-client/src/icons/v1/DotsHorizontalTriple.js b/packages/desktop-client/src/icons/v1/DotsHorizontalTriple.js
index 372e1dc71b3ca5c06a6c5ef6f9503084855d9979..649a8bf26a59bef2481c553f04e0383fd64b09ac 100644
--- a/packages/desktop-client/src/icons/v1/DotsHorizontalTriple.js
+++ b/packages/desktop-client/src/icons/v1/DotsHorizontalTriple.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgDotsHorizontalTriple = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgDotsHorizontalTriple = props => (
     />
   </svg>
 );
-
 export default SvgDotsHorizontalTriple;
diff --git a/packages/desktop-client/src/icons/v1/Download.js b/packages/desktop-client/src/icons/v1/Download.js
index 1a9d92f5c546d8c86ad55e3517be7eab03b4433f..9fc682307ca67ece1095161ac7b8d5564523fdab 100644
--- a/packages/desktop-client/src/icons/v1/Download.js
+++ b/packages/desktop-client/src/icons/v1/Download.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgDownload = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <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.js b/packages/desktop-client/src/icons/v1/Duplicate.js
index bb489828c45bdc6691c9c2e018833ff98eafe43d..7738f016f23055b700fa5a8d714f89d7d1f09c09 100644
--- a/packages/desktop-client/src/icons/v1/Duplicate.js
+++ b/packages/desktop-client/src/icons/v1/Duplicate.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgDuplicate = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgDuplicate = props => (
     />
   </svg>
 );
-
 export default SvgDuplicate;
diff --git a/packages/desktop-client/src/icons/v1/EditCopy.js b/packages/desktop-client/src/icons/v1/EditCopy.js
index 020fd38f92a26fd6ad5ea57a69ad36dd00965f97..dfeadcf62e57b6cd6a7eace4341375d84962662a 100644
--- a/packages/desktop-client/src/icons/v1/EditCopy.js
+++ b/packages/desktop-client/src/icons/v1/EditCopy.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgEditCopy = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgEditCopy = props => (
     />
   </svg>
 );
-
 export default SvgEditCopy;
diff --git a/packages/desktop-client/src/icons/v1/EditCrop.js b/packages/desktop-client/src/icons/v1/EditCrop.js
index 5acd2532c92394065e3a90d5724554dddad237cf..540ab10110838805d8a29d35e30577da971af686 100644
--- a/packages/desktop-client/src/icons/v1/EditCrop.js
+++ b/packages/desktop-client/src/icons/v1/EditCrop.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgEditCrop = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgEditCrop = props => (
     />
   </svg>
 );
-
 export default SvgEditCrop;
diff --git a/packages/desktop-client/src/icons/v1/EditCut.js b/packages/desktop-client/src/icons/v1/EditCut.js
index 48327b27ad9b4ef13c9267cc218e9d8ee2b7f569..3b3a7b08dbb7f3e0614ab4a5fddc0e06adff1494 100644
--- a/packages/desktop-client/src/icons/v1/EditCut.js
+++ b/packages/desktop-client/src/icons/v1/EditCut.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgEditCut = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgEditCut = props => (
     />
   </svg>
 );
-
 export default SvgEditCut;
diff --git a/packages/desktop-client/src/icons/v1/EditPencil.js b/packages/desktop-client/src/icons/v1/EditPencil.js
index 82b9f587235c72cab4024813724ce5c26feffba9..00ee0f6ff8357455f1572c38f8435346a3600fa1 100644
--- a/packages/desktop-client/src/icons/v1/EditPencil.js
+++ b/packages/desktop-client/src/icons/v1/EditPencil.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgEditPencil = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgEditPencil = props => (
     />
   </svg>
 );
-
 export default SvgEditPencil;
diff --git a/packages/desktop-client/src/icons/v1/Education.js b/packages/desktop-client/src/icons/v1/Education.js
index 14237be28020fc74c6a189606b3dc067da83b74b..1dc8befede5e884c3caf7bf866273f9154402144 100644
--- a/packages/desktop-client/src/icons/v1/Education.js
+++ b/packages/desktop-client/src/icons/v1/Education.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgEducation = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgEducation = props => (
     />
   </svg>
 );
-
 export default SvgEducation;
diff --git a/packages/desktop-client/src/icons/v1/Envelope.js b/packages/desktop-client/src/icons/v1/Envelope.js
index c987048f08e6efd15c40e981ee85a35147630831..c3c64ab9a3eefd18128f8957049be94dd016a21e 100644
--- a/packages/desktop-client/src/icons/v1/Envelope.js
+++ b/packages/desktop-client/src/icons/v1/Envelope.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgEnvelope = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgEnvelope = props => (
     />
   </svg>
 );
-
 export default SvgEnvelope;
diff --git a/packages/desktop-client/src/icons/v1/Equals.js b/packages/desktop-client/src/icons/v1/Equals.js
index b1f52accfc2796c6619fe11e5ad570ae0bac5772..f5dedd76c7ee49c901b28051ebd85387dc86bc97 100644
--- a/packages/desktop-client/src/icons/v1/Equals.js
+++ b/packages/desktop-client/src/icons/v1/Equals.js
@@ -1,21 +1,19 @@
 import * as React from 'react';
-
 const SvgEquals = props => (
   <svg
     {...props}
-    viewBox="0 0 23 11"
     xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 23 11"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
-      d="M23 1.5A1.5 1.5 0 0 1 21.5 3h-20a1.5 1.5 0 0 1 0-3h20A1.5 1.5 0 0 1 23 1.5zm0 8a1.5 1.5 0 0 1-1.5 1.5h-20a1.5 1.5 0 0 1 0-3h20A1.5 1.5 0 0 1 23 9.5z"
-      fillRule="nonzero"
       fill="currentColor"
+      fillRule="nonzero"
+      d="M23 1.5A1.5 1.5 0 0 1 21.5 3h-20a1.5 1.5 0 0 1 0-3h20A1.5 1.5 0 0 1 23 1.5zm0 8a1.5 1.5 0 0 1-1.5 1.5h-20a1.5 1.5 0 0 1 0-3h20A1.5 1.5 0 0 1 23 9.5z"
     />
   </svg>
 );
-
 export default SvgEquals;
diff --git a/packages/desktop-client/src/icons/v1/ExclamationOutline.js b/packages/desktop-client/src/icons/v1/ExclamationOutline.js
index ec4535cdf53d9523e70edc85e909471547547e17..2c7d83ab69ff19a8d6611ab9bce76cd373959d25 100644
--- a/packages/desktop-client/src/icons/v1/ExclamationOutline.js
+++ b/packages/desktop-client/src/icons/v1/ExclamationOutline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgExclamationOutline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgExclamationOutline = props => (
     />
   </svg>
 );
-
 export default SvgExclamationOutline;
diff --git a/packages/desktop-client/src/icons/v1/ExclamationSolid.js b/packages/desktop-client/src/icons/v1/ExclamationSolid.js
index f8bfb0838a2f6e0c23c983f177473ec220981b98..65d7a07c3d151b90cb1d305cde3fd33a3f2d6eb1 100644
--- a/packages/desktop-client/src/icons/v1/ExclamationSolid.js
+++ b/packages/desktop-client/src/icons/v1/ExclamationSolid.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgExclamationSolid = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgExclamationSolid = props => (
     />
   </svg>
 );
-
 export default SvgExclamationSolid;
diff --git a/packages/desktop-client/src/icons/v1/Explore.js b/packages/desktop-client/src/icons/v1/Explore.js
index f477a69036a08934c6cbc46c8a1b910a6ff141e1..c5836190814197bae2990000e15c1365ee4d19f9 100644
--- a/packages/desktop-client/src/icons/v1/Explore.js
+++ b/packages/desktop-client/src/icons/v1/Explore.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgExplore = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgExplore = props => (
     />
   </svg>
 );
-
 export default SvgExplore;
diff --git a/packages/desktop-client/src/icons/v1/Factory.js b/packages/desktop-client/src/icons/v1/Factory.js
index 11c6486bf51d6753a24bd27a26c91539d354e5d1..313408bd1874369366d2d97cae2d8721ac17ca23 100644
--- a/packages/desktop-client/src/icons/v1/Factory.js
+++ b/packages/desktop-client/src/icons/v1/Factory.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgFactory = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgFactory = props => (
     />
   </svg>
 );
-
 export default SvgFactory;
diff --git a/packages/desktop-client/src/icons/v1/FastForward.js b/packages/desktop-client/src/icons/v1/FastForward.js
index a5d6252a25cdb997ce21e529ae60d6c5c784e7bc..d688f417964e520d15219d5183df2c5ca8052300 100644
--- a/packages/desktop-client/src/icons/v1/FastForward.js
+++ b/packages/desktop-client/src/icons/v1/FastForward.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgFastForward = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <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.js b/packages/desktop-client/src/icons/v1/FastRewind.js
index c578a7d78c5b3450c252c1ec49182cc73bdbcb99..da6afd256c976c08fccf635b979a16516c7ed6d7 100644
--- a/packages/desktop-client/src/icons/v1/FastRewind.js
+++ b/packages/desktop-client/src/icons/v1/FastRewind.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgFastRewind = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <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.js b/packages/desktop-client/src/icons/v1/FileDouble.js
index ac0a4f2f65986a3b73764ec84ed18caa8dc8af26..80acc04ceb1ce6e10ec37d94d1a62ed1bb2c6564 100644
--- a/packages/desktop-client/src/icons/v1/FileDouble.js
+++ b/packages/desktop-client/src/icons/v1/FileDouble.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgFileDouble = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgFileDouble = props => (
     />
   </svg>
 );
-
 export default SvgFileDouble;
diff --git a/packages/desktop-client/src/icons/v1/Film.js b/packages/desktop-client/src/icons/v1/Film.js
index 5c07dd9022167a0b27d275e9a6c40e598088422d..eae53da1cd9b23bbd89986b3591eff9c9f4acacd 100644
--- a/packages/desktop-client/src/icons/v1/Film.js
+++ b/packages/desktop-client/src/icons/v1/Film.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgFilm = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgFilm = props => (
     />
   </svg>
 );
-
 export default SvgFilm;
diff --git a/packages/desktop-client/src/icons/v1/Filter.js b/packages/desktop-client/src/icons/v1/Filter.js
index d3894fa76ff30e5846cb6e0f07a34e3139c66d4a..b3c3a2d952c924a786be63f0f7b0c9f2cda0dbe7 100644
--- a/packages/desktop-client/src/icons/v1/Filter.js
+++ b/packages/desktop-client/src/icons/v1/Filter.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgFilter = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <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.js b/packages/desktop-client/src/icons/v1/Flag.js
index e0835115f3bb1ff4fca62d4db7f747c3bd28dd65..272045d758f314a4eb27f6c514986e7562edb194 100644
--- a/packages/desktop-client/src/icons/v1/Flag.js
+++ b/packages/desktop-client/src/icons/v1/Flag.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgFlag = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgFlag = props => (
     />
   </svg>
 );
-
 export default SvgFlag;
diff --git a/packages/desktop-client/src/icons/v1/Flashlight.js b/packages/desktop-client/src/icons/v1/Flashlight.js
index 86e0edfb52bf45978801289af636296575eab7b7..38bbe3f9b0ca31aa35bd96d4ee65b45e5efebf82 100644
--- a/packages/desktop-client/src/icons/v1/Flashlight.js
+++ b/packages/desktop-client/src/icons/v1/Flashlight.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgFlashlight = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgFlashlight = props => (
     />
   </svg>
 );
-
 export default SvgFlashlight;
diff --git a/packages/desktop-client/src/icons/v1/Folder.js b/packages/desktop-client/src/icons/v1/Folder.js
index ac3340641f3e02f5e93f0c4971cf40ab863e368a..458999c032da2fb50b118873946694a73d58e241 100644
--- a/packages/desktop-client/src/icons/v1/Folder.js
+++ b/packages/desktop-client/src/icons/v1/Folder.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgFolder = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgFolder = props => (
     />
   </svg>
 );
-
 export default SvgFolder;
diff --git a/packages/desktop-client/src/icons/v1/FolderOutline.js b/packages/desktop-client/src/icons/v1/FolderOutline.js
index 2aea40e33cd0309572e67dbc78ba52798c26978b..df403576d79f5b1662998474ae92b18e4ac7d051 100644
--- a/packages/desktop-client/src/icons/v1/FolderOutline.js
+++ b/packages/desktop-client/src/icons/v1/FolderOutline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgFolderOutline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgFolderOutline = props => (
     />
   </svg>
 );
-
 export default SvgFolderOutline;
diff --git a/packages/desktop-client/src/icons/v1/FolderOutlineAdd.js b/packages/desktop-client/src/icons/v1/FolderOutlineAdd.js
index 0fee8dc67c28c2a0d9a7ef6b072c29c22e4dfaca..671905ffeb04dcffe7f00eedfdbf842e16a80d7c 100644
--- a/packages/desktop-client/src/icons/v1/FolderOutlineAdd.js
+++ b/packages/desktop-client/src/icons/v1/FolderOutlineAdd.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgFolderOutlineAdd = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgFolderOutlineAdd = props => (
     />
   </svg>
 );
-
 export default SvgFolderOutlineAdd;
diff --git a/packages/desktop-client/src/icons/v1/FormatBold.js b/packages/desktop-client/src/icons/v1/FormatBold.js
index 5905bd913ff56465d81bcc896f99e92a852c895e..1e7f3de6a212af757d310e06f99892dfc65e40bd 100644
--- a/packages/desktop-client/src/icons/v1/FormatBold.js
+++ b/packages/desktop-client/src/icons/v1/FormatBold.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgFormatBold = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgFormatBold = props => (
     />
   </svg>
 );
-
 export default SvgFormatBold;
diff --git a/packages/desktop-client/src/icons/v1/FormatFontSize.js b/packages/desktop-client/src/icons/v1/FormatFontSize.js
index f762b8f67d242175a9379150cf12b70742b9c5fd..328d4393414c167ec23010b3cab03f9d7930ccd1 100644
--- a/packages/desktop-client/src/icons/v1/FormatFontSize.js
+++ b/packages/desktop-client/src/icons/v1/FormatFontSize.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgFormatFontSize = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgFormatFontSize = props => (
     />
   </svg>
 );
-
 export default SvgFormatFontSize;
diff --git a/packages/desktop-client/src/icons/v1/FormatItalic.js b/packages/desktop-client/src/icons/v1/FormatItalic.js
index 14b787b7be44886caf5e949366af0e54ec5ff89d..10ed74d95aeeff59d2df905d32e22b92d172d98d 100644
--- a/packages/desktop-client/src/icons/v1/FormatItalic.js
+++ b/packages/desktop-client/src/icons/v1/FormatItalic.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgFormatItalic = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgFormatItalic = props => (
     />
   </svg>
 );
-
 export default SvgFormatItalic;
diff --git a/packages/desktop-client/src/icons/v1/FormatTextSize.js b/packages/desktop-client/src/icons/v1/FormatTextSize.js
index ed8bcf8bf7f33282fa209907925d215a81a0a747..025bf47570c7e28b231516cebe7443ea1cb9a7d6 100644
--- a/packages/desktop-client/src/icons/v1/FormatTextSize.js
+++ b/packages/desktop-client/src/icons/v1/FormatTextSize.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgFormatTextSize = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgFormatTextSize = props => (
     />
   </svg>
 );
-
 export default SvgFormatTextSize;
diff --git a/packages/desktop-client/src/icons/v1/FormatUnderline.js b/packages/desktop-client/src/icons/v1/FormatUnderline.js
index d9cf5e762b8b2d1c4371ca83731da1e6f87e3ae5..46757bbaadc3f37f6c18acec1f28553634f932ff 100644
--- a/packages/desktop-client/src/icons/v1/FormatUnderline.js
+++ b/packages/desktop-client/src/icons/v1/FormatUnderline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgFormatUnderline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgFormatUnderline = props => (
     />
   </svg>
 );
-
 export default SvgFormatUnderline;
diff --git a/packages/desktop-client/src/icons/v1/Forward.js b/packages/desktop-client/src/icons/v1/Forward.js
index 7c231595e3aa2ea05ddab26e7e8ebe30076bbb80..3bc597282e457ee1e4adf9b849427c0a45c145df 100644
--- a/packages/desktop-client/src/icons/v1/Forward.js
+++ b/packages/desktop-client/src/icons/v1/Forward.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgForward = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <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.js b/packages/desktop-client/src/icons/v1/ForwardStep.js
index 8f1082c13ef00cea628eb73d9c8be8efa045d446..4fbf0caec01572ffb91987e4333f8602a68b5725 100644
--- a/packages/desktop-client/src/icons/v1/ForwardStep.js
+++ b/packages/desktop-client/src/icons/v1/ForwardStep.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgForwardStep = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <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.js b/packages/desktop-client/src/icons/v1/Gift.js
index 4fedb579d9c95db03e5b44524a5b6b01d24dd502..0cc88a9a34c656e871728c50a1f13a7b34fe0dc6 100644
--- a/packages/desktop-client/src/icons/v1/Gift.js
+++ b/packages/desktop-client/src/icons/v1/Gift.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgGift = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgGift = props => (
     />
   </svg>
 );
-
 export default SvgGift;
diff --git a/packages/desktop-client/src/icons/v1/Globe.js b/packages/desktop-client/src/icons/v1/Globe.js
index 7734c8dfb9ef01a5d5a4017517494fb443c0603b..a69ce863e50190c5442ef2822d9c8baa861c319d 100644
--- a/packages/desktop-client/src/icons/v1/Globe.js
+++ b/packages/desktop-client/src/icons/v1/Globe.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgGlobe = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgGlobe = props => (
     />
   </svg>
 );
-
 export default SvgGlobe;
diff --git a/packages/desktop-client/src/icons/v1/HandStop.js b/packages/desktop-client/src/icons/v1/HandStop.js
index 8befb5c587f108aa80520e0c9b7941f9356445f9..05d5f5ac96f3ef5fdec9efe9e36b3f50bf507449 100644
--- a/packages/desktop-client/src/icons/v1/HandStop.js
+++ b/packages/desktop-client/src/icons/v1/HandStop.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgHandStop = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgHandStop = props => (
     />
   </svg>
 );
-
 export default SvgHandStop;
diff --git a/packages/desktop-client/src/icons/v1/HardDrive.js b/packages/desktop-client/src/icons/v1/HardDrive.js
index 4c18cfa2456c1b15181510e33388f3b2c4cce92f..28d1cab34d1925e267013b814db0930e4b3ffb47 100644
--- a/packages/desktop-client/src/icons/v1/HardDrive.js
+++ b/packages/desktop-client/src/icons/v1/HardDrive.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgHardDrive = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgHardDrive = props => (
     />
   </svg>
 );
-
 export default SvgHardDrive;
diff --git a/packages/desktop-client/src/icons/v1/Headphones.js b/packages/desktop-client/src/icons/v1/Headphones.js
index 0eeee8d0fa9eb2bb55df34dfa82aece498bb7147..f72b1d1d1661a38e5534e3617888ead878fe1751 100644
--- a/packages/desktop-client/src/icons/v1/Headphones.js
+++ b/packages/desktop-client/src/icons/v1/Headphones.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgHeadphones = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgHeadphones = props => (
     />
   </svg>
 );
-
 export default SvgHeadphones;
diff --git a/packages/desktop-client/src/icons/v1/Heart.js b/packages/desktop-client/src/icons/v1/Heart.js
index 3ffbcf0e54377edbf26e02cde14213150a512662..730816615f213148dbc76698629db6ad10f4c900 100644
--- a/packages/desktop-client/src/icons/v1/Heart.js
+++ b/packages/desktop-client/src/icons/v1/Heart.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgHeart = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgHeart = props => (
     />
   </svg>
 );
-
 export default SvgHeart;
diff --git a/packages/desktop-client/src/icons/v1/Home.js b/packages/desktop-client/src/icons/v1/Home.js
index 42ff54836fd2d486fb0e67381d1c2683a1b3a098..5829bd62edc5b74c6f934cc40164712f0a245da6 100644
--- a/packages/desktop-client/src/icons/v1/Home.js
+++ b/packages/desktop-client/src/icons/v1/Home.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgHome = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <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.js b/packages/desktop-client/src/icons/v1/Hot.js
index a72390f6f3e3a5f556021e8c1438709d46e9223b..1291e2448fea0db527ee3c7a5e141c5b3820b682 100644
--- a/packages/desktop-client/src/icons/v1/Hot.js
+++ b/packages/desktop-client/src/icons/v1/Hot.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgHot = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgHot = props => (
     />
   </svg>
 );
-
 export default SvgHot;
diff --git a/packages/desktop-client/src/icons/v1/HourGlass.js b/packages/desktop-client/src/icons/v1/HourGlass.js
index c9571fa11fd690323e8c36fd12f16aa47481f9b0..1c26d84af2c570e2ca777431b7496a008d4e3849 100644
--- a/packages/desktop-client/src/icons/v1/HourGlass.js
+++ b/packages/desktop-client/src/icons/v1/HourGlass.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgHourGlass = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgHourGlass = props => (
     />
   </svg>
 );
-
 export default SvgHourGlass;
diff --git a/packages/desktop-client/src/icons/v1/Inbox.js b/packages/desktop-client/src/icons/v1/Inbox.js
index b7bec089853fef54646c6749154158cd08d74d8e..8bf18b3269266a41c45ccf73b83e1423a8d5056f 100644
--- a/packages/desktop-client/src/icons/v1/Inbox.js
+++ b/packages/desktop-client/src/icons/v1/Inbox.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgInbox = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgInbox = props => (
     />
   </svg>
 );
-
 export default SvgInbox;
diff --git a/packages/desktop-client/src/icons/v1/InboxCheck.js b/packages/desktop-client/src/icons/v1/InboxCheck.js
index 2d8a9225583dda2944c0ed995d92a7595156fe8e..a29e722a05abc9ea494353fc8d1f92f0a81cbc3e 100644
--- a/packages/desktop-client/src/icons/v1/InboxCheck.js
+++ b/packages/desktop-client/src/icons/v1/InboxCheck.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgInboxCheck = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgInboxCheck = props => (
     />
   </svg>
 );
-
 export default SvgInboxCheck;
diff --git a/packages/desktop-client/src/icons/v1/InboxDownload.js b/packages/desktop-client/src/icons/v1/InboxDownload.js
index e61c66c1839c5bf2a6abd496cc948230464fa1ee..9f300b951de5b0a999f921bec3f16fd25a7a1f91 100644
--- a/packages/desktop-client/src/icons/v1/InboxDownload.js
+++ b/packages/desktop-client/src/icons/v1/InboxDownload.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgInboxDownload = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgInboxDownload = props => (
     />
   </svg>
 );
-
 export default SvgInboxDownload;
diff --git a/packages/desktop-client/src/icons/v1/InboxFull.js b/packages/desktop-client/src/icons/v1/InboxFull.js
index a955e104eb49a3da6e20280a24a9783ff48efd3c..632b40238eb3a0b195079377c18f25bdc38902c1 100644
--- a/packages/desktop-client/src/icons/v1/InboxFull.js
+++ b/packages/desktop-client/src/icons/v1/InboxFull.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgInboxFull = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgInboxFull = props => (
     />
   </svg>
 );
-
 export default SvgInboxFull;
diff --git a/packages/desktop-client/src/icons/v1/IndentDecrease.js b/packages/desktop-client/src/icons/v1/IndentDecrease.js
index 899225752b4ac2b2a2a1dabb9fbe2c40b16d4b06..1128a71677352385c51a15ef7a14261fcee69709 100644
--- a/packages/desktop-client/src/icons/v1/IndentDecrease.js
+++ b/packages/desktop-client/src/icons/v1/IndentDecrease.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgIndentDecrease = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgIndentDecrease = props => (
     />
   </svg>
 );
-
 export default SvgIndentDecrease;
diff --git a/packages/desktop-client/src/icons/v1/IndentIncrease.js b/packages/desktop-client/src/icons/v1/IndentIncrease.js
index 52b602b0d08de3bea7ffe5fe3b6a894c478ac36c..4fec24fccea85227303843e39e1295895b918afe 100644
--- a/packages/desktop-client/src/icons/v1/IndentIncrease.js
+++ b/packages/desktop-client/src/icons/v1/IndentIncrease.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgIndentIncrease = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgIndentIncrease = props => (
     />
   </svg>
 );
-
 export default SvgIndentIncrease;
diff --git a/packages/desktop-client/src/icons/v1/InformationOutline.js b/packages/desktop-client/src/icons/v1/InformationOutline.js
index c5c204f1d54516360c69a9584f413d2398b6306c..2ea662e1954eafd3e07c545faf75880cef2b16b0 100644
--- a/packages/desktop-client/src/icons/v1/InformationOutline.js
+++ b/packages/desktop-client/src/icons/v1/InformationOutline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgInformationOutline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgInformationOutline = props => (
     />
   </svg>
 );
-
 export default SvgInformationOutline;
diff --git a/packages/desktop-client/src/icons/v1/InformationSolid.js b/packages/desktop-client/src/icons/v1/InformationSolid.js
index 26a28366a62f9818649d56d947cfcef55505a134..42f7721ebded044c0c15a3fc3a6c32be670c221e 100644
--- a/packages/desktop-client/src/icons/v1/InformationSolid.js
+++ b/packages/desktop-client/src/icons/v1/InformationSolid.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgInformationSolid = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgInformationSolid = props => (
     />
   </svg>
 );
-
 export default SvgInformationSolid;
diff --git a/packages/desktop-client/src/icons/v1/Key.js b/packages/desktop-client/src/icons/v1/Key.js
index 28cfe6863cdb4b92f28ad4bbd4a2931031c9654d..b94bc9b205803c2d3c3f407385cb216234262c5a 100644
--- a/packages/desktop-client/src/icons/v1/Key.js
+++ b/packages/desktop-client/src/icons/v1/Key.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgKey = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgKey = props => (
     />
   </svg>
 );
-
 export default SvgKey;
diff --git a/packages/desktop-client/src/icons/v1/Keyboard.js b/packages/desktop-client/src/icons/v1/Keyboard.js
index fc3fb55a5e746832c0c3bb6790048a5723482bf0..5ad8e3c0d00a973c52b8162e0b4ffdf91806ae4a 100644
--- a/packages/desktop-client/src/icons/v1/Keyboard.js
+++ b/packages/desktop-client/src/icons/v1/Keyboard.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgKeyboard = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgKeyboard = props => (
     />
   </svg>
 );
-
 export default SvgKeyboard;
diff --git a/packages/desktop-client/src/icons/v1/Layers.js b/packages/desktop-client/src/icons/v1/Layers.js
index 4e57c9f4a630f2ef03afe32b1d940bd6110089fb..6c75a682874a807788f47192857ceed996615f1c 100644
--- a/packages/desktop-client/src/icons/v1/Layers.js
+++ b/packages/desktop-client/src/icons/v1/Layers.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLayers = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLayers = props => (
     />
   </svg>
 );
-
 export default SvgLayers;
diff --git a/packages/desktop-client/src/icons/v1/Library.js b/packages/desktop-client/src/icons/v1/Library.js
index 750752b05f78513039ae43e84b94ca4b86dbc20d..38504bd8cc7dc688e2e6ec06e9c8a8d072e9ef21 100644
--- a/packages/desktop-client/src/icons/v1/Library.js
+++ b/packages/desktop-client/src/icons/v1/Library.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLibrary = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLibrary = props => (
     />
   </svg>
 );
-
 export default SvgLibrary;
diff --git a/packages/desktop-client/src/icons/v1/LightBulb.js b/packages/desktop-client/src/icons/v1/LightBulb.js
index 62b93d64c03983724e8f656cfe556e72dc1288f0..5b112c4d3efda431ccae3ab99f86a283e0f58fce 100644
--- a/packages/desktop-client/src/icons/v1/LightBulb.js
+++ b/packages/desktop-client/src/icons/v1/LightBulb.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLightBulb = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLightBulb = props => (
     />
   </svg>
 );
-
 export default SvgLightBulb;
diff --git a/packages/desktop-client/src/icons/v1/Link.js b/packages/desktop-client/src/icons/v1/Link.js
index 958227ed6db4638a1b07b07096f843a6de793b7c..f4bc88a4bcec22abef96b25c76d1c18850c3c485 100644
--- a/packages/desktop-client/src/icons/v1/Link.js
+++ b/packages/desktop-client/src/icons/v1/Link.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLink = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLink = props => (
     />
   </svg>
 );
-
 export default SvgLink;
diff --git a/packages/desktop-client/src/icons/v1/List.js b/packages/desktop-client/src/icons/v1/List.js
index c37c1dbf22ab9dd2d40b5b2a95a4caa4ed04f7ae..93c2b21d77c168e9699d3b30ecf5bcc835f6c5dc 100644
--- a/packages/desktop-client/src/icons/v1/List.js
+++ b/packages/desktop-client/src/icons/v1/List.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgList = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgList = props => (
     />
   </svg>
 );
-
 export default SvgList;
diff --git a/packages/desktop-client/src/icons/v1/ListAdd.js b/packages/desktop-client/src/icons/v1/ListAdd.js
index db259176aedf03679ca420e5a50d46bf3ccc7f12..35333ff5d67908f69b277bf296793876f6ffa48d 100644
--- a/packages/desktop-client/src/icons/v1/ListAdd.js
+++ b/packages/desktop-client/src/icons/v1/ListAdd.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgListAdd = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgListAdd = props => (
     />
   </svg>
 );
-
 export default SvgListAdd;
diff --git a/packages/desktop-client/src/icons/v1/ListBullet.js b/packages/desktop-client/src/icons/v1/ListBullet.js
index 6f54e6871ebadb1552ec5d32b4954df5e93dbaa6..e8ed0b877fc72f34438d57211db0279a4333f5d9 100644
--- a/packages/desktop-client/src/icons/v1/ListBullet.js
+++ b/packages/desktop-client/src/icons/v1/ListBullet.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgListBullet = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgListBullet = props => (
     />
   </svg>
 );
-
 export default SvgListBullet;
diff --git a/packages/desktop-client/src/icons/v1/LoadBalancer.js b/packages/desktop-client/src/icons/v1/LoadBalancer.js
index 9f56ad5d4c25eeff4cc5cda62b05cd798568ce78..62479e874fc9956612cb72645cab385d0ecdd7fb 100644
--- a/packages/desktop-client/src/icons/v1/LoadBalancer.js
+++ b/packages/desktop-client/src/icons/v1/LoadBalancer.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLoadBalancer = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLoadBalancer = props => (
     />
   </svg>
 );
-
 export default SvgLoadBalancer;
diff --git a/packages/desktop-client/src/icons/v1/Location.js b/packages/desktop-client/src/icons/v1/Location.js
index f269ff8dfb670f9d6c84a0fdc73c7329a42774d6..70c0bdb34e791b6f714aaa1285d9635070245e4e 100644
--- a/packages/desktop-client/src/icons/v1/Location.js
+++ b/packages/desktop-client/src/icons/v1/Location.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLocation = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLocation = props => (
     />
   </svg>
 );
-
 export default SvgLocation;
diff --git a/packages/desktop-client/src/icons/v1/LocationCurrent.js b/packages/desktop-client/src/icons/v1/LocationCurrent.js
index 09884ce547ada02e12632c0125d142bf99c8d802..17b8b6cabed4b2b97765190dd5c9c439ec28b253 100644
--- a/packages/desktop-client/src/icons/v1/LocationCurrent.js
+++ b/packages/desktop-client/src/icons/v1/LocationCurrent.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgLocationCurrent = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <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.js b/packages/desktop-client/src/icons/v1/LocationFood.js
index 9c57d196d2011fd2295e12585616721987973a98..dd37a4e74a2e45f20359ace6cdc9c96db1f3d82b 100644
--- a/packages/desktop-client/src/icons/v1/LocationFood.js
+++ b/packages/desktop-client/src/icons/v1/LocationFood.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLocationFood = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLocationFood = props => (
     />
   </svg>
 );
-
 export default SvgLocationFood;
diff --git a/packages/desktop-client/src/icons/v1/LocationGasStation.js b/packages/desktop-client/src/icons/v1/LocationGasStation.js
index 676894c1e86f5d65ae1c87dbd80e4b425c3ead55..7c184fee471c34f450ca3603fc3690f1afa23d71 100644
--- a/packages/desktop-client/src/icons/v1/LocationGasStation.js
+++ b/packages/desktop-client/src/icons/v1/LocationGasStation.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLocationGasStation = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLocationGasStation = props => (
     />
   </svg>
 );
-
 export default SvgLocationGasStation;
diff --git a/packages/desktop-client/src/icons/v1/LocationHotel.js b/packages/desktop-client/src/icons/v1/LocationHotel.js
index 37f5c929a765d4ec0189c5e99942fa1dd7ceefa5..b5ecc5cccb0abaec76b411bc14fe222f6c667e37 100644
--- a/packages/desktop-client/src/icons/v1/LocationHotel.js
+++ b/packages/desktop-client/src/icons/v1/LocationHotel.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLocationHotel = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLocationHotel = props => (
     />
   </svg>
 );
-
 export default SvgLocationHotel;
diff --git a/packages/desktop-client/src/icons/v1/LocationMarina.js b/packages/desktop-client/src/icons/v1/LocationMarina.js
index 36504dae1d257aa3d22c9c6da6a0a4e586efd735..e5d07c905b480c64ec1c08fd28c41e6fbda88b22 100644
--- a/packages/desktop-client/src/icons/v1/LocationMarina.js
+++ b/packages/desktop-client/src/icons/v1/LocationMarina.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLocationMarina = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLocationMarina = props => (
     />
   </svg>
 );
-
 export default SvgLocationMarina;
diff --git a/packages/desktop-client/src/icons/v1/LocationPark.js b/packages/desktop-client/src/icons/v1/LocationPark.js
index d329e30ecf393ff6803ebf4c0b2e890e6f4e44c3..66f9c1a5013e1dbd18704dce7bd9938f665839a8 100644
--- a/packages/desktop-client/src/icons/v1/LocationPark.js
+++ b/packages/desktop-client/src/icons/v1/LocationPark.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLocationPark = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLocationPark = props => (
     />
   </svg>
 );
-
 export default SvgLocationPark;
diff --git a/packages/desktop-client/src/icons/v1/LocationRestroom.js b/packages/desktop-client/src/icons/v1/LocationRestroom.js
index 67b8d5e4c05ed0cee9dee9277d8f088910fad08e..bd18f517603edc836dea4c654c5850c9d236f8e9 100644
--- a/packages/desktop-client/src/icons/v1/LocationRestroom.js
+++ b/packages/desktop-client/src/icons/v1/LocationRestroom.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLocationRestroom = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLocationRestroom = props => (
     />
   </svg>
 );
-
 export default SvgLocationRestroom;
diff --git a/packages/desktop-client/src/icons/v1/LocationShopping.js b/packages/desktop-client/src/icons/v1/LocationShopping.js
index a051f9e1752e0dedc5ac403b0e96dc9b3499c90b..b0358c1b6e29146c2f55019086e1b30a56d26d5f 100644
--- a/packages/desktop-client/src/icons/v1/LocationShopping.js
+++ b/packages/desktop-client/src/icons/v1/LocationShopping.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLocationShopping = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLocationShopping = props => (
     />
   </svg>
 );
-
 export default SvgLocationShopping;
diff --git a/packages/desktop-client/src/icons/v1/LockClosed.js b/packages/desktop-client/src/icons/v1/LockClosed.js
index 8eb18037c2118764dc129f236ef4771f45997501..536f4ca91fcfbdc659aaac2125bae313820e5407 100644
--- a/packages/desktop-client/src/icons/v1/LockClosed.js
+++ b/packages/desktop-client/src/icons/v1/LockClosed.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLockClosed = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLockClosed = props => (
     />
   </svg>
 );
-
 export default SvgLockClosed;
diff --git a/packages/desktop-client/src/icons/v1/LockOpen.js b/packages/desktop-client/src/icons/v1/LockOpen.js
index cd591d452a29975b70dca1088ac3e78847de6fca..615449bf8341b21b8f5941a177f915e9f150c7af 100644
--- a/packages/desktop-client/src/icons/v1/LockOpen.js
+++ b/packages/desktop-client/src/icons/v1/LockOpen.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgLockOpen = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgLockOpen = props => (
     />
   </svg>
 );
-
 export default SvgLockOpen;
diff --git a/packages/desktop-client/src/icons/v1/Map.js b/packages/desktop-client/src/icons/v1/Map.js
index 0eab27db35a1ef2e568760366f15e55531ae6077..85bb540d286c12c02f1eede1dfa88b893c79fc88 100644
--- a/packages/desktop-client/src/icons/v1/Map.js
+++ b/packages/desktop-client/src/icons/v1/Map.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMap = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMap = props => (
     />
   </svg>
 );
-
 export default SvgMap;
diff --git a/packages/desktop-client/src/icons/v1/Menu.js b/packages/desktop-client/src/icons/v1/Menu.js
index 1f4bc702e9f338f68513cbba5bb53c7948ec95fb..26fab08b720623ffc2263898898b50d5d5484181 100644
--- a/packages/desktop-client/src/icons/v1/Menu.js
+++ b/packages/desktop-client/src/icons/v1/Menu.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgMenu = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" fill="currentColor" />
   </svg>
 );
-
 export default SvgMenu;
diff --git a/packages/desktop-client/src/icons/v1/Mic.js b/packages/desktop-client/src/icons/v1/Mic.js
index e182ef50b4f0b891edbc88bde1933476c4b22086..37416ff5e51ca5d7968792a7e3bc69535d5c59b5 100644
--- a/packages/desktop-client/src/icons/v1/Mic.js
+++ b/packages/desktop-client/src/icons/v1/Mic.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMic = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMic = props => (
     />
   </svg>
 );
-
 export default SvgMic;
diff --git a/packages/desktop-client/src/icons/v1/MinusOutline.js b/packages/desktop-client/src/icons/v1/MinusOutline.js
index 609e5467aa7a81ac2b48fa54ce4aec63f18a27d6..eacc4aa79dfc174293783ae3af497b74b2bbcf87 100644
--- a/packages/desktop-client/src/icons/v1/MinusOutline.js
+++ b/packages/desktop-client/src/icons/v1/MinusOutline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMinusOutline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMinusOutline = props => (
     />
   </svg>
 );
-
 export default SvgMinusOutline;
diff --git a/packages/desktop-client/src/icons/v1/MinusSolid.js b/packages/desktop-client/src/icons/v1/MinusSolid.js
index 5ab6d4da319b8e6a25d6580f3e6cb26d009755ef..1b85afa1e5e15005aeec2296db2be1dba94cd8ae 100644
--- a/packages/desktop-client/src/icons/v1/MinusSolid.js
+++ b/packages/desktop-client/src/icons/v1/MinusSolid.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMinusSolid = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMinusSolid = props => (
     />
   </svg>
 );
-
 export default SvgMinusSolid;
diff --git a/packages/desktop-client/src/icons/v1/MobileDevices.js b/packages/desktop-client/src/icons/v1/MobileDevices.js
index 88dcbb47a247e2d2b658bd4acb565769c1335279..253027a8b7ca04e4fab8e71ec11467e65d4cc5ec 100644
--- a/packages/desktop-client/src/icons/v1/MobileDevices.js
+++ b/packages/desktop-client/src/icons/v1/MobileDevices.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMobileDevices = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMobileDevices = props => (
     />
   </svg>
 );
-
 export default SvgMobileDevices;
diff --git a/packages/desktop-client/src/icons/v1/MoneyBag.js b/packages/desktop-client/src/icons/v1/MoneyBag.js
index e3dd50988855376f041813cd4db5a195e2ba1daf..2e3c7023122bc47d035e182bb9c49af634883434 100644
--- a/packages/desktop-client/src/icons/v1/MoneyBag.js
+++ b/packages/desktop-client/src/icons/v1/MoneyBag.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMoneyBag = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMoneyBag = props => (
     />
   </svg>
 );
-
 export default SvgMoneyBag;
diff --git a/packages/desktop-client/src/icons/v1/MoodHappyOutline.js b/packages/desktop-client/src/icons/v1/MoodHappyOutline.js
index c1d7c41b97ac7a6eb4231343c83853df9e575900..2672900383c958e2948f2d09c82a430ba0a760cb 100644
--- a/packages/desktop-client/src/icons/v1/MoodHappyOutline.js
+++ b/packages/desktop-client/src/icons/v1/MoodHappyOutline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMoodHappyOutline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMoodHappyOutline = props => (
     />
   </svg>
 );
-
 export default SvgMoodHappyOutline;
diff --git a/packages/desktop-client/src/icons/v1/MoodHappySolid.js b/packages/desktop-client/src/icons/v1/MoodHappySolid.js
index 3ce260d27407e64b28aeb9a6417730f08259bcc0..e6a21ac642bc8d761fe56b7bc7608398d2400bd2 100644
--- a/packages/desktop-client/src/icons/v1/MoodHappySolid.js
+++ b/packages/desktop-client/src/icons/v1/MoodHappySolid.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMoodHappySolid = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMoodHappySolid = props => (
     />
   </svg>
 );
-
 export default SvgMoodHappySolid;
diff --git a/packages/desktop-client/src/icons/v1/MoodNeutralOutline.js b/packages/desktop-client/src/icons/v1/MoodNeutralOutline.js
index f329e2647b19c51e89d78ef5e7f7bac1c94cc4db..e1424a5968565b0c39fa19d65cd9528a3d3e73d2 100644
--- a/packages/desktop-client/src/icons/v1/MoodNeutralOutline.js
+++ b/packages/desktop-client/src/icons/v1/MoodNeutralOutline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMoodNeutralOutline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMoodNeutralOutline = props => (
     />
   </svg>
 );
-
 export default SvgMoodNeutralOutline;
diff --git a/packages/desktop-client/src/icons/v1/MoodNeutralSolid.js b/packages/desktop-client/src/icons/v1/MoodNeutralSolid.js
index 813be41a96ef80bc756599ea01639b1945a806f0..6d404ca25c6ba791420cd3bbb78da8d4630ca1e2 100644
--- a/packages/desktop-client/src/icons/v1/MoodNeutralSolid.js
+++ b/packages/desktop-client/src/icons/v1/MoodNeutralSolid.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMoodNeutralSolid = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMoodNeutralSolid = props => (
     />
   </svg>
 );
-
 export default SvgMoodNeutralSolid;
diff --git a/packages/desktop-client/src/icons/v1/MoodSadOutline.js b/packages/desktop-client/src/icons/v1/MoodSadOutline.js
index 9614815bb4260a3be7364e91e6c7f6bc9a74013c..afbca52e10ea69384c83b63955d0efc509778d4d 100644
--- a/packages/desktop-client/src/icons/v1/MoodSadOutline.js
+++ b/packages/desktop-client/src/icons/v1/MoodSadOutline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMoodSadOutline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMoodSadOutline = props => (
     />
   </svg>
 );
-
 export default SvgMoodSadOutline;
diff --git a/packages/desktop-client/src/icons/v1/MoodSadSolid.js b/packages/desktop-client/src/icons/v1/MoodSadSolid.js
index 3da59b8416497a9efd9017083ce46681adb25af5..043a36dfa7731423ef3b3ee2c2c8d0cd4d246fc9 100644
--- a/packages/desktop-client/src/icons/v1/MoodSadSolid.js
+++ b/packages/desktop-client/src/icons/v1/MoodSadSolid.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMoodSadSolid = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMoodSadSolid = props => (
     />
   </svg>
 );
-
 export default SvgMoodSadSolid;
diff --git a/packages/desktop-client/src/icons/v1/Mouse.js b/packages/desktop-client/src/icons/v1/Mouse.js
index 8fdcb7382e49b3cb3b8ca90ce8920159b33112f0..4a28a104aea1adc55361ed95c6282cbbc18d3800 100644
--- a/packages/desktop-client/src/icons/v1/Mouse.js
+++ b/packages/desktop-client/src/icons/v1/Mouse.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMouse = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMouse = props => (
     />
   </svg>
 );
-
 export default SvgMouse;
diff --git a/packages/desktop-client/src/icons/v1/MoveBack.js b/packages/desktop-client/src/icons/v1/MoveBack.js
index 67dd66140d191f17e1983ad59205be7abe9947fe..5093d8bc70d5fa72338306cd2139410198e5a52b 100644
--- a/packages/desktop-client/src/icons/v1/MoveBack.js
+++ b/packages/desktop-client/src/icons/v1/MoveBack.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMoveBack = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMoveBack = props => (
     />
   </svg>
 );
-
 export default SvgMoveBack;
diff --git a/packages/desktop-client/src/icons/v1/MusicAlbum.js b/packages/desktop-client/src/icons/v1/MusicAlbum.js
index 8474a48abc6f0a56b67735b1c63af58a6b3cdb3c..8f4ad82563fc2a786469f0876f9eae2b849f9c12 100644
--- a/packages/desktop-client/src/icons/v1/MusicAlbum.js
+++ b/packages/desktop-client/src/icons/v1/MusicAlbum.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMusicAlbum = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMusicAlbum = props => (
     />
   </svg>
 );
-
 export default SvgMusicAlbum;
diff --git a/packages/desktop-client/src/icons/v1/MusicArtist.js b/packages/desktop-client/src/icons/v1/MusicArtist.js
index ea208de56261a0349eff8c186ad8d845dd0e4ff9..b4134973955b00fda6bbfc96ac072627e822573a 100644
--- a/packages/desktop-client/src/icons/v1/MusicArtist.js
+++ b/packages/desktop-client/src/icons/v1/MusicArtist.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMusicArtist = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMusicArtist = props => (
     />
   </svg>
 );
-
 export default SvgMusicArtist;
diff --git a/packages/desktop-client/src/icons/v1/MusicNotes.js b/packages/desktop-client/src/icons/v1/MusicNotes.js
index f7f8d1b1b8ccb042cbaf78bbe19018c9e233bf15..63a6f3d4da5f61bb79d433ab381c1a4d91d6f7c0 100644
--- a/packages/desktop-client/src/icons/v1/MusicNotes.js
+++ b/packages/desktop-client/src/icons/v1/MusicNotes.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMusicNotes = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMusicNotes = props => (
     />
   </svg>
 );
-
 export default SvgMusicNotes;
diff --git a/packages/desktop-client/src/icons/v1/MusicPlaylist.js b/packages/desktop-client/src/icons/v1/MusicPlaylist.js
index 8e0b04dc89690971f0d64617a72e5502c2e907c7..c1a7803d351d173daad9b2e3a6ea040ac93b75a6 100644
--- a/packages/desktop-client/src/icons/v1/MusicPlaylist.js
+++ b/packages/desktop-client/src/icons/v1/MusicPlaylist.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgMusicPlaylist = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgMusicPlaylist = props => (
     />
   </svg>
 );
-
 export default SvgMusicPlaylist;
diff --git a/packages/desktop-client/src/icons/v1/NavigationMore.js b/packages/desktop-client/src/icons/v1/NavigationMore.js
index a6012483e4d5cb6bae045e41b7bcdf919c406ad5..c32e9810ee7b9cbd3185ce64056bf73dc46c8168 100644
--- a/packages/desktop-client/src/icons/v1/NavigationMore.js
+++ b/packages/desktop-client/src/icons/v1/NavigationMore.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgNavigationMore = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgNavigationMore = props => (
     />
   </svg>
 );
-
 export default SvgNavigationMore;
diff --git a/packages/desktop-client/src/icons/v1/Network.js b/packages/desktop-client/src/icons/v1/Network.js
index e303ed881877f4a6f002819fe1795a88c0929e22..79d0d1d180fadd164ff946dfb014cc4a3296f904 100644
--- a/packages/desktop-client/src/icons/v1/Network.js
+++ b/packages/desktop-client/src/icons/v1/Network.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgNetwork = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgNetwork = props => (
     />
   </svg>
 );
-
 export default SvgNetwork;
diff --git a/packages/desktop-client/src/icons/v1/NewsPaper.js b/packages/desktop-client/src/icons/v1/NewsPaper.js
index 2708e68f555b5e75236dc40c0199f9d7a08796f7..c5b71572d46b215277ef009c7026b844d597b22f 100644
--- a/packages/desktop-client/src/icons/v1/NewsPaper.js
+++ b/packages/desktop-client/src/icons/v1/NewsPaper.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgNewsPaper = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgNewsPaper = props => (
     />
   </svg>
 );
-
 export default SvgNewsPaper;
diff --git a/packages/desktop-client/src/icons/v1/Notification.js b/packages/desktop-client/src/icons/v1/Notification.js
index 15167c0e48129755b461867ad8ed0f545b929c48..3b77371182b618b91a77e872c0fb246cc4ddd6cb 100644
--- a/packages/desktop-client/src/icons/v1/Notification.js
+++ b/packages/desktop-client/src/icons/v1/Notification.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgNotification = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgNotification = props => (
     />
   </svg>
 );
-
 export default SvgNotification;
diff --git a/packages/desktop-client/src/icons/v1/Notifications.js b/packages/desktop-client/src/icons/v1/Notifications.js
index c630d0136c3113991f54edbb1b62c0217d4f5259..ed0dca457b6010d8045f9d371d2e3ffcb1482dd1 100644
--- a/packages/desktop-client/src/icons/v1/Notifications.js
+++ b/packages/desktop-client/src/icons/v1/Notifications.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgNotifications = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgNotifications = props => (
     />
   </svg>
 );
-
 export default SvgNotifications;
diff --git a/packages/desktop-client/src/icons/v1/NotificationsOutline.js b/packages/desktop-client/src/icons/v1/NotificationsOutline.js
index 504535b71572f58ba941936dd9eb8ad16697704c..12f395c4d8c1b6263aa57150090bba0867733002 100644
--- a/packages/desktop-client/src/icons/v1/NotificationsOutline.js
+++ b/packages/desktop-client/src/icons/v1/NotificationsOutline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgNotificationsOutline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgNotificationsOutline = props => (
     />
   </svg>
 );
-
 export default SvgNotificationsOutline;
diff --git a/packages/desktop-client/src/icons/v1/Paste.js b/packages/desktop-client/src/icons/v1/Paste.js
index 241bcc2a83459d61d6f93653fb683fb5b6b38c0f..8b1361c5dfcae6907ff12464e9f67ebadcbb0287 100644
--- a/packages/desktop-client/src/icons/v1/Paste.js
+++ b/packages/desktop-client/src/icons/v1/Paste.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPaste = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgPaste = props => (
     />
   </svg>
 );
-
 export default SvgPaste;
diff --git a/packages/desktop-client/src/icons/v1/Pause.js b/packages/desktop-client/src/icons/v1/Pause.js
index 02bd814a74aa7ed1e72f21b1199ece741c018c07..e779f479b1381ae2f4b42a4afb383afd777f10cb 100644
--- a/packages/desktop-client/src/icons/v1/Pause.js
+++ b/packages/desktop-client/src/icons/v1/Pause.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgPause = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M5 4h3v12H5V4zm7 0h3v12h-3V4z" fill="currentColor" />
   </svg>
 );
-
 export default SvgPause;
diff --git a/packages/desktop-client/src/icons/v1/PauseOutline.js b/packages/desktop-client/src/icons/v1/PauseOutline.js
index 3b6e14b317be381330012f6766bfbcb516a22e02..c12d510df49e0d956644df36acce1063bf9e9736 100644
--- a/packages/desktop-client/src/icons/v1/PauseOutline.js
+++ b/packages/desktop-client/src/icons/v1/PauseOutline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPauseOutline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgPauseOutline = props => (
     />
   </svg>
 );
-
 export default SvgPauseOutline;
diff --git a/packages/desktop-client/src/icons/v1/PauseSolid.js b/packages/desktop-client/src/icons/v1/PauseSolid.js
index 0ddc3e362826c54b73283d003af3783791828523..6f71b80e94a8e271c6da8b38f8614282387173d6 100644
--- a/packages/desktop-client/src/icons/v1/PauseSolid.js
+++ b/packages/desktop-client/src/icons/v1/PauseSolid.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPauseSolid = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgPauseSolid = props => (
     />
   </svg>
 );
-
 export default SvgPauseSolid;
diff --git a/packages/desktop-client/src/icons/v1/PenTool.js b/packages/desktop-client/src/icons/v1/PenTool.js
index 79a1bb746d5feebb4b6edd66f539efa37a1b6322..c935658a436103aa2c00106bbd0b000213d98018 100644
--- a/packages/desktop-client/src/icons/v1/PenTool.js
+++ b/packages/desktop-client/src/icons/v1/PenTool.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPenTool = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgPenTool = props => (
     />
   </svg>
 );
-
 export default SvgPenTool;
diff --git a/packages/desktop-client/src/icons/v1/PencilWrite.js b/packages/desktop-client/src/icons/v1/PencilWrite.js
index 0e0403274e110ca5784e9803cff1dbbccbc27498..783a8a324770cad4430a5739b6540e74292cdc1a 100644
--- a/packages/desktop-client/src/icons/v1/PencilWrite.js
+++ b/packages/desktop-client/src/icons/v1/PencilWrite.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPencilWrite = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgPencilWrite = props => (
     />
   </svg>
 );
-
 export default SvgPencilWrite;
diff --git a/packages/desktop-client/src/icons/v1/Phone.js b/packages/desktop-client/src/icons/v1/Phone.js
index 70980886c31705ca762961a90826f1b596a131ad..e815d2f164922ff4de9973dd97ff79f6a14c8cf0 100644
--- a/packages/desktop-client/src/icons/v1/Phone.js
+++ b/packages/desktop-client/src/icons/v1/Phone.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPhone = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgPhone = props => (
     />
   </svg>
 );
-
 export default SvgPhone;
diff --git a/packages/desktop-client/src/icons/v1/Photo.js b/packages/desktop-client/src/icons/v1/Photo.js
index bca4b6f2310598a5d5825d87ea296468b0421bcf..c18164fe7820da886a9c7fbab30d7ce3cadace52 100644
--- a/packages/desktop-client/src/icons/v1/Photo.js
+++ b/packages/desktop-client/src/icons/v1/Photo.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPhoto = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgPhoto = props => (
     />
   </svg>
 );
-
 export default SvgPhoto;
diff --git a/packages/desktop-client/src/icons/v1/PhpElephant.js b/packages/desktop-client/src/icons/v1/PhpElephant.js
index 0ebd484ca258f485c01d8d79c188b814a7a04724..a8007442211bf1b941107df2e50624099a955f49 100644
--- a/packages/desktop-client/src/icons/v1/PhpElephant.js
+++ b/packages/desktop-client/src/icons/v1/PhpElephant.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPhpElephant = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -17,5 +16,4 @@ const SvgPhpElephant = props => (
     />
   </svg>
 );
-
 export default SvgPhpElephant;
diff --git a/packages/desktop-client/src/icons/v1/PiggyBank.js b/packages/desktop-client/src/icons/v1/PiggyBank.js
index 27e769992db6858669f597dfc7c5c92800493ca0..94b27f22811cb264aaa2e7a50babc4cea969fb91 100644
--- a/packages/desktop-client/src/icons/v1/PiggyBank.js
+++ b/packages/desktop-client/src/icons/v1/PiggyBank.js
@@ -1,19 +1,18 @@
 import * as React from 'react';
-
 const SvgPiggyBank = props => (
   <svg
     {...props}
-    viewBox="0 0 20 20"
     xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <g clipPath="url(#a)">
       <path
-        d="M1.857 7.612H.98a.98.98 0 0 0-.98.98v2.224c0 .449.184.857.51 1.163.612.551 1.816 1.49 3.735 2.368a.571.571 0 0 1 .306.346l.939 3.286a.484.484 0 0 0 .469.347h1.47a.479.479 0 0 0 .469-.367l.47-1.817a.262.262 0 0 1 .326-.183c.571.122 1.183.163 1.795.163.613 0 1.225-.061 1.796-.163.143-.02.286.06.327.183l.47 1.817a.502.502 0 0 0 .468.367h1.47a.484.484 0 0 0 .47-.347l1.224-4.245a.487.487 0 0 1 .122-.224c.919-.98 1.53-2.163 1.735-3.47h.49c.53 0 .959-.448.938-.979-.02-.51-.47-.918-.98-.918h-.448C18.06 4.673 14.632 2 10.489 2c-1.775 0-3.428.49-4.755 1.326-.591-.408-1.469-.734-2.693-.632-.49.04-.715.612-.388.959.408.429.796 1 .877 1.735L1.857 7.612Zm3.122.98a.862.862 0 0 1-.857-.858c0-.469.388-.857.857-.857.47 0 .858.388.858.857 0 .47-.388.858-.858.858Z"
         fill="currentColor"
+        d="M1.857 7.612H.98a.98.98 0 0 0-.98.98v2.224c0 .449.184.857.51 1.163.612.551 1.816 1.49 3.735 2.368a.571.571 0 0 1 .306.346l.939 3.286a.484.484 0 0 0 .469.347h1.47a.479.479 0 0 0 .469-.367l.47-1.817a.262.262 0 0 1 .326-.183c.571.122 1.183.163 1.795.163.613 0 1.225-.061 1.796-.163.143-.02.286.06.327.183l.47 1.817a.502.502 0 0 0 .468.367h1.47a.484.484 0 0 0 .47-.347l1.224-4.245a.487.487 0 0 1 .122-.224c.919-.98 1.53-2.163 1.735-3.47h.49c.53 0 .959-.448.938-.979-.02-.51-.47-.918-.98-.918h-.448C18.06 4.673 14.632 2 10.489 2c-1.775 0-3.428.49-4.755 1.326-.591-.408-1.469-.734-2.693-.632-.49.04-.715.612-.388.959.408.429.796 1 .877 1.735L1.857 7.612Zm3.122.98a.862.862 0 0 1-.857-.858c0-.469.388-.857.857-.857.47 0 .858.388.858.857 0 .47-.388.858-.858.858Z"
       />
     </g>
     <defs>
@@ -23,5 +22,4 @@ const SvgPiggyBank = props => (
     </defs>
   </svg>
 );
-
 export default SvgPiggyBank;
diff --git a/packages/desktop-client/src/icons/v1/Pin.js b/packages/desktop-client/src/icons/v1/Pin.js
index f288708262e0eae41035e7a619604a4823fdd297..a0a5457d283c08793844cdcb39d36662b2f55d6d 100644
--- a/packages/desktop-client/src/icons/v1/Pin.js
+++ b/packages/desktop-client/src/icons/v1/Pin.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPin = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgPin = props => (
     />
   </svg>
 );
-
 export default SvgPin;
diff --git a/packages/desktop-client/src/icons/v1/Play.js b/packages/desktop-client/src/icons/v1/Play.js
index 5a8c5605d2f5b36e08c28203a106b580140c4057..f56ebfba7b25470dd57c5e3e8035ed25fb8dd55a 100644
--- a/packages/desktop-client/src/icons/v1/Play.js
+++ b/packages/desktop-client/src/icons/v1/Play.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgPlay = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="m4 4 12 6-12 6z" fill="currentColor" />
   </svg>
 );
-
 export default SvgPlay;
diff --git a/packages/desktop-client/src/icons/v1/PlayOutline.js b/packages/desktop-client/src/icons/v1/PlayOutline.js
index 67a1f650c00893f58c97698bf0d45f9b757d97d5..46000e813577e02cc396f2d240519aad5edc4905 100644
--- a/packages/desktop-client/src/icons/v1/PlayOutline.js
+++ b/packages/desktop-client/src/icons/v1/PlayOutline.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPlayOutline = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgPlayOutline = props => (
     />
   </svg>
 );
-
 export default SvgPlayOutline;
diff --git a/packages/desktop-client/src/icons/v1/Playlist.js b/packages/desktop-client/src/icons/v1/Playlist.js
index 426ee24ac747244921da8e6d31d86c2483c99841..0baf65fd3996ea290fe0a74d206c32437aabd2c0 100644
--- a/packages/desktop-client/src/icons/v1/Playlist.js
+++ b/packages/desktop-client/src/icons/v1/Playlist.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPlaylist = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgPlaylist = props => (
     />
   </svg>
 );
-
 export default SvgPlaylist;
diff --git a/packages/desktop-client/src/icons/v1/Plugin.js b/packages/desktop-client/src/icons/v1/Plugin.js
index a8e984817519f8b0cac071ad2203a0d0a6587c4d..56f2e5618f1aca03a1a153bd44d8bd69446e2cc1 100644
--- a/packages/desktop-client/src/icons/v1/Plugin.js
+++ b/packages/desktop-client/src/icons/v1/Plugin.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPlugin = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgPlugin = props => (
     />
   </svg>
 );
-
 export default SvgPlugin;
diff --git a/packages/desktop-client/src/icons/v1/Portfolio.js b/packages/desktop-client/src/icons/v1/Portfolio.js
index be0893984117d4eb60cbc04087263049aa1b95c8..788306c6da61f220cb710ca7c2a81fdf1da00287 100644
--- a/packages/desktop-client/src/icons/v1/Portfolio.js
+++ b/packages/desktop-client/src/icons/v1/Portfolio.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPortfolio = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgPortfolio = props => (
     />
   </svg>
 );
-
 export default SvgPortfolio;
diff --git a/packages/desktop-client/src/icons/v1/Printer.js b/packages/desktop-client/src/icons/v1/Printer.js
index 0e1027f0a191222eeec9599dadd1a33c7bdc98b0..d2f79d9eea2728e652eb87d0faec410839733325 100644
--- a/packages/desktop-client/src/icons/v1/Printer.js
+++ b/packages/desktop-client/src/icons/v1/Printer.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPrinter = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgPrinter = props => (
     />
   </svg>
 );
-
 export default SvgPrinter;
diff --git a/packages/desktop-client/src/icons/v1/Pylon.js b/packages/desktop-client/src/icons/v1/Pylon.js
index 8e602f27050e094b49deb5361e250b41089082b7..b14060bd82b71f0d4a3619103e6681eed020588a 100644
--- a/packages/desktop-client/src/icons/v1/Pylon.js
+++ b/packages/desktop-client/src/icons/v1/Pylon.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPylon = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgPylon = props => (
     />
   </svg>
 );
-
 export default SvgPylon;
diff --git a/packages/desktop-client/src/icons/v1/Question.js b/packages/desktop-client/src/icons/v1/Question.js
index 70675fd803e2bac4753c133b5252ced722717596..5a512be878b00e1387d11d1b489791194bdebadb 100644
--- a/packages/desktop-client/src/icons/v1/Question.js
+++ b/packages/desktop-client/src/icons/v1/Question.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgQuestion = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgQuestion = props => (
     />
   </svg>
 );
-
 export default SvgQuestion;
diff --git a/packages/desktop-client/src/icons/v1/Queue.js b/packages/desktop-client/src/icons/v1/Queue.js
index 661be98a70f6275ecd0073285030ad8b967a02cc..f50c74a41a9d7c085aa94b0fafeef3adab0ddd2d 100644
--- a/packages/desktop-client/src/icons/v1/Queue.js
+++ b/packages/desktop-client/src/icons/v1/Queue.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgQueue = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgQueue = props => (
     />
   </svg>
 );
-
 export default SvgQueue;
diff --git a/packages/desktop-client/src/icons/v1/Radar.js b/packages/desktop-client/src/icons/v1/Radar.js
index 4f678d60e049591794dd6943b0ec1b1e402f46ff..6f75eec947d3756a9e80445a773e88d72786a61e 100644
--- a/packages/desktop-client/src/icons/v1/Radar.js
+++ b/packages/desktop-client/src/icons/v1/Radar.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgRadar = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgRadar = props => (
     />
   </svg>
 );
-
 export default SvgRadar;
diff --git a/packages/desktop-client/src/icons/v1/RadarCopy2.js b/packages/desktop-client/src/icons/v1/RadarCopy2.js
index ecd0c09ec37b78fdc5dfb8d4303e7ae8f80d8e9e..7cf3e52cef651ca3222a5b856714f2c6465ab5da 100644
--- a/packages/desktop-client/src/icons/v1/RadarCopy2.js
+++ b/packages/desktop-client/src/icons/v1/RadarCopy2.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgRadarCopy2 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgRadarCopy2 = props => (
     />
   </svg>
 );
-
 export default SvgRadarCopy2;
diff --git a/packages/desktop-client/src/icons/v1/Radio.js b/packages/desktop-client/src/icons/v1/Radio.js
index 0f58bce77aeb41e1c456d7c72af363a2af55b0ca..9158e5eec38fac3cd5c39e2b37c6f183924f6678 100644
--- a/packages/desktop-client/src/icons/v1/Radio.js
+++ b/packages/desktop-client/src/icons/v1/Radio.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgRadio = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgRadio = props => (
     />
   </svg>
 );
-
 export default SvgRadio;
diff --git a/packages/desktop-client/src/icons/v1/Refresh.js b/packages/desktop-client/src/icons/v1/Refresh.js
index 44c4d11ede38c47709134dd0d147778a2e74ff4b..32e1fd623db99252783e6cbb31be3dbd5d07580e 100644
--- a/packages/desktop-client/src/icons/v1/Refresh.js
+++ b/packages/desktop-client/src/icons/v1/Refresh.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgRefresh = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgRefresh = props => (
     />
   </svg>
 );
-
 export default SvgRefresh;
diff --git a/packages/desktop-client/src/icons/v1/Reload.js b/packages/desktop-client/src/icons/v1/Reload.js
index 5ce0bc4408070e7443d2104025eac5b3006a1f13..9b7a912d220901ce2ca8a5ee03d66664e8ff52ab 100644
--- a/packages/desktop-client/src/icons/v1/Reload.js
+++ b/packages/desktop-client/src/icons/v1/Reload.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgReload = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgReload = props => (
     />
   </svg>
 );
-
 export default SvgReload;
diff --git a/packages/desktop-client/src/icons/v1/Reply.js b/packages/desktop-client/src/icons/v1/Reply.js
index 2ee62712a7928c76754ef818047968f13f79616c..8084160379920ef5d59e4e77e92b9725d22191a2 100644
--- a/packages/desktop-client/src/icons/v1/Reply.js
+++ b/packages/desktop-client/src/icons/v1/Reply.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgReply = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgReply = props => (
     />
   </svg>
 );
-
 export default SvgReply;
diff --git a/packages/desktop-client/src/icons/v1/ReplyAll.js b/packages/desktop-client/src/icons/v1/ReplyAll.js
index 3ea9b2738bab28cb24c3384a642926449233652b..eaff3a53b90f7e80c2be280195bc3e5598d57e0a 100644
--- a/packages/desktop-client/src/icons/v1/ReplyAll.js
+++ b/packages/desktop-client/src/icons/v1/ReplyAll.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgReplyAll = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgReplyAll = props => (
     />
   </svg>
 );
-
 export default SvgReplyAll;
diff --git a/packages/desktop-client/src/icons/v1/Reports.js b/packages/desktop-client/src/icons/v1/Reports.js
index bd57b87d496939d818c0ac4076c490ec7b0a0024..045a21319fa8aa034aceb957dac22ae2ae8a2100 100644
--- a/packages/desktop-client/src/icons/v1/Reports.js
+++ b/packages/desktop-client/src/icons/v1/Reports.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgReports = props => (
   <svg
     {...props}
-    viewBox="0 0 20 20"
     xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgReports = props => (
     />
   </svg>
 );
-
 export default SvgReports;
diff --git a/packages/desktop-client/src/icons/v1/Repost.js b/packages/desktop-client/src/icons/v1/Repost.js
index 4e5578ba798d95bc54cac521843ee5f0156b75c8..52d85f28b23ef983422c747bd81c20e6049b19d2 100644
--- a/packages/desktop-client/src/icons/v1/Repost.js
+++ b/packages/desktop-client/src/icons/v1/Repost.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgRepost = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgRepost = props => (
     />
   </svg>
 );
-
 export default SvgRepost;
diff --git a/packages/desktop-client/src/icons/v1/SaveDisk.js b/packages/desktop-client/src/icons/v1/SaveDisk.js
index a506724e5f29076623f4fb8dc3e5146c59aa10cb..b57619bcf3451321c971f44bac2ef87f1ddb09e0 100644
--- a/packages/desktop-client/src/icons/v1/SaveDisk.js
+++ b/packages/desktop-client/src/icons/v1/SaveDisk.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgSaveDisk = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgSaveDisk = props => (
     />
   </svg>
 );
-
 export default SvgSaveDisk;
diff --git a/packages/desktop-client/src/icons/v1/ScreenFull.js b/packages/desktop-client/src/icons/v1/ScreenFull.js
index 776a7a961fd781f4d242b74e06eb28a0463d1981..3fa457f9a360196f74aa1ff48373ce367335a023 100644
--- a/packages/desktop-client/src/icons/v1/ScreenFull.js
+++ b/packages/desktop-client/src/icons/v1/ScreenFull.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgScreenFull = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgScreenFull = props => (
     />
   </svg>
 );
-
 export default SvgScreenFull;
diff --git a/packages/desktop-client/src/icons/v1/Search.js b/packages/desktop-client/src/icons/v1/Search.js
index 2d02d689771ca234f10c8ded0bafbb3de6c96273..f60a24289fdad07195836a811b63e2b839977ed2 100644
--- a/packages/desktop-client/src/icons/v1/Search.js
+++ b/packages/desktop-client/src/icons/v1/Search.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgSearch = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgSearch = props => (
     />
   </svg>
 );
-
 export default SvgSearch;
diff --git a/packages/desktop-client/src/icons/v1/Send.js b/packages/desktop-client/src/icons/v1/Send.js
index 813080357ffb00e5df4bab378fb99b311c1c4b45..32d64b6e6e3128340f95da04d9c2b6255fd230eb 100644
--- a/packages/desktop-client/src/icons/v1/Send.js
+++ b/packages/desktop-client/src/icons/v1/Send.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgSend = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <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.js b/packages/desktop-client/src/icons/v1/Servers.js
index f9e0c3aa23f99240815191c4f2fcb615b479d251..b75a614a6d0ac7a0eceb323f42c8c7fb24a72afa 100644
--- a/packages/desktop-client/src/icons/v1/Servers.js
+++ b/packages/desktop-client/src/icons/v1/Servers.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgServers = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgServers = props => (
     />
   </svg>
 );
-
 export default SvgServers;
diff --git a/packages/desktop-client/src/icons/v1/Share.js b/packages/desktop-client/src/icons/v1/Share.js
index 3e41b6816f994b8c2fe4c1ebb1c16bdd875e3797..f6733ab1fd30ae7f1ecd5ddd4f032a43688aeb86 100644
--- a/packages/desktop-client/src/icons/v1/Share.js
+++ b/packages/desktop-client/src/icons/v1/Share.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgShare = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgShare = props => (
     />
   </svg>
 );
-
 export default SvgShare;
diff --git a/packages/desktop-client/src/icons/v1/Share01.js b/packages/desktop-client/src/icons/v1/Share01.js
index d2e72d645fc689da04ffb7f9b3b44b6bd24e2a01..d700422cc08feaf79e0819b1abc58f208e6526c2 100644
--- a/packages/desktop-client/src/icons/v1/Share01.js
+++ b/packages/desktop-client/src/icons/v1/Share01.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgShare01 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgShare01 = props => (
     />
   </svg>
 );
-
 export default SvgShare01;
diff --git a/packages/desktop-client/src/icons/v1/ShareAlt.js b/packages/desktop-client/src/icons/v1/ShareAlt.js
index ff4c6c8b57b1c4c4740a721c148f8573ce18bba3..bc50513803d46f8d9f12167ce04cc74393513597 100644
--- a/packages/desktop-client/src/icons/v1/ShareAlt.js
+++ b/packages/desktop-client/src/icons/v1/ShareAlt.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgShareAlt = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgShareAlt = props => (
     />
   </svg>
 );
-
 export default SvgShareAlt;
diff --git a/packages/desktop-client/src/icons/v1/Shield.js b/packages/desktop-client/src/icons/v1/Shield.js
index 459f060d2652c147e2899dbaf938ee4aa6be82c4..d3b63db73d7d2812c88806d21bb610360caa09c6 100644
--- a/packages/desktop-client/src/icons/v1/Shield.js
+++ b/packages/desktop-client/src/icons/v1/Shield.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgShield = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgShield = props => (
     />
   </svg>
 );
-
 export default SvgShield;
diff --git a/packages/desktop-client/src/icons/v1/ShoppingCart.js b/packages/desktop-client/src/icons/v1/ShoppingCart.js
index 783cb8c3f33c64d7bf38cf925d68357404cb8377..688257c3a4f5bc00191de61bf4e491b14731c014 100644
--- a/packages/desktop-client/src/icons/v1/ShoppingCart.js
+++ b/packages/desktop-client/src/icons/v1/ShoppingCart.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgShoppingCart = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgShoppingCart = props => (
     />
   </svg>
 );
-
 export default SvgShoppingCart;
diff --git a/packages/desktop-client/src/icons/v1/ShowSidebar.js b/packages/desktop-client/src/icons/v1/ShowSidebar.js
index f58998cc544f72a2007f52e5f2a964e0e309f6c2..617886adf1021e48e18eebaeb1db7ff807f9f81d 100644
--- a/packages/desktop-client/src/icons/v1/ShowSidebar.js
+++ b/packages/desktop-client/src/icons/v1/ShowSidebar.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgShowSidebar = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgShowSidebar = props => (
     />
   </svg>
 );
-
 export default SvgShowSidebar;
diff --git a/packages/desktop-client/src/icons/v1/Shuffle.js b/packages/desktop-client/src/icons/v1/Shuffle.js
index eec70e114163cb2602f1a348e4bc7ee90274afb1..36d5d55eb3431d7abe923b89ec5f04aa3e9f68b0 100644
--- a/packages/desktop-client/src/icons/v1/Shuffle.js
+++ b/packages/desktop-client/src/icons/v1/Shuffle.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgShuffle = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgShuffle = props => (
     />
   </svg>
 );
-
 export default SvgShuffle;
diff --git a/packages/desktop-client/src/icons/v1/StandBy.js b/packages/desktop-client/src/icons/v1/StandBy.js
index 0b17f2d91b7bc36ba8c105bfae03703414dbd499..a6270f3d9c737df5747084e3bc704307a39ad6b2 100644
--- a/packages/desktop-client/src/icons/v1/StandBy.js
+++ b/packages/desktop-client/src/icons/v1/StandBy.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgStandBy = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -17,5 +16,4 @@ const SvgStandBy = props => (
     />
   </svg>
 );
-
 export default SvgStandBy;
diff --git a/packages/desktop-client/src/icons/v1/StarFull.js b/packages/desktop-client/src/icons/v1/StarFull.js
index 7930ade2e55c4a722db401fa59623680278b7b10..b54ce90f2a335220f13ae2f5ea1f06ef45fdac3c 100644
--- a/packages/desktop-client/src/icons/v1/StarFull.js
+++ b/packages/desktop-client/src/icons/v1/StarFull.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgStarFull = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgStarFull = props => (
     />
   </svg>
 );
-
 export default SvgStarFull;
diff --git a/packages/desktop-client/src/icons/v1/Station.js b/packages/desktop-client/src/icons/v1/Station.js
index 1bcc81021714fdbe838cece984e1496ab54023d9..ad4d6d54af1d238d7203341a138bab283a4dec07 100644
--- a/packages/desktop-client/src/icons/v1/Station.js
+++ b/packages/desktop-client/src/icons/v1/Station.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgStation = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgStation = props => (
     />
   </svg>
 );
-
 export default SvgStation;
diff --git a/packages/desktop-client/src/icons/v1/StepBackward.js b/packages/desktop-client/src/icons/v1/StepBackward.js
index f97c0d62aeacbc770b3708f4d2800b6b613ce07b..02feabb383b610bac449ebaa16d31ee90763c1d0 100644
--- a/packages/desktop-client/src/icons/v1/StepBackward.js
+++ b/packages/desktop-client/src/icons/v1/StepBackward.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgStepBackward = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <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.js b/packages/desktop-client/src/icons/v1/StepForward.js
index 33b9efc0f0bea9ed6113fdd0fa33ee0120a74dd6..6c882e2477f59e01ccdd32a1bcf7c4bc85397c59 100644
--- a/packages/desktop-client/src/icons/v1/StepForward.js
+++ b/packages/desktop-client/src/icons/v1/StepForward.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgStepForward = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <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.js b/packages/desktop-client/src/icons/v1/Stethoscope.js
index 05874391afb1c761b03cc347b77a95a2864af5d8..01a00e0659cd8e69d9dbdd772910d3a537d77a8c 100644
--- a/packages/desktop-client/src/icons/v1/Stethoscope.js
+++ b/packages/desktop-client/src/icons/v1/Stethoscope.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgStethoscope = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgStethoscope = props => (
     />
   </svg>
 );
-
 export default SvgStethoscope;
diff --git a/packages/desktop-client/src/icons/v1/StoreFront.js b/packages/desktop-client/src/icons/v1/StoreFront.js
index 4dd7a20004f928ee684f471f8cfb386ac1479b1d..3667c960dfdb5151ce989087618f6bb88f3375cf 100644
--- a/packages/desktop-client/src/icons/v1/StoreFront.js
+++ b/packages/desktop-client/src/icons/v1/StoreFront.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgStoreFront = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgStoreFront = props => (
     />
   </svg>
 );
-
 export default SvgStoreFront;
diff --git a/packages/desktop-client/src/icons/v1/StrokeWidth.js b/packages/desktop-client/src/icons/v1/StrokeWidth.js
index 8127a19c8896fb74c6eb546329e3a9a90f1dcbf8..e8ebe0fc41cf0351e5b4e4b0b55549655301838a 100644
--- a/packages/desktop-client/src/icons/v1/StrokeWidth.js
+++ b/packages/desktop-client/src/icons/v1/StrokeWidth.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgStrokeWidth = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgStrokeWidth = props => (
     />
   </svg>
 );
-
 export default SvgStrokeWidth;
diff --git a/packages/desktop-client/src/icons/v1/SubdirectoryLeft.js b/packages/desktop-client/src/icons/v1/SubdirectoryLeft.js
index 8802dbcd82417ab42f0925ae94998cca5971407a..90620c47923cf46c299f1cbb56699091becfef0d 100644
--- a/packages/desktop-client/src/icons/v1/SubdirectoryLeft.js
+++ b/packages/desktop-client/src/icons/v1/SubdirectoryLeft.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgSubdirectoryLeft = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M18 12v1H8v5l-6-6 6-6v5h8V2h2z" fill="currentColor" />
   </svg>
 );
-
 export default SvgSubdirectoryLeft;
diff --git a/packages/desktop-client/src/icons/v1/SubdirectoryRight.js b/packages/desktop-client/src/icons/v1/SubdirectoryRight.js
index 64d7e78c19322df8f6ede3ab5cfd554fa2d4e4eb..2e61763a2e7afd9016f916dc650b108fe99f19b9 100644
--- a/packages/desktop-client/src/icons/v1/SubdirectoryRight.js
+++ b/packages/desktop-client/src/icons/v1/SubdirectoryRight.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgSubdirectoryRight = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M3.5 13H12v5l6-6-6-6v5H4V2H2v11z" fill="currentColor" />
   </svg>
 );
-
 export default SvgSubdirectoryRight;
diff --git a/packages/desktop-client/src/icons/v1/Subtract.js b/packages/desktop-client/src/icons/v1/Subtract.js
index 49ab73bc230fe728d98438153f36ee56b8704edb..4caa56d0ff17d8ae2b159dbd01ac8def9dae6833 100644
--- a/packages/desktop-client/src/icons/v1/Subtract.js
+++ b/packages/desktop-client/src/icons/v1/Subtract.js
@@ -1,21 +1,19 @@
 import * as React from 'react';
-
 const SvgSubtract = props => (
   <svg
     {...props}
-    viewBox="0 0 23 3"
     xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 23 3"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
-      d="M23 1.5A1.5 1.5 0 0 1 21.5 3h-20a1.5 1.5 0 0 1 0-3h20A1.5 1.5 0 0 1 23 1.5z"
-      fillRule="nonzero"
       fill="currentColor"
+      fillRule="nonzero"
+      d="M23 1.5A1.5 1.5 0 0 1 21.5 3h-20a1.5 1.5 0 0 1 0-3h20A1.5 1.5 0 0 1 23 1.5z"
     />
   </svg>
 );
-
 export default SvgSubtract;
diff --git a/packages/desktop-client/src/icons/v1/Swap.js b/packages/desktop-client/src/icons/v1/Swap.js
index b81bb8a0caaf238bd35ed8d35ddb84c82fe5bafc..5ab56b7850058ae968087222bf5ac6fb077f22e0 100644
--- a/packages/desktop-client/src/icons/v1/Swap.js
+++ b/packages/desktop-client/src/icons/v1/Swap.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgSwap = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgSwap = props => (
     />
   </svg>
 );
-
 export default SvgSwap;
diff --git a/packages/desktop-client/src/icons/v1/Tablet.js b/packages/desktop-client/src/icons/v1/Tablet.js
index 173197282d772b67211f8a65ee4fd17d5bfa06ad..b75ad83cf13bdbeb381e7d98241e904f4e191bd4 100644
--- a/packages/desktop-client/src/icons/v1/Tablet.js
+++ b/packages/desktop-client/src/icons/v1/Tablet.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTablet = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTablet = props => (
     />
   </svg>
 );
-
 export default SvgTablet;
diff --git a/packages/desktop-client/src/icons/v1/Tag.js b/packages/desktop-client/src/icons/v1/Tag.js
index fedfcaed136f6d1f29f092f263fd3c2062379443..362429669cda0375310aa1389cce20cbbb985b96 100644
--- a/packages/desktop-client/src/icons/v1/Tag.js
+++ b/packages/desktop-client/src/icons/v1/Tag.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTag = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTag = props => (
     />
   </svg>
 );
-
 export default SvgTag;
diff --git a/packages/desktop-client/src/icons/v1/Target.js b/packages/desktop-client/src/icons/v1/Target.js
index 272d3d152e67a04dd08ab0cb603397bc2e682747..be39bf4cac8a8588b5c4e352e95faa5e1cd8b5e3 100644
--- a/packages/desktop-client/src/icons/v1/Target.js
+++ b/packages/desktop-client/src/icons/v1/Target.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTarget = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTarget = props => (
     />
   </svg>
 );
-
 export default SvgTarget;
diff --git a/packages/desktop-client/src/icons/v1/TextBox.js b/packages/desktop-client/src/icons/v1/TextBox.js
index 99c8048d153d601c53c60409f0990f25ec7f710f..c7f466766a13b9125cbb13840c0d4a7ec8c1e300 100644
--- a/packages/desktop-client/src/icons/v1/TextBox.js
+++ b/packages/desktop-client/src/icons/v1/TextBox.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTextBox = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTextBox = props => (
     />
   </svg>
 );
-
 export default SvgTextBox;
diff --git a/packages/desktop-client/src/icons/v1/TextDecoration.js b/packages/desktop-client/src/icons/v1/TextDecoration.js
index c6667e9f62bc8ce08c6a35669235310541c4a551..59fe3a51988fd81c5cfb106e425b241bd697384f 100644
--- a/packages/desktop-client/src/icons/v1/TextDecoration.js
+++ b/packages/desktop-client/src/icons/v1/TextDecoration.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTextDecoration = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTextDecoration = props => (
     />
   </svg>
 );
-
 export default SvgTextDecoration;
diff --git a/packages/desktop-client/src/icons/v1/Thermometer.js b/packages/desktop-client/src/icons/v1/Thermometer.js
index f66f3ecccf23385a189ed055ff6a5b6f29670395..2b01dfa37f11850d16cf057893282bbd28ac4298 100644
--- a/packages/desktop-client/src/icons/v1/Thermometer.js
+++ b/packages/desktop-client/src/icons/v1/Thermometer.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgThermometer = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgThermometer = props => (
     />
   </svg>
 );
-
 export default SvgThermometer;
diff --git a/packages/desktop-client/src/icons/v1/ThumbsDown.js b/packages/desktop-client/src/icons/v1/ThumbsDown.js
index d3983e6e2e0ee382a042635b17273c67557c80b6..6df5e889e2863e0c1f481cf8c6c4e483831cc7b9 100644
--- a/packages/desktop-client/src/icons/v1/ThumbsDown.js
+++ b/packages/desktop-client/src/icons/v1/ThumbsDown.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgThumbsDown = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgThumbsDown = props => (
     />
   </svg>
 );
-
 export default SvgThumbsDown;
diff --git a/packages/desktop-client/src/icons/v1/ThumbsUp.js b/packages/desktop-client/src/icons/v1/ThumbsUp.js
index e242a3cf531a7f566f0ff715ad0495fdae68e9d2..3bd4ee02a3bf50e35267fe70255b2a66a20998a8 100644
--- a/packages/desktop-client/src/icons/v1/ThumbsUp.js
+++ b/packages/desktop-client/src/icons/v1/ThumbsUp.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgThumbsUp = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgThumbsUp = props => (
     />
   </svg>
 );
-
 export default SvgThumbsUp;
diff --git a/packages/desktop-client/src/icons/v1/Ticket.js b/packages/desktop-client/src/icons/v1/Ticket.js
index a63dcab9db9849883e52a1cbb534db83628bc6fe..40861f0abd9cc9ab657d5b6f01bce05409655dc4 100644
--- a/packages/desktop-client/src/icons/v1/Ticket.js
+++ b/packages/desktop-client/src/icons/v1/Ticket.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTicket = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTicket = props => (
     />
   </svg>
 );
-
 export default SvgTicket;
diff --git a/packages/desktop-client/src/icons/v1/Time.js b/packages/desktop-client/src/icons/v1/Time.js
index b022ffa5f50c4d2f7600521e0556a471b3c23001..62e9a1154380257340c411dd5a50473ec6a474a5 100644
--- a/packages/desktop-client/src/icons/v1/Time.js
+++ b/packages/desktop-client/src/icons/v1/Time.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTime = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTime = props => (
     />
   </svg>
 );
-
 export default SvgTime;
diff --git a/packages/desktop-client/src/icons/v1/Timer.js b/packages/desktop-client/src/icons/v1/Timer.js
index 9160dc5b2aef342aef624af8eb5aacf858967674..1d35205eabaa55fce5a3af105387192972f34c91 100644
--- a/packages/desktop-client/src/icons/v1/Timer.js
+++ b/packages/desktop-client/src/icons/v1/Timer.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTimer = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTimer = props => (
     />
   </svg>
 );
-
 export default SvgTimer;
diff --git a/packages/desktop-client/src/icons/v1/ToolsCopy.js b/packages/desktop-client/src/icons/v1/ToolsCopy.js
index 52a3ebedfac6e3173e758e787b5a0bb8a779359f..6888f8f99ada5f3eac37c30fb9f548ce87661349 100644
--- a/packages/desktop-client/src/icons/v1/ToolsCopy.js
+++ b/packages/desktop-client/src/icons/v1/ToolsCopy.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgToolsCopy = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgToolsCopy = props => (
     />
   </svg>
 );
-
 export default SvgToolsCopy;
diff --git a/packages/desktop-client/src/icons/v1/Translate.js b/packages/desktop-client/src/icons/v1/Translate.js
index 38e86d4748dab3256208cf4809e214475b9811dd..6216929ec38ee48be03576d58f819296674278d7 100644
--- a/packages/desktop-client/src/icons/v1/Translate.js
+++ b/packages/desktop-client/src/icons/v1/Translate.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTranslate = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTranslate = props => (
     />
   </svg>
 );
-
 export default SvgTranslate;
diff --git a/packages/desktop-client/src/icons/v1/Trash.js b/packages/desktop-client/src/icons/v1/Trash.js
index 79cc672653c8ae1620b43c56725b255807433b07..1adb32c23373d13166ed193ec4d93c5920911772 100644
--- a/packages/desktop-client/src/icons/v1/Trash.js
+++ b/packages/desktop-client/src/icons/v1/Trash.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTrash = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTrash = props => (
     />
   </svg>
 );
-
 export default SvgTrash;
diff --git a/packages/desktop-client/src/icons/v1/Travel.js b/packages/desktop-client/src/icons/v1/Travel.js
index a5b33f063caa37981ffc88032b5df4be26700db3..54f2f3a23418a8d16d2ae9803d13ca6d724233e5 100644
--- a/packages/desktop-client/src/icons/v1/Travel.js
+++ b/packages/desktop-client/src/icons/v1/Travel.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTravel = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTravel = props => (
     />
   </svg>
 );
-
 export default SvgTravel;
diff --git a/packages/desktop-client/src/icons/v1/TravelBus.js b/packages/desktop-client/src/icons/v1/TravelBus.js
index 21625bad8dafd7ef5cde955e771857bc47200c9a..a3218bb5d2c71634fd8e7ff4eebb73a1d6557699 100644
--- a/packages/desktop-client/src/icons/v1/TravelBus.js
+++ b/packages/desktop-client/src/icons/v1/TravelBus.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTravelBus = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTravelBus = props => (
     />
   </svg>
 );
-
 export default SvgTravelBus;
diff --git a/packages/desktop-client/src/icons/v1/TravelCar.js b/packages/desktop-client/src/icons/v1/TravelCar.js
index b4d6bc51bc88c8d6eabb0288f503c10c9b1dcbcd..c40c11dafd03d11594c8cf721c4ab4f986916a7f 100644
--- a/packages/desktop-client/src/icons/v1/TravelCar.js
+++ b/packages/desktop-client/src/icons/v1/TravelCar.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTravelCar = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTravelCar = props => (
     />
   </svg>
 );
-
 export default SvgTravelCar;
diff --git a/packages/desktop-client/src/icons/v1/TravelCase.js b/packages/desktop-client/src/icons/v1/TravelCase.js
index 33e98ed118d96d2e91045eceba63f0630c8107f6..89d6939a2a86bdad2fd4478c5af50fac88b63b12 100644
--- a/packages/desktop-client/src/icons/v1/TravelCase.js
+++ b/packages/desktop-client/src/icons/v1/TravelCase.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTravelCase = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTravelCase = props => (
     />
   </svg>
 );
-
 export default SvgTravelCase;
diff --git a/packages/desktop-client/src/icons/v1/TravelTaxiCab.js b/packages/desktop-client/src/icons/v1/TravelTaxiCab.js
index e00bf8d9e847c0528660cdd7d136cf3ff430d140..65e71be56ddff55cd0e8979434ffcf5db5e04fbf 100644
--- a/packages/desktop-client/src/icons/v1/TravelTaxiCab.js
+++ b/packages/desktop-client/src/icons/v1/TravelTaxiCab.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTravelTaxiCab = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTravelTaxiCab = props => (
     />
   </svg>
 );
-
 export default SvgTravelTaxiCab;
diff --git a/packages/desktop-client/src/icons/v1/TravelTrain.js b/packages/desktop-client/src/icons/v1/TravelTrain.js
index af54254ec0b3366e3d55a2f0ff898263bf350bfe..3241283fa6ae9143bc27e159b9251081dc5af4da 100644
--- a/packages/desktop-client/src/icons/v1/TravelTrain.js
+++ b/packages/desktop-client/src/icons/v1/TravelTrain.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTravelTrain = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTravelTrain = props => (
     />
   </svg>
 );
-
 export default SvgTravelTrain;
diff --git a/packages/desktop-client/src/icons/v1/TravelWalk.js b/packages/desktop-client/src/icons/v1/TravelWalk.js
index f9690aca7c276db56db2b7c572ecaf4930721da7..cf800d1e764c96c153e446792910d4d4b586d2db 100644
--- a/packages/desktop-client/src/icons/v1/TravelWalk.js
+++ b/packages/desktop-client/src/icons/v1/TravelWalk.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTravelWalk = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTravelWalk = props => (
     />
   </svg>
 );
-
 export default SvgTravelWalk;
diff --git a/packages/desktop-client/src/icons/v1/Trophy.js b/packages/desktop-client/src/icons/v1/Trophy.js
index 173b13ab9a35e10210ba7d1bc411a0b73d81fe4a..1e261da873fda0b824e1d1ec9b1b9a8068b10d9c 100644
--- a/packages/desktop-client/src/icons/v1/Trophy.js
+++ b/packages/desktop-client/src/icons/v1/Trophy.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTrophy = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTrophy = props => (
     />
   </svg>
 );
-
 export default SvgTrophy;
diff --git a/packages/desktop-client/src/icons/v1/Tuning.js b/packages/desktop-client/src/icons/v1/Tuning.js
index f6d7a6dc604c8ccd896f0f9788647e88c8ba8eb8..941126d557e89ad78ef99d7b2fb84937365a2923 100644
--- a/packages/desktop-client/src/icons/v1/Tuning.js
+++ b/packages/desktop-client/src/icons/v1/Tuning.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgTuning = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgTuning = props => (
     />
   </svg>
 );
-
 export default SvgTuning;
diff --git a/packages/desktop-client/src/icons/v1/Upload.js b/packages/desktop-client/src/icons/v1/Upload.js
index 52a5d8c6762a69910b90d58fa5d749fb0e25f603..44a7f78dfa76e262e4ae7e9534db1d518d882bf5 100644
--- a/packages/desktop-client/src/icons/v1/Upload.js
+++ b/packages/desktop-client/src/icons/v1/Upload.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgUpload = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <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.js b/packages/desktop-client/src/icons/v1/Usb.js
index b0fbf3a3b4ed2007cd5ea55437e5c515da8e1c3a..de3afa54ca7b18f4c6110adfffd12f1747f192c9 100644
--- a/packages/desktop-client/src/icons/v1/Usb.js
+++ b/packages/desktop-client/src/icons/v1/Usb.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgUsb = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgUsb = props => (
     />
   </svg>
 );
-
 export default SvgUsb;
diff --git a/packages/desktop-client/src/icons/v1/User.js b/packages/desktop-client/src/icons/v1/User.js
index 19334e3baa817485aec03d4391bdbda497f05c01..7c15fab31798c8494c874c55e1d75ab202a731e1 100644
--- a/packages/desktop-client/src/icons/v1/User.js
+++ b/packages/desktop-client/src/icons/v1/User.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgUser = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgUser = props => (
     />
   </svg>
 );
-
 export default SvgUser;
diff --git a/packages/desktop-client/src/icons/v1/UserAdd.js b/packages/desktop-client/src/icons/v1/UserAdd.js
index 25da17f14c4e1a50b6b2678851bc81a823754f56..e43c87c8b9e4e3418f1c7427b09ac2863dd4d544 100644
--- a/packages/desktop-client/src/icons/v1/UserAdd.js
+++ b/packages/desktop-client/src/icons/v1/UserAdd.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgUserAdd = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgUserAdd = props => (
     />
   </svg>
 );
-
 export default SvgUserAdd;
diff --git a/packages/desktop-client/src/icons/v1/UserGroup.js b/packages/desktop-client/src/icons/v1/UserGroup.js
index c0249097cdb766c433173cd074f7910c0c03d215..449dcc7a40e3ae84459cb19b7fee08a92ba05f5d 100644
--- a/packages/desktop-client/src/icons/v1/UserGroup.js
+++ b/packages/desktop-client/src/icons/v1/UserGroup.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgUserGroup = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgUserGroup = props => (
     />
   </svg>
 );
-
 export default SvgUserGroup;
diff --git a/packages/desktop-client/src/icons/v1/UserSolidCircle.js b/packages/desktop-client/src/icons/v1/UserSolidCircle.js
index 217214e8877e9718c12303f66b74e18d407e45ab..87194bc24112d5c562c3d8c6e1b8b93503f77e86 100644
--- a/packages/desktop-client/src/icons/v1/UserSolidCircle.js
+++ b/packages/desktop-client/src/icons/v1/UserSolidCircle.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgUserSolidCircle = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgUserSolidCircle = props => (
     />
   </svg>
 );
-
 export default SvgUserSolidCircle;
diff --git a/packages/desktop-client/src/icons/v1/UserSolidSquare.js b/packages/desktop-client/src/icons/v1/UserSolidSquare.js
index 47b03eb193c639bc9432ac28ae95da6508891b0d..88f3308fbb3b018a7e2752a840c81b87e16ab73f 100644
--- a/packages/desktop-client/src/icons/v1/UserSolidSquare.js
+++ b/packages/desktop-client/src/icons/v1/UserSolidSquare.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgUserSolidSquare = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgUserSolidSquare = props => (
     />
   </svg>
 );
-
 export default SvgUserSolidSquare;
diff --git a/packages/desktop-client/src/icons/v1/Vector.js b/packages/desktop-client/src/icons/v1/Vector.js
index ba4bf1bd78a4b155697beab94bc058d0f75ff019..e2640e15f6f4902a479faf5f96e117c5b57b8088 100644
--- a/packages/desktop-client/src/icons/v1/Vector.js
+++ b/packages/desktop-client/src/icons/v1/Vector.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgVector = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgVector = props => (
     />
   </svg>
 );
-
 export default SvgVector;
diff --git a/packages/desktop-client/src/icons/v1/VideoCamera.js b/packages/desktop-client/src/icons/v1/VideoCamera.js
index b925bbb30d978c3fcd09ca1efdebebe4c32502dd..cfe2bf60c9f1bd55dfb723bc7144e768b69dd2e5 100644
--- a/packages/desktop-client/src/icons/v1/VideoCamera.js
+++ b/packages/desktop-client/src/icons/v1/VideoCamera.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgVideoCamera = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgVideoCamera = props => (
     />
   </svg>
 );
-
 export default SvgVideoCamera;
diff --git a/packages/desktop-client/src/icons/v1/ViewCarousel.js b/packages/desktop-client/src/icons/v1/ViewCarousel.js
index 8c1a2bbf32a45c7b14fbb84dc2e87659cf5e3f30..9472bebcb9e67ea16364d95d72bdf13a3865cef6 100644
--- a/packages/desktop-client/src/icons/v1/ViewCarousel.js
+++ b/packages/desktop-client/src/icons/v1/ViewCarousel.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgViewCarousel = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgViewCarousel = props => (
     />
   </svg>
 );
-
 export default SvgViewCarousel;
diff --git a/packages/desktop-client/src/icons/v1/ViewColumn.js b/packages/desktop-client/src/icons/v1/ViewColumn.js
index 6f891717079ee0bfe3ecae75e87b46e1643eb4fc..f25770d2588466162fadf6d0ec2bc5209b5796c2 100644
--- a/packages/desktop-client/src/icons/v1/ViewColumn.js
+++ b/packages/desktop-client/src/icons/v1/ViewColumn.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgViewColumn = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgViewColumn = props => (
     />
   </svg>
 );
-
 export default SvgViewColumn;
diff --git a/packages/desktop-client/src/icons/v1/ViewHide.js b/packages/desktop-client/src/icons/v1/ViewHide.js
index b59b22c8afcd61a8639dee575c3b7c32ae6bab85..fbaa7f708ed83b6aaf73d9d97106241747c3bbe9 100644
--- a/packages/desktop-client/src/icons/v1/ViewHide.js
+++ b/packages/desktop-client/src/icons/v1/ViewHide.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgViewHide = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgViewHide = props => (
     />
   </svg>
 );
-
 export default SvgViewHide;
diff --git a/packages/desktop-client/src/icons/v1/ViewList.js b/packages/desktop-client/src/icons/v1/ViewList.js
index c2640ccb041fc2cb94845312eb873a502408814c..18e1a2c297186b270a16c28493ef1cdf8d8d5cd2 100644
--- a/packages/desktop-client/src/icons/v1/ViewList.js
+++ b/packages/desktop-client/src/icons/v1/ViewList.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgViewList = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgViewList = props => (
     />
   </svg>
 );
-
 export default SvgViewList;
diff --git a/packages/desktop-client/src/icons/v1/ViewShow.js b/packages/desktop-client/src/icons/v1/ViewShow.js
index cf90f8cc3986189815e18da802557081a7ac1d84..24047ab059c7ab9f7cb9636620570114567c6018 100644
--- a/packages/desktop-client/src/icons/v1/ViewShow.js
+++ b/packages/desktop-client/src/icons/v1/ViewShow.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgViewShow = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgViewShow = props => (
     />
   </svg>
 );
-
 export default SvgViewShow;
diff --git a/packages/desktop-client/src/icons/v1/ViewTile.js b/packages/desktop-client/src/icons/v1/ViewTile.js
index b227f06e6e062bc2281898136a1c12eff1f2cc9c..cca9f50b9876b269914bdd7f9cac63cdf87cc429 100644
--- a/packages/desktop-client/src/icons/v1/ViewTile.js
+++ b/packages/desktop-client/src/icons/v1/ViewTile.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgViewTile = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgViewTile = props => (
     />
   </svg>
 );
-
 export default SvgViewTile;
diff --git a/packages/desktop-client/src/icons/v1/VolumeDown.js b/packages/desktop-client/src/icons/v1/VolumeDown.js
index d766724ec925f1e1c6dec678e440efcfc79b99b5..599fefda5036ab8983b625cf3f0da8b249ce4f8c 100644
--- a/packages/desktop-client/src/icons/v1/VolumeDown.js
+++ b/packages/desktop-client/src/icons/v1/VolumeDown.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgVolumeDown = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgVolumeDown = props => (
     />
   </svg>
 );
-
 export default SvgVolumeDown;
diff --git a/packages/desktop-client/src/icons/v1/VolumeMute.js b/packages/desktop-client/src/icons/v1/VolumeMute.js
index 8068d8ae3342ed31b07be1057705ae531d0079c8..74061758b513414a28ed24e7ef6a251d8cdeeeee 100644
--- a/packages/desktop-client/src/icons/v1/VolumeMute.js
+++ b/packages/desktop-client/src/icons/v1/VolumeMute.js
@@ -1,17 +1,15 @@
 import * as React from 'react';
-
 const SvgVolumeMute = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path d="M9 7H5v6h4l5 5V2L9 7z" fill="currentColor" />
   </svg>
 );
-
 export default SvgVolumeMute;
diff --git a/packages/desktop-client/src/icons/v1/VolumeOff.js b/packages/desktop-client/src/icons/v1/VolumeOff.js
index 4b793eb9490b0428dc71ebb3038aa9dc8d25772a..2664c8895c84cedf88a6687629e50c241601765e 100644
--- a/packages/desktop-client/src/icons/v1/VolumeOff.js
+++ b/packages/desktop-client/src/icons/v1/VolumeOff.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgVolumeOff = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgVolumeOff = props => (
     />
   </svg>
 );
-
 export default SvgVolumeOff;
diff --git a/packages/desktop-client/src/icons/v1/VolumeUp.js b/packages/desktop-client/src/icons/v1/VolumeUp.js
index 6b2fb5255238af03cbc2b89a5e06d7dbab18b501..30a5312d663e3c05a1355497cc5d3f49c10629b3 100644
--- a/packages/desktop-client/src/icons/v1/VolumeUp.js
+++ b/packages/desktop-client/src/icons/v1/VolumeUp.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgVolumeUp = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgVolumeUp = props => (
     />
   </svg>
 );
-
 export default SvgVolumeUp;
diff --git a/packages/desktop-client/src/icons/v1/Wallet.js b/packages/desktop-client/src/icons/v1/Wallet.js
index 5d363b2deda4be8623198ff3b7b78b89f1ec71d7..9ba983ddcd9d7108c0a6d37e9045a53a6a27efbf 100644
--- a/packages/desktop-client/src/icons/v1/Wallet.js
+++ b/packages/desktop-client/src/icons/v1/Wallet.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgWallet = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgWallet = props => (
     />
   </svg>
 );
-
 export default SvgWallet;
diff --git a/packages/desktop-client/src/icons/v1/Watch.js b/packages/desktop-client/src/icons/v1/Watch.js
index 842400d6ce64c4cc81026c3140c2fc82a87f5cd7..4318dc5f5601104e2eebac74ac5da62943d11f25 100644
--- a/packages/desktop-client/src/icons/v1/Watch.js
+++ b/packages/desktop-client/src/icons/v1/Watch.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgWatch = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgWatch = props => (
     />
   </svg>
 );
-
 export default SvgWatch;
diff --git a/packages/desktop-client/src/icons/v1/Window.js b/packages/desktop-client/src/icons/v1/Window.js
index 860fd038e91318637b553a0d9bc1897b6aa6e81d..fd9b57fd68368c04b8d85deb7213dfc925f5382a 100644
--- a/packages/desktop-client/src/icons/v1/Window.js
+++ b/packages/desktop-client/src/icons/v1/Window.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgWindow = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgWindow = props => (
     />
   </svg>
 );
-
 export default SvgWindow;
diff --git a/packages/desktop-client/src/icons/v1/WindowNew.js b/packages/desktop-client/src/icons/v1/WindowNew.js
index 52c56b1fc0cdeea30e905379fe9f7a523b76d6c1..fddc8df5a8490a7098fda3fd367a09e0041d4501 100644
--- a/packages/desktop-client/src/icons/v1/WindowNew.js
+++ b/packages/desktop-client/src/icons/v1/WindowNew.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgWindowNew = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgWindowNew = props => (
     />
   </svg>
 );
-
 export default SvgWindowNew;
diff --git a/packages/desktop-client/src/icons/v1/WindowOpen.js b/packages/desktop-client/src/icons/v1/WindowOpen.js
index 141173b38a9f713751d7c29dff79abe9485f6e0e..83b7934894e4d7297ce19b9d5c9168b098d5f164 100644
--- a/packages/desktop-client/src/icons/v1/WindowOpen.js
+++ b/packages/desktop-client/src/icons/v1/WindowOpen.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgWindowOpen = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgWindowOpen = props => (
     />
   </svg>
 );
-
 export default SvgWindowOpen;
diff --git a/packages/desktop-client/src/icons/v1/Wrench.js b/packages/desktop-client/src/icons/v1/Wrench.js
index 6f08f05bdac3b0676111a158f282d42eed71fd74..5c5939aa573ac3427a363c1b90f608b9deadf487 100644
--- a/packages/desktop-client/src/icons/v1/Wrench.js
+++ b/packages/desktop-client/src/icons/v1/Wrench.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgWrench = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgWrench = props => (
     />
   </svg>
 );
-
 export default SvgWrench;
diff --git a/packages/desktop-client/src/icons/v1/YinYang.js b/packages/desktop-client/src/icons/v1/YinYang.js
index d2b294d5511e572bc93af381a771544f7d2acab3..174fde6f000e1423ec9047d80ac98bfc3e68fbd4 100644
--- a/packages/desktop-client/src/icons/v1/YinYang.js
+++ b/packages/desktop-client/src/icons/v1/YinYang.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgYinYang = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -17,5 +16,4 @@ const SvgYinYang = props => (
     />
   </svg>
 );
-
 export default SvgYinYang;
diff --git a/packages/desktop-client/src/icons/v1/ZoomIn.js b/packages/desktop-client/src/icons/v1/ZoomIn.js
index fc0dd4f8a4f84b872216ad4d69b9302f5142e42b..54d3116a13e54460706ef6ece67281b358b4e68f 100644
--- a/packages/desktop-client/src/icons/v1/ZoomIn.js
+++ b/packages/desktop-client/src/icons/v1/ZoomIn.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgZoomIn = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -17,5 +16,4 @@ const SvgZoomIn = props => (
     />
   </svg>
 );
-
 export default SvgZoomIn;
diff --git a/packages/desktop-client/src/icons/v1/ZoomOut.js b/packages/desktop-client/src/icons/v1/ZoomOut.js
index 24980f95f14c433e4e3a47f9dbf1373137e5d341..b62d19051efddfc1ec8c671cc08b74d8b4bdf1b2 100644
--- a/packages/desktop-client/src/icons/v1/ZoomOut.js
+++ b/packages/desktop-client/src/icons/v1/ZoomOut.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgZoomOut = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -17,5 +16,4 @@ const SvgZoomOut = props => (
     />
   </svg>
 );
-
 export default SvgZoomOut;
diff --git a/packages/desktop-client/src/icons/v2/AlertTriangle.js b/packages/desktop-client/src/icons/v2/AlertTriangle.js
index 2fa3e6b3654960908f94f0226e2efafa5bb44a73..a811b248df9be76c4da7d19dbc3c968a809c31f6 100644
--- a/packages/desktop-client/src/icons/v2/AlertTriangle.js
+++ b/packages/desktop-client/src/icons/v2/AlertTriangle.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgAlertTriangle = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgAlertTriangle = props => (
     />
   </svg>
 );
-
 export default SvgAlertTriangle;
diff --git a/packages/desktop-client/src/icons/v2/ArrowButtonDown1.js b/packages/desktop-client/src/icons/v2/ArrowButtonDown1.js
index 29392c9e56142ec690501039d198b5aa95edb64a..02e19ea0e1561bd5bf1a886dbbe7edfaa01d6e22 100644
--- a/packages/desktop-client/src/icons/v2/ArrowButtonDown1.js
+++ b/packages/desktop-client/src/icons/v2/ArrowButtonDown1.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowButtonDown1 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgArrowButtonDown1 = props => (
     />
   </svg>
 );
-
 export default SvgArrowButtonDown1;
diff --git a/packages/desktop-client/src/icons/v2/ArrowButtonLeft1.js b/packages/desktop-client/src/icons/v2/ArrowButtonLeft1.js
index dce92cd89691395340ada0153b52e50bd876f016..8b0cf7bb2d24d43f7a8a3ca4973ff74d86bab0b2 100644
--- a/packages/desktop-client/src/icons/v2/ArrowButtonLeft1.js
+++ b/packages/desktop-client/src/icons/v2/ArrowButtonLeft1.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowButtonLeft1 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgArrowButtonLeft1 = props => (
     />
   </svg>
 );
-
 export default SvgArrowButtonLeft1;
diff --git a/packages/desktop-client/src/icons/v2/ArrowButtonRight1.js b/packages/desktop-client/src/icons/v2/ArrowButtonRight1.js
index fa9b80c0859052a5b50c0156d60c0371c7dbc223..fdd179b4e3374fd2d558d32cf78dcb2281a90d11 100644
--- a/packages/desktop-client/src/icons/v2/ArrowButtonRight1.js
+++ b/packages/desktop-client/src/icons/v2/ArrowButtonRight1.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowButtonRight1 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgArrowButtonRight1 = props => (
     />
   </svg>
 );
-
 export default SvgArrowButtonRight1;
diff --git a/packages/desktop-client/src/icons/v2/ArrowButtonUp1.js b/packages/desktop-client/src/icons/v2/ArrowButtonUp1.js
index 9caae26ec6330d9e8f9c39978c543a697f2580b7..cd0bc7d6ab983c9b5558d1be327fabee20923a14 100644
--- a/packages/desktop-client/src/icons/v2/ArrowButtonUp1.js
+++ b/packages/desktop-client/src/icons/v2/ArrowButtonUp1.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowButtonUp1 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgArrowButtonUp1 = props => (
     />
   </svg>
 );
-
 export default SvgArrowButtonUp1;
diff --git a/packages/desktop-client/src/icons/v2/ArrowsExpand3.js b/packages/desktop-client/src/icons/v2/ArrowsExpand3.js
index 6fc79326796b3d388d89f447b6be187bda58270c..9db71cb24c878faaf077be115093bc7491aac6ba 100644
--- a/packages/desktop-client/src/icons/v2/ArrowsExpand3.js
+++ b/packages/desktop-client/src/icons/v2/ArrowsExpand3.js
@@ -1,21 +1,19 @@
 import * as React from 'react';
-
 const SvgArrowsExpand3 = props => (
   <svg
     {...props}
-    viewBox="0 0 24 24"
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
-      d="M19.611 2.571h-3.754a1.286 1.286 0 1 1 0-2.571h6.857A1.286 1.286 0 0 1 24 1.286v6.857a1.286 1.286 0 0 1-2.571 0V4.39L15.48 10.34a1.286 1.286 0 0 1-1.817-1.817l5.948-5.95ZM1.286 14.571a1.286 1.286 0 0 1 1.285 1.286v3.754l5.949-5.946a1.286 1.286 0 0 1 1.817 1.817L4.39 21.429h3.753a1.285 1.285 0 1 1 0 2.571H1.286A1.286 1.286 0 0 1 0 22.714v-6.857a1.286 1.286 0 0 1 1.286-1.286Z"
       fill="currentColor"
+      d="M19.611 2.571h-3.754a1.286 1.286 0 1 1 0-2.571h6.857A1.286 1.286 0 0 1 24 1.286v6.857a1.286 1.286 0 0 1-2.571 0V4.39L15.48 10.34a1.286 1.286 0 0 1-1.817-1.817l5.948-5.95ZM1.286 14.571a1.286 1.286 0 0 1 1.285 1.286v3.754l5.949-5.946a1.286 1.286 0 0 1 1.817 1.817L4.39 21.429h3.753a1.285 1.285 0 1 1 0 2.571H1.286A1.286 1.286 0 0 1 0 22.714v-6.857a1.286 1.286 0 0 1 1.286-1.286Z"
     />
   </svg>
 );
-
 export default SvgArrowsExpand3;
diff --git a/packages/desktop-client/src/icons/v2/ArrowsShrink3.js b/packages/desktop-client/src/icons/v2/ArrowsShrink3.js
index 9d1b68a9aa545004d3f2a85f73663690078f5c43..97b828654474706f43167c3e2472d65b91cf1153 100644
--- a/packages/desktop-client/src/icons/v2/ArrowsShrink3.js
+++ b/packages/desktop-client/src/icons/v2/ArrowsShrink3.js
@@ -1,21 +1,19 @@
 import * as React from 'react';
-
 const SvgArrowsShrink3 = props => (
   <svg
     {...props}
-    viewBox="0 0 24 24"
-    fill="none"
     xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
-      d="M14.143 1.714A1.286 1.286 0 0 1 15.429 3v3.753L21.806.377a1.286 1.286 0 0 1 1.817 1.817l-6.376 6.377H21a1.286 1.286 0 1 1 0 2.572h-6.857a1.286 1.286 0 0 1-1.286-1.286V3a1.286 1.286 0 0 1 1.286-1.286ZM9.857 22.286A1.285 1.285 0 0 1 8.571 21v-3.753l-6.377 6.376a1.286 1.286 0 0 1-1.817-1.817l6.376-6.377H3a1.286 1.286 0 0 1 0-2.572h6.857a1.286 1.286 0 0 1 1.286 1.286V21a1.286 1.286 0 0 1-1.286 1.286Z"
       fill="currentColor"
+      d="M14.143 1.714A1.286 1.286 0 0 1 15.429 3v3.753L21.806.377a1.286 1.286 0 0 1 1.817 1.817l-6.376 6.377H21a1.286 1.286 0 1 1 0 2.572h-6.857a1.286 1.286 0 0 1-1.286-1.286V3a1.286 1.286 0 0 1 1.286-1.286ZM9.857 22.286A1.285 1.285 0 0 1 8.571 21v-3.753l-6.377 6.376a1.286 1.286 0 0 1-1.817-1.817l6.376-6.377H3a1.286 1.286 0 0 1 0-2.572h6.857a1.286 1.286 0 0 1 1.286 1.286V21a1.286 1.286 0 0 1-1.286 1.286Z"
     />
   </svg>
 );
-
 export default SvgArrowsShrink3;
diff --git a/packages/desktop-client/src/icons/v2/ArrowsSynchronize.js b/packages/desktop-client/src/icons/v2/ArrowsSynchronize.js
index 9d932be9d38b41e7c6b0206df5b2782c462bbc14..1db5f09084e24f132568ebabc168d7b3517b1dfe 100644
--- a/packages/desktop-client/src/icons/v2/ArrowsSynchronize.js
+++ b/packages/desktop-client/src/icons/v2/ArrowsSynchronize.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgArrowsSynchronize = props => (
   <svg
     {...props}
-    viewBox="0 0 24 24"
     xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -18,5 +17,4 @@ const SvgArrowsSynchronize = props => (
     </g>
   </svg>
 );
-
 export default SvgArrowsSynchronize;
diff --git a/packages/desktop-client/src/icons/v2/Calendar.js b/packages/desktop-client/src/icons/v2/Calendar.js
index 64b361172e9826d5f28e0fbfbb5bf784cb7b9614..9cfac11e2c31f1d5628600cc7629d4c27497ddc3 100644
--- a/packages/desktop-client/src/icons/v2/Calendar.js
+++ b/packages/desktop-client/src/icons/v2/Calendar.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCalendar = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCalendar = props => (
     />
   </svg>
 );
-
 export default SvgCalendar;
diff --git a/packages/desktop-client/src/icons/v2/Calendar3.js b/packages/desktop-client/src/icons/v2/Calendar3.js
index 1435c78f42537b6d08bf5f594707bc0302bb7b5a..27114ed7c6d23e6b6740cbcb244dd9dd9c8207fb 100644
--- a/packages/desktop-client/src/icons/v2/Calendar3.js
+++ b/packages/desktop-client/src/icons/v2/Calendar3.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCalendar3 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgCalendar3 = props => (
     />
   </svg>
 );
-
 export default SvgCalendar3;
diff --git a/packages/desktop-client/src/icons/v2/Check.js b/packages/desktop-client/src/icons/v2/Check.js
index f053674f4eadfb12720de1c9bae5b847e6e9dc5d..d76fc5a970cb2915eca730dd6ded3388ed93297a 100644
--- a/packages/desktop-client/src/icons/v2/Check.js
+++ b/packages/desktop-client/src/icons/v2/Check.js
@@ -1,20 +1,18 @@
 import * as React from 'react';
-
 const SvgCheck = props => (
   <svg
     {...props}
-    viewBox="0 0 24 24"
     xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
-      d="M6.847 21.429a3.408 3.408 0 0 1-2.662-1.34l-3.76-4.273a1.714 1.714 0 0 1 2.572-2.263l3.522 4.01a.429.429 0 0 0 .631.014L21.036 3.105a1.715 1.715 0 1 1 2.486 2.362l-14.06 14.8a3.327 3.327 0 0 1-2.615 1.162Z"
       fill="currentColor"
+      d="M6.847 21.429a3.408 3.408 0 0 1-2.662-1.34l-3.76-4.273a1.714 1.714 0 0 1 2.572-2.263l3.522 4.01a.429.429 0 0 0 .631.014L21.036 3.105a1.715 1.715 0 1 1 2.486 2.362l-14.06 14.8a3.327 3.327 0 0 1-2.615 1.162Z"
     />
   </svg>
 );
-
 export default SvgCheck;
diff --git a/packages/desktop-client/src/icons/v2/CheckCircle1.js b/packages/desktop-client/src/icons/v2/CheckCircle1.js
index 73b9306da3b829d4404dee8c9df004be180d3b47..5bccf8499f8cafb6f490f8de59d7999ddbdacc38 100644
--- a/packages/desktop-client/src/icons/v2/CheckCircle1.js
+++ b/packages/desktop-client/src/icons/v2/CheckCircle1.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCheckCircle1 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCheckCircle1 = props => (
     />
   </svg>
 );
-
 export default SvgCheckCircle1;
diff --git a/packages/desktop-client/src/icons/v2/CheckCircleHollow.js b/packages/desktop-client/src/icons/v2/CheckCircleHollow.js
index 82a2561c0df3ca00df9ce534b07f07fd2b2aa372..62935e17af77ac946ac06e1d0ff4e41ea809733b 100644
--- a/packages/desktop-client/src/icons/v2/CheckCircleHollow.js
+++ b/packages/desktop-client/src/icons/v2/CheckCircleHollow.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCheckCircleHollow = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgCheckCircleHollow = props => (
     />
   </svg>
 );
-
 export default SvgCheckCircleHollow;
diff --git a/packages/desktop-client/src/icons/v2/CloudUnknown.js b/packages/desktop-client/src/icons/v2/CloudUnknown.js
index ab0ba7cc9a99a722b8d5ca7c138fe1a5b85b42a0..0f37a5fd93b6838549bc5ee9390c61e646265c6c 100644
--- a/packages/desktop-client/src/icons/v2/CloudUnknown.js
+++ b/packages/desktop-client/src/icons/v2/CloudUnknown.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCloudUnknown = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgCloudUnknown = props => (
     />
   </svg>
 );
-
 export default SvgCloudUnknown;
diff --git a/packages/desktop-client/src/icons/v2/CloudUpload.js b/packages/desktop-client/src/icons/v2/CloudUpload.js
index 709a09589b310729d52e3ca4292ecfd7192081e2..4223f1f24322dd6e1771216f5139ff028a267b63 100644
--- a/packages/desktop-client/src/icons/v2/CloudUpload.js
+++ b/packages/desktop-client/src/icons/v2/CloudUpload.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgCloudUpload = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgCloudUpload = props => (
     />
   </svg>
 );
-
 export default SvgCloudUpload;
diff --git a/packages/desktop-client/src/icons/v2/CustomNotesPaper.js b/packages/desktop-client/src/icons/v2/CustomNotesPaper.js
index da2b893733653345340545f68b56e90f331e2efb..25bed444fca82c5a15c1b8458bb770fdd0f50553 100644
--- a/packages/desktop-client/src/icons/v2/CustomNotesPaper.js
+++ b/packages/desktop-client/src/icons/v2/CustomNotesPaper.js
@@ -1,20 +1,18 @@
 import * as React from 'react';
-
 const SvgCustomNotesPaper = props => (
   <svg
     {...props}
-    viewBox="0 0 19 24"
     xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 19 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
-      d="M17 24H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h9a1 1 0 0 1 .707.293l7 7A1 1 0 0 1 19 8v14a2 2 0 0 1-2 2ZM2 21.5a.5.5 0 0 0 .5.5h14a.5.5 0 0 0 .5-.5V9a.5.5 0 0 0-.5-.5h-4a2 2 0 0 1-2-2v-4A.5.5 0 0 0 10 2H2.5a.5.5 0 0 0-.5.5v19Z"
       fill="currentColor"
+      d="M17 24H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h9a1 1 0 0 1 .707.293l7 7A1 1 0 0 1 19 8v14a2 2 0 0 1-2 2ZM2 21.5a.5.5 0 0 0 .5.5h14a.5.5 0 0 0 .5-.5V9a.5.5 0 0 0-.5-.5h-4a2 2 0 0 1-2-2v-4A.5.5 0 0 0 10 2H2.5a.5.5 0 0 0-.5.5v19Z"
     />
   </svg>
 );
-
 export default SvgCustomNotesPaper;
diff --git a/packages/desktop-client/src/icons/v2/DownloadThickBottom.js b/packages/desktop-client/src/icons/v2/DownloadThickBottom.js
index 388410e6aefe279660140b83ddff6c737ed5de43..d077d063eadaed9b6c9d41477e38a1ac17fc6a07 100644
--- a/packages/desktop-client/src/icons/v2/DownloadThickBottom.js
+++ b/packages/desktop-client/src/icons/v2/DownloadThickBottom.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgDownloadThickBottom = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgDownloadThickBottom = props => (
     />
   </svg>
 );
-
 export default SvgDownloadThickBottom;
diff --git a/packages/desktop-client/src/icons/v2/EditSkull1.js b/packages/desktop-client/src/icons/v2/EditSkull1.js
index 228adfdc927ad396ebd0e01843a36d70871b80cf..4059dff7bd9a41d5a32a1df13d7abaf554162da3 100644
--- a/packages/desktop-client/src/icons/v2/EditSkull1.js
+++ b/packages/desktop-client/src/icons/v2/EditSkull1.js
@@ -1,20 +1,18 @@
 import * as React from 'react';
-
 const SvgEditSkull1 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
-      d="M12 0a10.286 10.286 0 0 0-6.243 18.45 1.714 1.714 0 0 1 .672 1.36v1.619A2.571 2.571 0 0 0 9 24a1.714 1.714 0 0 0 1.714-1.714V21a1.286 1.286 0 0 1 2.572 0v1.286A1.714 1.714 0 0 0 15 24a2.571 2.571 0 0 0 2.571-2.571V19.81a1.714 1.714 0 0 1 .672-1.36A10.286 10.286 0 0 0 12 0ZM7.714 12.429a2.143 2.143 0 1 1 2.143-2.143 2.143 2.143 0 0 1-2.143 2.143Zm8.572 0a2.143 2.143 0 1 1 2.143-2.143 2.143 2.143 0 0 1-2.143 2.143Z"
       fill="currentColor"
+      d="M12 0a10.286 10.286 0 0 0-6.243 18.45 1.714 1.714 0 0 1 .672 1.36v1.619A2.571 2.571 0 0 0 9 24a1.714 1.714 0 0 0 1.714-1.714V21a1.286 1.286 0 0 1 2.572 0v1.286A1.714 1.714 0 0 0 15 24a2.571 2.571 0 0 0 2.571-2.571V19.81a1.714 1.714 0 0 1 .672-1.36A10.286 10.286 0 0 0 12 0ZM7.714 12.429a2.143 2.143 0 1 1 2.143-2.143 2.143 2.143 0 0 1-2.143 2.143Zm8.572 0a2.143 2.143 0 1 1 2.143-2.143 2.143 2.143 0 0 1-2.143 2.143Z"
     />
   </svg>
 );
-
 export default SvgEditSkull1;
diff --git a/packages/desktop-client/src/icons/v2/Eye.js b/packages/desktop-client/src/icons/v2/Eye.js
index 56b65a2e2a07dcf82fe0c91057d15caecb635f71..69d82933664a45719b208ecd57faf2fd5010fa4d 100644
--- a/packages/desktop-client/src/icons/v2/Eye.js
+++ b/packages/desktop-client/src/icons/v2/Eye.js
@@ -1,55 +1,53 @@
 import * as React from 'react';
-
 const SvgEye = props => (
   <svg
     {...props}
-    viewBox="0 0 24 24"
     xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
+      d="M18.502 12.712c0 2.368-3.137 4.289-7.003 4.289S4.5 15.08 4.5 12.712c0-2.364 3.133-4.285 6.999-4.285 3.866 0 7.003 1.921 7.003 4.285Zm0 0"
       style={{
         fill: 'none',
         strokeWidth: 1.5,
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
-        stroke: 'rgb(0%,0%,0%)',
+        stroke: '#000',
         strokeOpacity: 1,
         strokeMiterlimit: 4,
       }}
-      d="M 18.50179 12.712077 C 18.50179 15.080241 15.364583 17.000814 11.499023 17.000814 C 7.633464 17.000814 4.500326 15.080241 4.500326 12.712077 C 4.500326 10.347982 7.633464 8.427409 11.499023 8.427409 C 15.364583 8.427409 18.50179 10.347982 18.50179 12.712077 Z M 18.50179 12.712077"
-      transform="matrix(0.96,0,0,0.96,1,0.48)"
+      transform="matrix(.96 0 0 .96 1 .48)"
       fill="currentColor"
     />
     <path
+      d="M13.249 12.712a1.749 1.749 0 0 1-1.054 1.644 1.757 1.757 0 0 1-1.92-.354 1.752 1.752 0 0 1 1.225-3.003c.459-.004.902.175 1.232.496.325.322.513.761.517 1.217Zm0 0"
       style={{
         fill: 'none',
         strokeWidth: 1.5,
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
-        stroke: 'rgb(0%,0%,0%)',
+        stroke: '#000',
         strokeOpacity: 1,
         strokeMiterlimit: 4,
       }}
-      d="M 13.248698 12.712077 C 13.264974 13.424154 12.845866 14.075195 12.194824 14.355957 C 11.543783 14.636719 10.782878 14.498372 10.274251 14.001953 C 9.769694 13.501465 9.611003 12.748698 9.879557 12.089518 C 10.148112 11.430339 10.791016 10.999023 11.499023 10.999023 C 11.958822 10.994954 12.402344 11.173991 12.731934 11.495443 C 13.057454 11.816895 13.244629 12.256348 13.248698 12.712077 Z M 13.248698 12.712077"
-      transform="matrix(0.96,0,0,0.96,1,0.48)"
+      transform="matrix(.96 0 0 .96 1 .48)"
       fill="currentColor"
     />
     <path
+      d="M10.32 8.57a.72.72 0 1 0 1.442 0Zm1.442-3.289a.72.72 0 1 0-1.441 0Zm5.8 1.973a.72.72 0 0 0-.316-.969.718.718 0 0 0-.969.313Zm-2.664 2.05a.722.722 0 0 0 .317.97c.351.18.785.039.969-.317ZM5.801 6.599a.715.715 0 0 0-.969-.313.722.722 0 0 0-.312.969Zm.097 3.359a.72.72 0 0 0 .97.316.718.718 0 0 0 .312-.968Zm5.864-1.387V5.281H10.32v3.29Zm4.515-1.972-1.379 2.707 1.286.652 1.378-2.703ZM4.52 7.254l1.378 2.703 1.282-.652L5.8 6.598Zm0 0"
       style={{
         stroke: 'none',
         fillRule: 'nonzero',
-        fill: 'rgb(0%,0%,0%)',
+        fill: '#000',
         fillOpacity: 1,
       }}
-      d="M 10.320312 8.570312 C 10.320312 8.96875 10.640625 9.292969 11.039062 9.292969 C 11.4375 9.292969 11.761719 8.96875 11.761719 8.570312 Z M 11.761719 5.28125 C 11.761719 4.882812 11.4375 4.558594 11.039062 4.558594 C 10.640625 4.558594 10.320312 4.882812 10.320312 5.28125 Z M 17.5625 7.253906 C 17.742188 6.898438 17.601562 6.464844 17.246094 6.285156 C 16.894531 6.101562 16.460938 6.242188 16.277344 6.597656 Z M 14.898438 9.304688 C 14.71875 9.65625 14.859375 10.089844 15.214844 10.273438 C 15.566406 10.453125 16 10.3125 16.183594 9.957031 Z M 5.800781 6.597656 C 5.621094 6.242188 5.1875 6.101562 4.832031 6.285156 C 4.480469 6.464844 4.339844 6.898438 4.519531 7.253906 Z M 5.898438 9.957031 C 6.078125 10.3125 6.511719 10.453125 6.867188 10.273438 C 7.222656 10.089844 7.363281 9.65625 7.179688 9.304688 Z M 11.761719 8.570312 L 11.761719 5.28125 L 10.320312 5.28125 L 10.320312 8.570312 Z M 16.277344 6.597656 L 14.898438 9.304688 L 16.183594 9.957031 L 17.5625 7.253906 Z M 4.519531 7.253906 L 5.898438 9.957031 L 7.179688 9.304688 L 5.800781 6.597656 Z M 4.519531 7.253906"
       transform="translate(1)"
       fill="currentColor"
     />
   </svg>
 );
-
 export default SvgEye;
diff --git a/packages/desktop-client/src/icons/v2/EyeSlashed.js b/packages/desktop-client/src/icons/v2/EyeSlashed.js
index 50f843673d920ed69b598ab7790b16fc1a8eff52..fbc3cabdefef18d86ed3800ce4a459ccc44b6101 100644
--- a/packages/desktop-client/src/icons/v2/EyeSlashed.js
+++ b/packages/desktop-client/src/icons/v2/EyeSlashed.js
@@ -1,17 +1,18 @@
 import * as React from 'react';
-
 const SvgEyeSlashed = props => (
   <svg
     {...props}
-    viewBox="0 0 24 24"
     xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
-    <path d="M 12 9.386719 C 12.398438 9.386719 12.71875 9.066406 12.71875 8.667969 C 12.71875 8.269531 12.398438 7.949219 12 7.949219 Z M 7.476562 16.851562 C 7.832031 17.03125 8.261719 16.890625 8.441406 16.535156 C 8.621094 16.179688 8.480469 15.746094 8.125 15.566406 Z M 11.28125 8.667969 C 11.28125 9.066406 11.601562 9.386719 12 9.386719 C 12.398438 9.386719 12.71875 9.066406 12.71875 8.667969 Z M 12.71875 5.28125 C 12.71875 4.882812 12.398438 4.558594 12 4.558594 C 11.601562 4.558594 11.28125 4.882812 11.28125 5.28125 Z M 11.996094 7.949219 C 11.601562 7.949219 11.277344 8.273438 11.28125 8.671875 C 11.28125 9.066406 11.605469 9.390625 12.003906 9.386719 Z M 14.46875 9.707031 C 14.855469 9.808594 15.25 9.582031 15.351562 9.195312 C 15.453125 8.8125 15.226562 8.417969 14.839844 8.316406 Z M 6.765625 6.65625 C 6.589844 6.296875 6.15625 6.152344 5.800781 6.328125 C 5.445312 6.507812 5.296875 6.9375 5.476562 7.292969 Z M 6.855469 10.078125 C 7.035156 10.433594 7.464844 10.582031 7.820312 10.402344 C 8.175781 10.226562 8.324219 9.792969 8.144531 9.4375 Z M 7.269531 19.191406 C 7 19.484375 7.019531 19.941406 7.3125 20.210938 C 7.605469 20.480469 8.058594 20.460938 8.328125 20.167969 Z M 10.800781 17.484375 C 11.070312 17.191406 11.050781 16.738281 10.761719 16.46875 C 10.46875 16.199219 10.011719 16.214844 9.742188 16.507812 Z M 19.25 8.308594 C 19.519531 8.015625 19.5 7.5625 19.207031 7.292969 C 18.914062 7.023438 18.460938 7.039062 18.191406 7.332031 Z M 16.25 9.441406 C 15.980469 9.730469 16 10.1875 16.292969 10.457031 C 16.585938 10.726562 17.042969 10.707031 17.308594 10.414062 Z M 9.742188 16.507812 C 9.472656 16.800781 9.492188 17.257812 9.785156 17.527344 C 10.078125 17.796875 10.53125 17.777344 10.800781 17.484375 Z M 12.574219 14.496094 L 13.105469 14.984375 Z M 13.617188 13.363281 L 13.089844 12.875 L 13.085938 12.875 Z M 17.308594 10.414062 C 17.578125 10.121094 17.5625 9.667969 17.269531 9.398438 C 16.976562 9.128906 16.519531 9.148438 16.25 9.441406 Z M 10.390625 16.285156 C 9.996094 16.222656 9.628906 16.488281 9.5625 16.878906 C 9.496094 17.269531 9.761719 17.640625 10.152344 17.707031 Z M 12 17.140625 L 12 16.417969 Z M 18.71875 12.902344 L 19.441406 12.902344 C 19.441406 12.886719 19.4375 12.871094 19.4375 12.851562 Z M 17.117188 9.289062 C 16.765625 9.105469 16.332031 9.238281 16.144531 9.589844 C 15.957031 9.941406 16.09375 10.378906 16.445312 10.5625 Z M 10.054688 14.320312 C 10.285156 14.640625 10.734375 14.714844 11.058594 14.484375 C 11.378906 14.25 11.453125 13.800781 11.222656 13.476562 Z M 10.5 12.140625 L 11.140625 12.464844 Z M 12 11.207031 L 12 10.488281 L 11.996094 10.488281 Z M 12.503906 12.074219 C 12.839844 12.285156 13.285156 12.179688 13.496094 11.84375 C 13.707031 11.507812 13.601562 11.0625 13.265625 10.851562 Z M 12 7.949219 C 10.03125 7.949219 8.210938 8.449219 6.863281 9.300781 C 5.527344 10.144531 4.558594 11.398438 4.558594 12.902344 L 6 12.902344 C 6 12.070312 6.539062 11.207031 7.632812 10.515625 C 8.714844 9.835938 10.257812 9.386719 12 9.386719 Z M 4.558594 12.902344 C 4.558594 14.625 5.816406 16.015625 7.476562 16.851562 L 8.125 15.566406 C 6.710938 14.851562 6 13.855469 6 12.902344 Z M 12.71875 8.667969 L 12.71875 5.28125 L 11.28125 5.28125 L 11.28125 8.667969 Z M 12.003906 9.386719 C 12.835938 9.386719 13.664062 9.492188 14.46875 9.707031 L 14.839844 8.316406 C 13.914062 8.070312 12.957031 7.945312 11.996094 7.949219 Z M 5.476562 7.292969 L 6.855469 10.078125 L 8.144531 9.4375 L 6.765625 6.65625 Z M 8.328125 20.167969 L 10.800781 17.484375 L 9.742188 16.507812 L 7.269531 19.191406 Z M 18.191406 7.332031 L 16.25 9.441406 L 17.308594 10.414062 L 19.25 8.308594 Z M 10.800781 17.484375 L 13.105469 14.984375 L 12.046875 14.007812 L 9.742188 16.507812 Z M 13.105469 14.984375 L 14.148438 13.847656 L 13.085938 12.875 L 12.046875 14.007812 Z M 14.148438 13.851562 L 17.308594 10.414062 L 16.25 9.441406 L 13.089844 12.875 Z M 10.152344 17.707031 C 10.765625 17.808594 11.382812 17.859375 12 17.859375 L 12 16.417969 C 11.460938 16.417969 10.921875 16.375 10.390625 16.285156 Z M 12 17.859375 C 13.96875 17.859375 15.789062 17.355469 17.136719 16.507812 C 18.472656 15.664062 19.441406 14.40625 19.441406 12.902344 L 18 12.902344 C 18 13.738281 17.460938 14.601562 16.367188 15.289062 C 15.285156 15.972656 13.742188 16.417969 12 16.417969 Z M 19.4375 12.851562 C 19.332031 11.34375 18.453125 10 17.117188 9.289062 L 16.445312 10.5625 C 17.339844 11.039062 17.929688 11.941406 18 12.953125 Z M 11.222656 13.476562 C 11.007812 13.179688 10.976562 12.789062 11.140625 12.464844 L 9.855469 11.8125 C 9.449219 12.621094 9.523438 13.585938 10.054688 14.320312 Z M 11.140625 12.464844 C 11.308594 12.136719 11.640625 11.933594 12.003906 11.929688 L 11.996094 10.488281 C 11.089844 10.496094 10.265625 11.007812 9.855469 11.8125 Z M 12 11.929688 C 12.179688 11.929688 12.351562 11.976562 12.503906 12.074219 L 13.265625 10.851562 C 12.886719 10.613281 12.445312 10.488281 12 10.488281 Z M 12 11.929688" />
+    <path
+      d="M12 9.387c.398 0 .719-.32.719-.719A.717.717 0 0 0 12 7.949Zm-4.523 7.465a.72.72 0 0 0 .648-1.285Zm3.804-8.184c0 .398.32.719.719.719.398 0 .719-.32.719-.719Zm1.438-3.387A.72.72 0 0 0 12 4.56a.72.72 0 0 0-.719.722Zm-.723 2.668a.717.717 0 0 0-.715.723c0 .394.324.719.723.715Zm2.473 1.758a.72.72 0 1 0 .37-1.39Zm-7.703-3.05a.72.72 0 1 0-1.29.636Zm.09 3.421c.18.356.609.504.964.324a.718.718 0 0 0 .325-.964Zm.414 9.113c-.27.293-.25.75.043 1.02.292.27.746.25 1.015-.043Zm3.53-1.707a.72.72 0 0 0-1.058-.976Zm8.45-9.175a.717.717 0 0 0-.043-1.016.717.717 0 0 0-1.016.039Zm-3 1.132c-.27.29-.25.746.043 1.016s.75.25 1.016-.043Zm-6.508 7.067c-.27.293-.25.75.043 1.02.293.269.746.25 1.016-.044Zm2.832-2.012.531.488Zm1.043-1.133-.527-.488h-.004Zm3.692-2.949a.717.717 0 0 0-.04-1.016.722.722 0 0 0-1.019.043Zm-6.918 5.871a.72.72 0 0 0-.238 1.422Zm1.609.856v-.723Zm6.719-4.239h.722c0-.015-.003-.03-.003-.05ZM17.117 9.29a.722.722 0 0 0-.972.3.718.718 0 0 0 .3.973Zm-7.062 5.031c.23.32.68.395 1.004.164a.727.727 0 0 0 .164-1.007Zm.445-2.18.64.325Zm1.5-.933v-.719h-.004Zm.504.867c.336.211.781.106.992-.23a.722.722 0 0 0-.23-.992ZM12 7.95c-1.969 0-3.79.5-5.137 1.352-1.336.844-2.304 2.097-2.304 3.601H6c0-.832.54-1.695 1.633-2.386 1.082-.68 2.625-1.13 4.367-1.13Zm-7.441 4.953c0 1.723 1.257 3.114 2.918 3.95l.648-1.286C6.711 14.852 6 13.856 6 12.902Zm8.16-4.234V5.281H11.28v3.387Zm-.715.719c.832 0 1.66.105 2.465.32l.37-1.39a10.903 10.903 0 0 0-2.843-.368ZM5.477 7.293l1.378 2.785 1.29-.64-1.38-2.782Zm2.851 12.875 2.473-2.684-1.059-.976L7.27 19.19Zm9.863-12.836-1.941 2.11 1.059.972L19.25 8.31Zm-7.39 10.152 2.304-2.5-1.058-.976-2.305 2.5Zm2.304-2.5 1.043-1.136-1.062-.973-1.04 1.133Zm1.043-1.132 3.16-3.438-1.058-.973-3.16 3.434Zm-3.996 3.855c.614.102 1.23.152 1.848.152v-1.441c-.54 0-1.078-.043-1.61-.133Zm1.848.152c1.969 0 3.79-.504 5.137-1.351 1.336-.844 2.304-2.102 2.304-3.606H18c0 .836-.54 1.7-1.633 2.387-1.082.684-2.625 1.129-4.367 1.129Zm7.438-5.007a4.385 4.385 0 0 0-2.32-3.563l-.673 1.274A2.943 2.943 0 0 1 18 12.953Zm-8.215.625a.975.975 0 0 1-.082-1.012l-1.286-.652a2.42 2.42 0 0 0 .2 2.507Zm-.082-1.012a.98.98 0 0 1 .863-.535l-.008-1.442c-.906.008-1.73.52-2.14 1.325ZM12 11.93c.18 0 .352.047.504.144l.762-1.222A2.383 2.383 0 0 0 12 10.488Zm0 0"
+      fill="currentColor"
+    />
   </svg>
 );
-
 export default SvgEyeSlashed;
diff --git a/packages/desktop-client/src/icons/v2/FavoriteStar.js b/packages/desktop-client/src/icons/v2/FavoriteStar.js
index b48815ed5f33bfc87f9dd3a57704bacc960c4633..61686c4e6c6657a3d9a66e16a4350364c5b0799d 100644
--- a/packages/desktop-client/src/icons/v2/FavoriteStar.js
+++ b/packages/desktop-client/src/icons/v2/FavoriteStar.js
@@ -1,20 +1,18 @@
 import * as React from 'react';
-
 const SvgFavoriteStar = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
-      d="M23.91 9.113a1.785 1.785 0 0 0-1.453-1.227l-6.132-.926-2.714-5.506a1.863 1.863 0 0 0-3.222 0l-2.78 5.552-6.066.88a1.798 1.798 0 0 0-1 3.068l4.428 4.361-1.028 6.055a1.797 1.797 0 0 0 2.607 1.895l5.488-2.865 5.429 2.858a1.797 1.797 0 0 0 2.607-1.895l-1.011-6.128 4.394-4.286a1.786 1.786 0 0 0 .454-1.836Z"
       fill="currentColor"
+      d="M23.91 9.113a1.785 1.785 0 0 0-1.453-1.227l-6.132-.926-2.714-5.506a1.863 1.863 0 0 0-3.222 0l-2.78 5.552-6.066.88a1.798 1.798 0 0 0-1 3.068l4.428 4.361-1.028 6.055a1.797 1.797 0 0 0 2.607 1.895l5.488-2.865 5.429 2.858a1.797 1.797 0 0 0 2.607-1.895l-1.011-6.128 4.394-4.286a1.786 1.786 0 0 0 .454-1.836Z"
     />
   </svg>
 );
-
 export default SvgFavoriteStar;
diff --git a/packages/desktop-client/src/icons/v2/Filter2.js b/packages/desktop-client/src/icons/v2/Filter2.js
index 7434e71e70b6ad973a2bd7261eeca26b8ba46f9d..f771687a73c1f13563df217e9a1e0ab6455c5cb6 100644
--- a/packages/desktop-client/src/icons/v2/Filter2.js
+++ b/packages/desktop-client/src/icons/v2/Filter2.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgFilter2 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgFilter2 = props => (
     />
   </svg>
 );
-
 export default SvgFilter2;
diff --git a/packages/desktop-client/src/icons/v2/Hyperlink2.js b/packages/desktop-client/src/icons/v2/Hyperlink2.js
index b32a4ce1b05bb2969273ddddf465cdca486190cc..16e351ea97101a7272b131df0ef3e1f05d046139 100644
--- a/packages/desktop-client/src/icons/v2/Hyperlink2.js
+++ b/packages/desktop-client/src/icons/v2/Hyperlink2.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgHyperlink2 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -24,5 +23,4 @@ const SvgHyperlink2 = props => (
     />
   </svg>
 );
-
 export default SvgHyperlink2;
diff --git a/packages/desktop-client/src/icons/v2/Hyperlink3.js b/packages/desktop-client/src/icons/v2/Hyperlink3.js
index 32c94bcd9c70cb1c9f5ea163c6e2b51778e37758..c18c9d78fd15bbac5e547c23e3d58a6af53dcb1f 100644
--- a/packages/desktop-client/src/icons/v2/Hyperlink3.js
+++ b/packages/desktop-client/src/icons/v2/Hyperlink3.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgHyperlink3 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgHyperlink3 = props => (
     />
   </svg>
 );
-
 export default SvgHyperlink3;
diff --git a/packages/desktop-client/src/icons/v2/InformationCircle.js b/packages/desktop-client/src/icons/v2/InformationCircle.js
index 74cc6d503fa47e5af61eeff358337a3a747aa1b7..37f8c0ec6db242b5c6fbf3d8dea3aff0dbc0025f 100644
--- a/packages/desktop-client/src/icons/v2/InformationCircle.js
+++ b/packages/desktop-client/src/icons/v2/InformationCircle.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgInformationCircle = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgInformationCircle = props => (
     />
   </svg>
 );
-
 export default SvgInformationCircle;
diff --git a/packages/desktop-client/src/icons/v2/Key.js b/packages/desktop-client/src/icons/v2/Key.js
index a9f2e0c6564bbb49a9957bca8be394b21f956345..4386cc185491868ac963dc0d4d94971cbbefeee9 100644
--- a/packages/desktop-client/src/icons/v2/Key.js
+++ b/packages/desktop-client/src/icons/v2/Key.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgKey = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgKey = props => (
     />
   </svg>
 );
-
 export default SvgKey;
diff --git a/packages/desktop-client/src/icons/v2/NavigationMenu.js b/packages/desktop-client/src/icons/v2/NavigationMenu.js
index 0707f49de7e31024b38317ceba48ebc0dd64cfb3..0fbc1b28bb5436ee7bb4fd382202e63be5729b53 100644
--- a/packages/desktop-client/src/icons/v2/NavigationMenu.js
+++ b/packages/desktop-client/src/icons/v2/NavigationMenu.js
@@ -1,43 +1,41 @@
 import * as React from 'react';
-
 const SvgNavigationMenu = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <rect
-      x={0.5}
-      y={2.5}
       width={23}
       height={3}
+      x={0.5}
+      y={2.5}
       rx={1}
       ry={1}
       fill="currentColor"
     />
     <rect
-      x={0.5}
-      y={10.5}
       width={23}
       height={3}
+      x={0.5}
+      y={10.5}
       rx={1}
       ry={1}
       fill="currentColor"
     />
     <rect
-      x={0.5}
-      y={18.5}
       width={23}
       height={3}
+      x={0.5}
+      y={18.5}
       rx={1}
       ry={1}
       fill="currentColor"
     />
   </svg>
 );
-
 export default SvgNavigationMenu;
diff --git a/packages/desktop-client/src/icons/v2/NotesPaper.js b/packages/desktop-client/src/icons/v2/NotesPaper.js
index 04b1b3c9b2b195dee245df525d3eb69c63853dca..5a914bd91602c8408743e98e3e7a7cea2bfc0496 100644
--- a/packages/desktop-client/src/icons/v2/NotesPaper.js
+++ b/packages/desktop-client/src/icons/v2/NotesPaper.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgNotesPaper = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgNotesPaper = props => (
     />
   </svg>
 );
-
 export default SvgNotesPaper;
diff --git a/packages/desktop-client/src/icons/v2/NotesPaperText.js b/packages/desktop-client/src/icons/v2/NotesPaperText.js
index 1ea8142e1c2ba4b7ff8649abafcebe75b4df1ee1..19ac9473a2996071068c3f647ced3d75756e2583 100644
--- a/packages/desktop-client/src/icons/v2/NotesPaperText.js
+++ b/packages/desktop-client/src/icons/v2/NotesPaperText.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgNotesPaperText = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgNotesPaperText = props => (
     />
   </svg>
 );
-
 export default SvgNotesPaperText;
diff --git a/packages/desktop-client/src/icons/v2/Pencil1.js b/packages/desktop-client/src/icons/v2/Pencil1.js
index 4b36a625406336adfd172d2d30e72e5a82035eb3..1d5b333f446b58a022c3b10b0cc8d7bbad36fa45 100644
--- a/packages/desktop-client/src/icons/v2/Pencil1.js
+++ b/packages/desktop-client/src/icons/v2/Pencil1.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPencil1 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgPencil1 = props => (
     />
   </svg>
 );
-
 export default SvgPencil1;
diff --git a/packages/desktop-client/src/icons/v2/PencilWriteAlternate.js b/packages/desktop-client/src/icons/v2/PencilWriteAlternate.js
index 5f37ae8a4388aa1e3ebc79b9c13665f1ce86768e..ece2e348dc39354cccaff40070c8a724599d739a 100644
--- a/packages/desktop-client/src/icons/v2/PencilWriteAlternate.js
+++ b/packages/desktop-client/src/icons/v2/PencilWriteAlternate.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgPencilWriteAlternate = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgPencilWriteAlternate = props => (
     />
   </svg>
 );
-
 export default SvgPencilWriteAlternate;
diff --git a/packages/desktop-client/src/icons/v2/RefreshArrow.js b/packages/desktop-client/src/icons/v2/RefreshArrow.js
index e3ef269ea1d6d76947d6289c5d75c9e0eb7106f2..3fcbe6b74551374c9eb1b6d6d223a2670b5e08d3 100644
--- a/packages/desktop-client/src/icons/v2/RefreshArrow.js
+++ b/packages/desktop-client/src/icons/v2/RefreshArrow.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgRefreshArrow = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgRefreshArrow = props => (
     />
   </svg>
 );
-
 export default SvgRefreshArrow;
diff --git a/packages/desktop-client/src/icons/v2/Remove.js b/packages/desktop-client/src/icons/v2/Remove.js
index cd0ac6b1e910ba9a30b72181442f1f28bd4402e9..6fd1a2046426ca76a54a1b7164dc5b1e86961023 100644
--- a/packages/desktop-client/src/icons/v2/Remove.js
+++ b/packages/desktop-client/src/icons/v2/Remove.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgRemove = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgRemove = props => (
     />
   </svg>
 );
-
 export default SvgRemove;
diff --git a/packages/desktop-client/src/icons/v2/RemoveAlternate.js b/packages/desktop-client/src/icons/v2/RemoveAlternate.js
index 77e6389f761b8fc5c190541e2036edf78a6628ed..69329fa599f7c7c4b2dce8663d7f3a2556a57740 100644
--- a/packages/desktop-client/src/icons/v2/RemoveAlternate.js
+++ b/packages/desktop-client/src/icons/v2/RemoveAlternate.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgRemoveAlternate = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgRemoveAlternate = props => (
     />
   </svg>
 );
-
 export default SvgRemoveAlternate;
diff --git a/packages/desktop-client/src/icons/v2/Search1.js b/packages/desktop-client/src/icons/v2/Search1.js
index 6afcd67f8acd40796724de14075ff213cbf40a5c..aefba5fb00ba4931e0fb0c0f65aa68eb7542652b 100644
--- a/packages/desktop-client/src/icons/v2/Search1.js
+++ b/packages/desktop-client/src/icons/v2/Search1.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgSearch1 = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgSearch1 = props => (
     />
   </svg>
 );
-
 export default SvgSearch1;
diff --git a/packages/desktop-client/src/icons/v2/SearchAlternate.js b/packages/desktop-client/src/icons/v2/SearchAlternate.js
index 67efc3961cedafb3db6fc0f11d7febd25c1c8e98..66e1bf98641a2f011a40a55b0675fdd728357d09 100644
--- a/packages/desktop-client/src/icons/v2/SearchAlternate.js
+++ b/packages/desktop-client/src/icons/v2/SearchAlternate.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgSearchAlternate = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgSearchAlternate = props => (
     />
   </svg>
 );
-
 export default SvgSearchAlternate;
diff --git a/packages/desktop-client/src/icons/v2/SettingsSliderAlternate.js b/packages/desktop-client/src/icons/v2/SettingsSliderAlternate.js
index 9800a4fa56668d7912ba3ae35f2471129fdcd1a7..c1507440ea828232365b708843265fcfc0586364 100644
--- a/packages/desktop-client/src/icons/v2/SettingsSliderAlternate.js
+++ b/packages/desktop-client/src/icons/v2/SettingsSliderAlternate.js
@@ -1,20 +1,18 @@
 import * as React from 'react';
-
 const SvgSettingsSliderAlternate = props => (
   <svg
     {...props}
-    viewBox="0 0 24 24"
     xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
-      d="M4.5 17.5h6.646a3.5 3.5 0 0 0 6.708 0H19.5a1 1 0 0 0 0-2h-1.646a3.5 3.5 0 0 0-6.708 0H4.5a1 1 0 0 0 0 2Zm10-2.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM19.5 6.5h-6.646a3.5 3.5 0 0 0-6.708 0H4.5a1 1 0 0 0 0 2h1.646a3.5 3.5 0 0 0 6.708 0H19.5a1 1 0 1 0 0-2ZM9.5 9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z"
       fill="currentColor"
+      d="M4.5 17.5h6.646a3.5 3.5 0 0 0 6.708 0H19.5a1 1 0 0 0 0-2h-1.646a3.5 3.5 0 0 0-6.708 0H4.5a1 1 0 0 0 0 2Zm10-2.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM19.5 6.5h-6.646a3.5 3.5 0 0 0-6.708 0H4.5a1 1 0 0 0 0 2h1.646a3.5 3.5 0 0 0 6.708 0H19.5a1 1 0 1 0 0-2ZM9.5 9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z"
     />
   </svg>
 );
-
 export default SvgSettingsSliderAlternate;
diff --git a/packages/desktop-client/src/icons/v2/Subtract.js b/packages/desktop-client/src/icons/v2/Subtract.js
index 1d38fa0a7c320ccf23f802619c9ef030e15e9fb0..a8644c7be02b22186fb04e873d1e3d1d7b4cce4a 100644
--- a/packages/desktop-client/src/icons/v2/Subtract.js
+++ b/packages/desktop-client/src/icons/v2/Subtract.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgSubtract = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -16,5 +15,4 @@ const SvgSubtract = props => (
     />
   </svg>
 );
-
 export default SvgSubtract;
diff --git a/packages/desktop-client/src/icons/v2/UploadThickBottom.js b/packages/desktop-client/src/icons/v2/UploadThickBottom.js
index 579ad43dbf82b649e87496d5d02a2390a76d2c01..a64549bdce6d10f7da4e5dcf66e2d4af81abcd0f 100644
--- a/packages/desktop-client/src/icons/v2/UploadThickBottom.js
+++ b/packages/desktop-client/src/icons/v2/UploadThickBottom.js
@@ -1,12 +1,11 @@
 import * as React from 'react';
-
 const SvgUploadThickBottom = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
@@ -20,5 +19,4 @@ const SvgUploadThickBottom = props => (
     />
   </svg>
 );
-
 export default SvgUploadThickBottom;
diff --git a/packages/desktop-client/src/icons/v2/ValidationCheck.js b/packages/desktop-client/src/icons/v2/ValidationCheck.js
index ea0e81b95f38b181c04ec13eea68d17ddf22c136..43225e4ae1d8ec517bbae274b7f059cc1737fa4a 100644
--- a/packages/desktop-client/src/icons/v2/ValidationCheck.js
+++ b/packages/desktop-client/src/icons/v2/ValidationCheck.js
@@ -1,20 +1,18 @@
 import * as React from 'react';
-
 const SvgValidationCheck = props => (
   <svg
     {...props}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
     style={{
-      color: '#242134',
+      color: 'inherit',
       ...props.style,
     }}
   >
     <path
-      d="M7.176 22.5a4.111 4.111 0 0 1-3.17-1.486l-3.62-4.6a1.8 1.8 0 1 1 2.828-2.228l3.6 4.56a.384.384 0 0 0 .379.152.52.52 0 0 0 .408-.197L20.794 2.177a1.8 1.8 0 1 1 2.812 2.246L10.39 20.964A4.12 4.12 0 0 1 7.2 22.5Z"
       fill="currentColor"
+      d="M7.176 22.5a4.111 4.111 0 0 1-3.17-1.486l-3.62-4.6a1.8 1.8 0 1 1 2.828-2.228l3.6 4.56a.384.384 0 0 0 .379.152.52.52 0 0 0 .408-.197L20.794 2.177a1.8 1.8 0 1 1 2.812 2.246L10.39 20.964A4.12 4.12 0 0 1 7.2 22.5Z"
     />
   </svg>
 );
-
 export default SvgValidationCheck;
diff --git a/packages/desktop-client/src/icons/v2/eye.svg b/packages/desktop-client/src/icons/v2/eye.svg
index 0ed1469473d93235bf78a47b41be88a903bf9758..38ab9bf43e887f2b7d621a2db96d383ed0d959dd 100644
--- a/packages/desktop-client/src/icons/v2/eye.svg
+++ b/packages/desktop-client/src/icons/v2/eye.svg
@@ -3,6 +3,6 @@
 <g>
 <path style="fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(0%,0%,0%);stroke-opacity:1;stroke-miterlimit:4;" d="M 18.50179 12.712077 C 18.50179 15.080241 15.364583 17.000814 11.499023 17.000814 C 7.633464 17.000814 4.500326 15.080241 4.500326 12.712077 C 4.500326 10.347982 7.633464 8.427409 11.499023 8.427409 C 15.364583 8.427409 18.50179 10.347982 18.50179 12.712077 Z M 18.50179 12.712077" transform="matrix(0.96,0,0,0.96,1,0.48)"/>
 <path style="fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(0%,0%,0%);stroke-opacity:1;stroke-miterlimit:4;" d="M 13.248698 12.712077 C 13.264974 13.424154 12.845866 14.075195 12.194824 14.355957 C 11.543783 14.636719 10.782878 14.498372 10.274251 14.001953 C 9.769694 13.501465 9.611003 12.748698 9.879557 12.089518 C 10.148112 11.430339 10.791016 10.999023 11.499023 10.999023 C 11.958822 10.994954 12.402344 11.173991 12.731934 11.495443 C 13.057454 11.816895 13.244629 12.256348 13.248698 12.712077 Z M 13.248698 12.712077" transform="matrix(0.96,0,0,0.96,1,0.48)"/>
-<path style="stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;" d="M 10.320312 8.570312 C 10.320312 8.96875 10.640625 9.292969 11.039062 9.292969 C 11.4375 9.292969 11.761719 8.96875 11.761719 8.570312 Z M 11.761719 5.28125 C 11.761719 4.882812 11.4375 4.558594 11.039062 4.558594 C 10.640625 4.558594 10.320312 4.882812 10.320312 5.28125 Z M 17.5625 7.253906 C 17.742188 6.898438 17.601562 6.464844 17.246094 6.285156 C 16.894531 6.101562 16.460938 6.242188 16.277344 6.597656 Z M 14.898438 9.304688 C 14.71875 9.65625 14.859375 10.089844 15.214844 10.273438 C 15.566406 10.453125 16 10.3125 16.183594 9.957031 Z M 5.800781 6.597656 C 5.621094 6.242188 5.1875 6.101562 4.832031 6.285156 C 4.480469 6.464844 4.339844 6.898438 4.519531 7.253906 Z M 5.898438 9.957031 C 6.078125 10.3125 6.511719 10.453125 6.867188 10.273438 C 7.222656 10.089844 7.363281 9.65625 7.179688 9.304688 Z M 11.761719 8.570312 L 11.761719 5.28125 L 10.320312 5.28125 L 10.320312 8.570312 Z M 16.277344 6.597656 L 14.898438 9.304688 L 16.183594 9.957031 L 17.5625 7.253906 Z M 4.519531 7.253906 L 5.898438 9.957031 L 7.179688 9.304688 L 5.800781 6.597656 Z M 4.519531 7.253906" transform="translate(1)/>
+<path style="stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;" d="M 10.320312 8.570312 C 10.320312 8.96875 10.640625 9.292969 11.039062 9.292969 C 11.4375 9.292969 11.761719 8.96875 11.761719 8.570312 Z M 11.761719 5.28125 C 11.761719 4.882812 11.4375 4.558594 11.039062 4.558594 C 10.640625 4.558594 10.320312 4.882812 10.320312 5.28125 Z M 17.5625 7.253906 C 17.742188 6.898438 17.601562 6.464844 17.246094 6.285156 C 16.894531 6.101562 16.460938 6.242188 16.277344 6.597656 Z M 14.898438 9.304688 C 14.71875 9.65625 14.859375 10.089844 15.214844 10.273438 C 15.566406 10.453125 16 10.3125 16.183594 9.957031 Z M 5.800781 6.597656 C 5.621094 6.242188 5.1875 6.101562 4.832031 6.285156 C 4.480469 6.464844 4.339844 6.898438 4.519531 7.253906 Z M 5.898438 9.957031 C 6.078125 10.3125 6.511719 10.453125 6.867188 10.273438 C 7.222656 10.089844 7.363281 9.65625 7.179688 9.304688 Z M 11.761719 8.570312 L 11.761719 5.28125 L 10.320312 5.28125 L 10.320312 8.570312 Z M 16.277344 6.597656 L 14.898438 9.304688 L 16.183594 9.957031 L 17.5625 7.253906 Z M 4.519531 7.253906 L 5.898438 9.957031 L 7.179688 9.304688 L 5.800781 6.597656 Z M 4.519531 7.253906" transform="translate(1)"/>
 </g>
 </svg>
diff --git a/upcoming-release-notes/1368.md b/upcoming-release-notes/1368.md
new file mode 100644
index 0000000000000000000000000000000000000000..82e115d8576c063507127e42a98581dfef13e168
--- /dev/null
+++ b/upcoming-release-notes/1368.md
@@ -0,0 +1,6 @@
+---
+category: Maintenance
+authors: [j-f1]
+---
+
+Update to the latest SVGR version & re-generate all icons
diff --git a/yarn.lock b/yarn.lock
index 6621bacda1d06b9dfe34ed536c8a325d8d42dda8..39463746eae1e4505b4fc46af1c4110771bc8de7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -82,7 +82,7 @@ __metadata:
     "@react-aria/utils": ^3.13.3
     "@react-stately/collections": ^3.4.3
     "@react-stately/list": ^3.5.3
-    "@svgr/cli": ^6.5.1
+    "@svgr/cli": ^8.0.1
     "@testing-library/react": 14.0.0
     "@testing-library/user-event": 14.4.3
     "@types/react": ^18.2.0
@@ -173,7 +173,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/core@npm:^7.1.0, @babel/core@npm:^7.11.1, @babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3, @babel/core@npm:^7.16.0, @babel/core@npm:^7.19.6, @babel/core@npm:^7.7.2, @babel/core@npm:^7.8.0, @babel/core@npm:~7.22.5":
+"@babel/compat-data@npm:^7.22.9":
+  version: 7.22.9
+  resolution: "@babel/compat-data@npm:7.22.9"
+  checksum: bed77d9044ce948b4327b30dd0de0779fa9f3a7ed1f2d31638714ed00229fa71fc4d1617ae0eb1fad419338d3658d0e9a5a083297451e09e73e078d0347ff808
+  languageName: node
+  linkType: hard
+
+"@babel/core@npm:^7.1.0, @babel/core@npm:^7.11.1, @babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3, @babel/core@npm:^7.16.0, @babel/core@npm:^7.7.2, @babel/core@npm:^7.8.0, @babel/core@npm:~7.22.5":
   version: 7.22.5
   resolution: "@babel/core@npm:7.22.5"
   dependencies:
@@ -196,6 +203,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/core@npm:^7.21.3":
+  version: 7.22.9
+  resolution: "@babel/core@npm:7.22.9"
+  dependencies:
+    "@ampproject/remapping": ^2.2.0
+    "@babel/code-frame": ^7.22.5
+    "@babel/generator": ^7.22.9
+    "@babel/helper-compilation-targets": ^7.22.9
+    "@babel/helper-module-transforms": ^7.22.9
+    "@babel/helpers": ^7.22.6
+    "@babel/parser": ^7.22.7
+    "@babel/template": ^7.22.5
+    "@babel/traverse": ^7.22.8
+    "@babel/types": ^7.22.5
+    convert-source-map: ^1.7.0
+    debug: ^4.1.0
+    gensync: ^1.0.0-beta.2
+    json5: ^2.2.2
+    semver: ^6.3.1
+  checksum: 7bf069aeceb417902c4efdaefab1f7b94adb7dea694a9aed1bda2edf4135348a080820529b1a300c6f8605740a00ca00c19b2d5e74b5dd489d99d8c11d5e56d1
+  languageName: node
+  linkType: hard
+
 "@babel/eslint-parser@npm:^7.16.3":
   version: 7.22.5
   resolution: "@babel/eslint-parser@npm:7.22.5"
@@ -222,6 +252,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/generator@npm:^7.22.7, @babel/generator@npm:^7.22.9":
+  version: 7.22.9
+  resolution: "@babel/generator@npm:7.22.9"
+  dependencies:
+    "@babel/types": ^7.22.5
+    "@jridgewell/gen-mapping": ^0.3.2
+    "@jridgewell/trace-mapping": ^0.3.17
+    jsesc: ^2.5.1
+  checksum: 7c9d2c58b8d5ac5e047421a6ab03ec2ff5d9a5ff2c2212130a0055e063ac349e0b19d435537d6886c999771aef394832e4f54cd9fc810100a7f23d982f6af06b
+  languageName: node
+  linkType: hard
+
 "@babel/helper-annotate-as-pure@npm:^7.18.6, @babel/helper-annotate-as-pure@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/helper-annotate-as-pure@npm:7.22.5"
@@ -255,6 +297,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-compilation-targets@npm:^7.22.9":
+  version: 7.22.9
+  resolution: "@babel/helper-compilation-targets@npm:7.22.9"
+  dependencies:
+    "@babel/compat-data": ^7.22.9
+    "@babel/helper-validator-option": ^7.22.5
+    browserslist: ^4.21.9
+    lru-cache: ^5.1.1
+    semver: ^6.3.1
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: ea0006c6a93759025f4a35a25228ae260538c9f15023e8aac2a6d45ca68aef4cf86cfc429b19af9a402cbdd54d5de74ad3fbcf6baa7e48184dc079f1a791e178
+  languageName: node
+  linkType: hard
+
 "@babel/helper-create-class-features-plugin@npm:^7.18.6, @babel/helper-create-class-features-plugin@npm:^7.21.0, @babel/helper-create-class-features-plugin@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/helper-create-class-features-plugin@npm:7.22.5"
@@ -363,6 +420,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-module-transforms@npm:^7.22.9":
+  version: 7.22.9
+  resolution: "@babel/helper-module-transforms@npm:7.22.9"
+  dependencies:
+    "@babel/helper-environment-visitor": ^7.22.5
+    "@babel/helper-module-imports": ^7.22.5
+    "@babel/helper-simple-access": ^7.22.5
+    "@babel/helper-split-export-declaration": ^7.22.6
+    "@babel/helper-validator-identifier": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 2751f77660518cf4ff027514d6f4794f04598c6393be7b04b8e46c6e21606e11c19f3f57ab6129a9c21bacdf8b3ffe3af87bb401d972f34af2d0ffde02ac3001
+  languageName: node
+  linkType: hard
+
 "@babel/helper-optimise-call-expression@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/helper-optimise-call-expression@npm:7.22.5"
@@ -434,6 +506,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-split-export-declaration@npm:^7.22.6":
+  version: 7.22.6
+  resolution: "@babel/helper-split-export-declaration@npm:7.22.6"
+  dependencies:
+    "@babel/types": ^7.22.5
+  checksum: e141cace583b19d9195f9c2b8e17a3ae913b7ee9b8120246d0f9ca349ca6f03cb2c001fd5ec57488c544347c0bb584afec66c936511e447fd20a360e591ac921
+  languageName: node
+  linkType: hard
+
 "@babel/helper-string-parser@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/helper-string-parser@npm:7.22.5"
@@ -478,6 +559,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helpers@npm:^7.22.6":
+  version: 7.22.6
+  resolution: "@babel/helpers@npm:7.22.6"
+  dependencies:
+    "@babel/template": ^7.22.5
+    "@babel/traverse": ^7.22.6
+    "@babel/types": ^7.22.5
+  checksum: 5c1f33241fe7bf7709868c2105134a0a86dca26a0fbd508af10a89312b1f77ca38ebae43e50be3b208613c5eacca1559618af4ca236f0abc55d294800faeff30
+  languageName: node
+  linkType: hard
+
 "@babel/highlight@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/highlight@npm:7.22.5"
@@ -498,6 +590,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/parser@npm:^7.22.7":
+  version: 7.22.7
+  resolution: "@babel/parser@npm:7.22.7"
+  bin:
+    parser: ./bin/babel-parser.js
+  checksum: 02209ddbd445831ee8bf966fdf7c29d189ed4b14343a68eb2479d940e7e3846340d7cc6bd654a5f3d87d19dc84f49f50a58cf9363bee249dc5409ff3ba3dab54
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.22.5"
@@ -1765,7 +1866,25 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/types@npm:^7.0.0, @babel/types@npm:^7.12.6, @babel/types@npm:^7.20.0, @babel/types@npm:^7.20.7, @babel/types@npm:^7.22.5, @babel/types@npm:^7.3.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4, @babel/types@npm:^7.8.3":
+"@babel/traverse@npm:^7.22.6, @babel/traverse@npm:^7.22.8":
+  version: 7.22.8
+  resolution: "@babel/traverse@npm:7.22.8"
+  dependencies:
+    "@babel/code-frame": ^7.22.5
+    "@babel/generator": ^7.22.7
+    "@babel/helper-environment-visitor": ^7.22.5
+    "@babel/helper-function-name": ^7.22.5
+    "@babel/helper-hoist-variables": ^7.22.5
+    "@babel/helper-split-export-declaration": ^7.22.6
+    "@babel/parser": ^7.22.7
+    "@babel/types": ^7.22.5
+    debug: ^4.1.0
+    globals: ^11.1.0
+  checksum: a381369bc3eedfd13ed5fef7b884657f1c29024ea7388198149f0edc34bd69ce3966e9f40188d15f56490a5e12ba250ccc485f2882b53d41b054fccefb233e33
+  languageName: node
+  linkType: hard
+
+"@babel/types@npm:^7.0.0, @babel/types@npm:^7.12.6, @babel/types@npm:^7.20.7, @babel/types@npm:^7.21.3, @babel/types@npm:^7.22.5, @babel/types@npm:^7.3.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4, @babel/types@npm:^7.8.3":
   version: 7.22.5
   resolution: "@babel/types@npm:7.22.5"
   dependencies:
@@ -3459,6 +3578,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@svgr/babel-plugin-add-jsx-attribute@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/babel-plugin-add-jsx-attribute@npm:8.0.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 3fc8e35d16f5abe0af5efe5851f27581225ac405d6a1ca44cda0df064cddfcc29a428c48c2e4bef6cebf627c9ac2f652a096030edb02cf5a120ce28d3c234710
+  languageName: node
+  linkType: hard
+
 "@svgr/babel-plugin-add-jsx-attribute@npm:^5.4.0":
   version: 5.4.0
   resolution: "@svgr/babel-plugin-add-jsx-attribute@npm:5.4.0"
@@ -3466,21 +3594,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@svgr/babel-plugin-add-jsx-attribute@npm:^6.5.1":
-  version: 6.5.1
-  resolution: "@svgr/babel-plugin-add-jsx-attribute@npm:6.5.1"
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: cab83832830a57735329ed68f67c03b57ca21fa037b0134847b0c5c0ef4beca89956d7dacfbf7b2a10fd901e7009e877512086db2ee918b8c69aee7742ae32c0
-  languageName: node
-  linkType: hard
-
-"@svgr/babel-plugin-remove-jsx-attribute@npm:*":
-  version: 7.0.0
-  resolution: "@svgr/babel-plugin-remove-jsx-attribute@npm:7.0.0"
+"@svgr/babel-plugin-remove-jsx-attribute@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/babel-plugin-remove-jsx-attribute@npm:8.0.0"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 808ba216eea6904b2c0b664957b1ad4d3e0d9e36635ad2fca7fb2667031730cbbe067421ac0d50209f7c83dc3b6c2eff8f377780268cd1606c85603bc47b18d7
+  checksum: ff992893c6c4ac802713ba3a97c13be34e62e6d981c813af40daabcd676df68a72a61bd1e692bb1eda3587f1b1d700ea462222ae2153bb0f46886632d4f88d08
   languageName: node
   linkType: hard
 
@@ -3491,12 +3610,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@svgr/babel-plugin-remove-jsx-empty-expression@npm:*":
-  version: 7.0.0
-  resolution: "@svgr/babel-plugin-remove-jsx-empty-expression@npm:7.0.0"
+"@svgr/babel-plugin-remove-jsx-empty-expression@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/babel-plugin-remove-jsx-empty-expression@npm:8.0.0"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: da0cae989cc99b5437c877412da6251eef57edfff8514b879c1245b6519edfda101ebc4ba2be3cce3aa9a6014050ea4413e004084d839afd8ac8ffc587a921bf
+  checksum: 0fb691b63a21bac00da3aa2dccec50d0d5a5b347ff408d60803b84410d8af168f2656e4ba1ee1f24dab0ae4e4af77901f2928752bb0434c1f6788133ec599ec8
   languageName: node
   linkType: hard
 
@@ -3507,6 +3626,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@svgr/babel-plugin-replace-jsx-attribute-value@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/babel-plugin-replace-jsx-attribute-value@npm:8.0.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 1edda65ef4f4dd8f021143c8ec276a08f6baa6f733b8e8ee2e7775597bf6b97afb47fdeefd579d6ae6c959fe2e634f55cd61d99377631212228c8cfb351b8921
+  languageName: node
+  linkType: hard
+
 "@svgr/babel-plugin-replace-jsx-attribute-value@npm:^5.0.1":
   version: 5.0.1
   resolution: "@svgr/babel-plugin-replace-jsx-attribute-value@npm:5.0.1"
@@ -3514,12 +3642,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@svgr/babel-plugin-replace-jsx-attribute-value@npm:^6.5.1":
-  version: 6.5.1
-  resolution: "@svgr/babel-plugin-replace-jsx-attribute-value@npm:6.5.1"
+"@svgr/babel-plugin-svg-dynamic-title@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/babel-plugin-svg-dynamic-title@npm:8.0.0"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: b7d2125758e766e1ebd14b92216b800bdc976959bc696dbfa1e28682919147c1df4bb8b1b5fd037d7a83026e27e681fea3b8d3741af8d3cf4c9dfa3d412125df
+  checksum: 876cec891488992e6a9aebb8155e2bea4ec461b4718c51de36e988e00e271c6d9d01ef6be17b9effd44b2b3d7db0b41c161a5904a46ae6f38b26b387ad7f3709
   languageName: node
   linkType: hard
 
@@ -3530,12 +3658,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@svgr/babel-plugin-svg-dynamic-title@npm:^6.5.1":
-  version: 6.5.1
-  resolution: "@svgr/babel-plugin-svg-dynamic-title@npm:6.5.1"
+"@svgr/babel-plugin-svg-em-dimensions@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/babel-plugin-svg-em-dimensions@npm:8.0.0"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 0fd42ebf127ae9163ef341e84972daa99bdcb9e6ed3f83aabd95ee173fddc43e40e02fa847fbc0a1058cf5549f72b7960a2c5e22c3e4ac18f7e3ac81277852ae
+  checksum: be0e2d391164428327d9ec469a52cea7d93189c6b0e2c290999e048f597d777852f701c64dca44cd45b31ed14a7f859520326e2e4ad7c3a4545d0aa235bc7e9a
   languageName: node
   linkType: hard
 
@@ -3546,12 +3674,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@svgr/babel-plugin-svg-em-dimensions@npm:^6.5.1":
-  version: 6.5.1
-  resolution: "@svgr/babel-plugin-svg-em-dimensions@npm:6.5.1"
+"@svgr/babel-plugin-transform-react-native-svg@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/babel-plugin-transform-react-native-svg@npm:8.0.0"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: c1550ee9f548526fa66fd171e3ffb5696bfc4e4cd108a631d39db492c7410dc10bba4eb5a190e9df824bf806130ccc586ae7d2e43c547e6a4f93bbb29a18f344
+  checksum: 14e3f8ef27bb3215aa8914ea44831eb43decde4a131e4302480f23d6e75aa8c4ea9e1f8888d479b7a8ac63b828e590c03df6d72a6964676612c015f4a967fc74
   languageName: node
   linkType: hard
 
@@ -3562,12 +3690,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@svgr/babel-plugin-transform-react-native-svg@npm:^6.5.1":
-  version: 6.5.1
-  resolution: "@svgr/babel-plugin-transform-react-native-svg@npm:6.5.1"
+"@svgr/babel-plugin-transform-svg-component@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/babel-plugin-transform-svg-component@npm:8.0.0"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 4c924af22b948b812629e80efb90ad1ec8faae26a232d8ca8a06b46b53e966a2c415a57806a3ff0ea806a622612e546422719b69ec6839717a7755dac19171d9
+  checksum: 04e2023d75693eeb0890341c40e449881184663056c249be7e5c80168e4aabb0fadd255e8d5d2dbf54b8c2a6e700efba994377135bfa4060dc4a2e860116ef8c
   languageName: node
   linkType: hard
 
@@ -3578,12 +3706,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@svgr/babel-plugin-transform-svg-component@npm:^6.5.1":
-  version: 6.5.1
-  resolution: "@svgr/babel-plugin-transform-svg-component@npm:6.5.1"
+"@svgr/babel-preset@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/babel-preset@npm:8.0.0"
+  dependencies:
+    "@svgr/babel-plugin-add-jsx-attribute": 8.0.0
+    "@svgr/babel-plugin-remove-jsx-attribute": 8.0.0
+    "@svgr/babel-plugin-remove-jsx-empty-expression": 8.0.0
+    "@svgr/babel-plugin-replace-jsx-attribute-value": 8.0.0
+    "@svgr/babel-plugin-svg-dynamic-title": 8.0.0
+    "@svgr/babel-plugin-svg-em-dimensions": 8.0.0
+    "@svgr/babel-plugin-transform-react-native-svg": 8.0.0
+    "@svgr/babel-plugin-transform-svg-component": 8.0.0
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: e496bb5ee871feb6bcab250b6e067322da7dd5c9c2b530b41e5586fe090f86611339b49d0a909c334d9b24cbca0fa755c949a2526c6ad03c6b5885666874cf5f
+  checksum: c8a4497f3fe8338831be275e9e9534b265d22c8ecd75eec0ed82cff8d287506d38fc1963ac3b1a3a27abe0582bcba73f7a76798d23cce586e840bf65a87ba990
   languageName: node
   linkType: hard
 
@@ -3603,40 +3740,36 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@svgr/babel-preset@npm:^6.5.1":
-  version: 6.5.1
-  resolution: "@svgr/babel-preset@npm:6.5.1"
-  dependencies:
-    "@svgr/babel-plugin-add-jsx-attribute": ^6.5.1
-    "@svgr/babel-plugin-remove-jsx-attribute": "*"
-    "@svgr/babel-plugin-remove-jsx-empty-expression": "*"
-    "@svgr/babel-plugin-replace-jsx-attribute-value": ^6.5.1
-    "@svgr/babel-plugin-svg-dynamic-title": ^6.5.1
-    "@svgr/babel-plugin-svg-em-dimensions": ^6.5.1
-    "@svgr/babel-plugin-transform-react-native-svg": ^6.5.1
-    "@svgr/babel-plugin-transform-svg-component": ^6.5.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 9f124be39a8e64f909162f925b3a63ddaa5a342a5e24fc0b7f7d9d4d7f7e3b916596c754fb557dc259928399cad5366a27cb231627a0d2dcc4b13ac521cf05af
-  languageName: node
-  linkType: hard
-
-"@svgr/cli@npm:^6.5.1":
-  version: 6.5.1
-  resolution: "@svgr/cli@npm:6.5.1"
+"@svgr/cli@npm:^8.0.1":
+  version: 8.0.1
+  resolution: "@svgr/cli@npm:8.0.1"
   dependencies:
-    "@svgr/core": ^6.5.1
-    "@svgr/plugin-jsx": ^6.5.1
-    "@svgr/plugin-prettier": ^6.5.1
-    "@svgr/plugin-svgo": ^6.5.1
+    "@svgr/core": 8.0.0
+    "@svgr/plugin-jsx": 8.0.1
+    "@svgr/plugin-prettier": 8.0.1
+    "@svgr/plugin-svgo": 8.0.1
     camelcase: ^6.2.0
     chalk: ^4.1.2
     commander: ^9.4.1
     dashify: ^2.0.0
     glob: ^8.0.3
+    snake-case: ^3.0.4
   bin:
     svgr: bin/svgr
-  checksum: 508c76809463d9e7e4a3cd10e0fed7a43d2d91804d8a8f31146780c3dc7e9b187bdf919a57fe8156842061ce292b5358d4b77ae2dff9ecf8682617e5e98b6cee
+  checksum: 8c16d431bdd029daae7f40b5432600d95f96e1124956a8396650a5eed39815c33b80d11d327a06b53a80a6fd203720a7ad9a4bf45f0f4b863495a39f35d587d0
+  languageName: node
+  linkType: hard
+
+"@svgr/core@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/core@npm:8.0.0"
+  dependencies:
+    "@babel/core": ^7.21.3
+    "@svgr/babel-preset": 8.0.0
+    camelcase: ^6.2.0
+    cosmiconfig: ^8.1.3
+    snake-case: ^3.0.4
+  checksum: ce83ecbab185db72d16dbd9650f5a66c6e2705627722e593b0eaf23bfafe49cf8bb55f216016a11b8a546822c7387887d218aab8697f7b31e3d1a97d94fa0593
   languageName: node
   linkType: hard
 
@@ -3651,16 +3784,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@svgr/core@npm:^6.5.1":
-  version: 6.5.1
-  resolution: "@svgr/core@npm:6.5.1"
+"@svgr/hast-util-to-babel-ast@npm:8.0.0":
+  version: 8.0.0
+  resolution: "@svgr/hast-util-to-babel-ast@npm:8.0.0"
   dependencies:
-    "@babel/core": ^7.19.6
-    "@svgr/babel-preset": ^6.5.1
-    "@svgr/plugin-jsx": ^6.5.1
-    camelcase: ^6.2.0
-    cosmiconfig: ^7.0.1
-  checksum: fd6d6d5da5aeb956703310480b626c1fb3e3973ad9fe8025efc1dcf3d895f857b70d100c63cf32cebb20eb83c9607bafa464c9436e18fe6fe4fafdc73ed6b1a5
+    "@babel/types": ^7.21.3
+    entities: ^4.4.0
+  checksum: 88401281a38bbc7527e65ff5437970414391a86158ef4b4046c89764c156d2d39ecd7cce77be8a51994c9fb3249170cb1eb8b9128b62faaa81743ef6ed3534ab
   languageName: node
   linkType: hard
 
@@ -3673,13 +3803,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@svgr/hast-util-to-babel-ast@npm:^6.5.1":
-  version: 6.5.1
-  resolution: "@svgr/hast-util-to-babel-ast@npm:6.5.1"
+"@svgr/plugin-jsx@npm:8.0.1":
+  version: 8.0.1
+  resolution: "@svgr/plugin-jsx@npm:8.0.1"
   dependencies:
-    "@babel/types": ^7.20.0
-    entities: ^4.4.0
-  checksum: 37923cce1b3f4e2039077b0c570b6edbabe37d1cf1a6ee35e71e0fe00f9cffac450eec45e9720b1010418131a999cb0047331ba1b6d1d2c69af1b92ac785aacf
+    "@babel/core": ^7.21.3
+    "@svgr/babel-preset": 8.0.0
+    "@svgr/hast-util-to-babel-ast": 8.0.0
+    svg-parser: ^2.0.4
+  peerDependencies:
+    "@svgr/core": "*"
+  checksum: c6a0fc3e757e79837cd88f41f18b35594f8c4efe1b87e673514fa7add0912388b7dc79fa2738d629c2f945395ea568fa901c9c5ca5fce827a004c03867c1c482
   languageName: node
   linkType: hard
 
@@ -3695,29 +3829,28 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@svgr/plugin-jsx@npm:^6.5.1":
-  version: 6.5.1
-  resolution: "@svgr/plugin-jsx@npm:6.5.1"
+"@svgr/plugin-prettier@npm:8.0.1":
+  version: 8.0.1
+  resolution: "@svgr/plugin-prettier@npm:8.0.1"
   dependencies:
-    "@babel/core": ^7.19.6
-    "@svgr/babel-preset": ^6.5.1
-    "@svgr/hast-util-to-babel-ast": ^6.5.1
-    svg-parser: ^2.0.4
+    deepmerge: ^4.3.1
+    prettier: ^2.8.7
   peerDependencies:
-    "@svgr/core": ^6.0.0
-  checksum: 42f22847a6bdf930514d7bedd3c5e1fd8d53eb3594779f9db16cb94c762425907c375cd8ec789114e100a4d38068aca6c7ab5efea4c612fba63f0630c44cc859
+    "@svgr/core": "*"
+  checksum: d10a9e0e2c298393c9acc93de387b4f487fb0317e382c47151f26889a78e48ff13742c23dfa1d3fde30d5a7db2ceaffa2191877e9dcab6dadfc79008780294d1
   languageName: node
   linkType: hard
 
-"@svgr/plugin-prettier@npm:^6.5.1":
-  version: 6.5.1
-  resolution: "@svgr/plugin-prettier@npm:6.5.1"
+"@svgr/plugin-svgo@npm:8.0.1":
+  version: 8.0.1
+  resolution: "@svgr/plugin-svgo@npm:8.0.1"
   dependencies:
-    deepmerge: ^4.2.2
-    prettier: ^2.7.1
+    cosmiconfig: ^8.1.3
+    deepmerge: ^4.3.1
+    svgo: ^3.0.2
   peerDependencies:
     "@svgr/core": "*"
-  checksum: 59340ff467d0cb1f07dbbde2d8f15d6d740aa5d904faed0fad7684a6dc53137a384e63bb801e177df50f486c1f765218a35e9a15ffa23e0a1035de16c316b372
+  checksum: c5008c5dd8467f8f8b3a173462773fc37f2a8fa53989934ea802fc7a9db2147f6fee68736610a117751f2ab94773373e807d21e74db5f93b98040f1479845ec6
   languageName: node
   linkType: hard
 
@@ -3732,19 +3865,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@svgr/plugin-svgo@npm:^6.5.1":
-  version: 6.5.1
-  resolution: "@svgr/plugin-svgo@npm:6.5.1"
-  dependencies:
-    cosmiconfig: ^7.0.1
-    deepmerge: ^4.2.2
-    svgo: ^2.8.0
-  peerDependencies:
-    "@svgr/core": "*"
-  checksum: cd2833530ac0485221adc2146fd992ab20d79f4b12eebcd45fa859721dd779483158e11dfd9a534858fe468416b9412416e25cbe07ac7932c44ed5fa2021c72e
-  languageName: node
-  linkType: hard
-
 "@svgr/webpack@npm:^5.5.0":
   version: 5.5.0
   resolution: "@svgr/webpack@npm:5.5.0"
@@ -5993,7 +6113,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"browserslist@npm:^4.0.0, browserslist@npm:^4.14.5, browserslist@npm:^4.18.1, browserslist@npm:^4.21.3, browserslist@npm:^4.21.4, browserslist@npm:^4.21.5":
+"browserslist@npm:^4.0.0, browserslist@npm:^4.14.5, browserslist@npm:^4.18.1, browserslist@npm:^4.21.3, browserslist@npm:^4.21.4, browserslist@npm:^4.21.5, browserslist@npm:^4.21.9":
   version: 4.21.9
   resolution: "browserslist@npm:4.21.9"
   dependencies:
@@ -6876,7 +6996,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cosmiconfig@npm:^7.0.0, cosmiconfig@npm:^7.0.1":
+"cosmiconfig@npm:^7.0.0":
   version: 7.1.0
   resolution: "cosmiconfig@npm:7.1.0"
   dependencies:
@@ -6889,6 +7009,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cosmiconfig@npm:^8.1.3":
+  version: 8.2.0
+  resolution: "cosmiconfig@npm:8.2.0"
+  dependencies:
+    import-fresh: ^3.2.1
+    js-yaml: ^4.1.0
+    parse-json: ^5.0.0
+    path-type: ^4.0.0
+  checksum: 836d5d8efa750f3fb17b03d6ca74cd3154ed025dffd045304b3ef59637f662bde1e5dc88f8830080d180ec60841719cf4ea2ce73fb21ec694b16865c478ff297
+  languageName: node
+  linkType: hard
+
 "crc@npm:^3.8.0":
   version: 3.8.0
   resolution: "crc@npm:3.8.0"
@@ -7097,6 +7229,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"css-select@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "css-select@npm:5.1.0"
+  dependencies:
+    boolbase: ^1.0.0
+    css-what: ^6.1.0
+    domhandler: ^5.0.2
+    domutils: ^3.0.1
+    nth-check: ^2.0.1
+  checksum: 2772c049b188d3b8a8159907192e926e11824aea525b8282981f72ba3f349cf9ecd523fdf7734875ee2cb772246c22117fc062da105b6d59afe8dcd5c99c9bda
+  languageName: node
+  linkType: hard
+
 "css-tree@npm:1.0.0-alpha.37":
   version: 1.0.0-alpha.37
   resolution: "css-tree@npm:1.0.0-alpha.37"
@@ -7117,6 +7262,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"css-tree@npm:^2.2.1":
+  version: 2.3.1
+  resolution: "css-tree@npm:2.3.1"
+  dependencies:
+    mdn-data: 2.0.30
+    source-map-js: ^1.0.1
+  checksum: 493cc24b5c22b05ee5314b8a0d72d8a5869491c1458017ae5ed75aeb6c3596637dbe1b11dac2548974624adec9f7a1f3a6cf40593dc1f9185eb0e8279543fbc0
+  languageName: node
+  linkType: hard
+
+"css-tree@npm:~2.2.0":
+  version: 2.2.1
+  resolution: "css-tree@npm:2.2.1"
+  dependencies:
+    mdn-data: 2.0.28
+    source-map-js: ^1.0.1
+  checksum: b94aa8cc2f09e6f66c91548411fcf74badcbad3e150345074715012d16333ce573596ff5dfca03c2a87edf1924716db765120f94247e919d72753628ba3aba27
+  languageName: node
+  linkType: hard
+
 "css-what@npm:^3.2.1":
   version: 3.4.2
   resolution: "css-what@npm:3.4.2"
@@ -7124,7 +7289,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"css-what@npm:^6.0.1":
+"css-what@npm:^6.0.1, css-what@npm:^6.1.0":
   version: 6.1.0
   resolution: "css-what@npm:6.1.0"
   checksum: b975e547e1e90b79625918f84e67db5d33d896e6de846c9b584094e529f0c63e2ab85ee33b9daffd05bff3a146a1916bec664e18bb76dd5f66cbff9fc13b2bbe
@@ -7217,6 +7382,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"csso@npm:^5.0.5":
+  version: 5.0.5
+  resolution: "csso@npm:5.0.5"
+  dependencies:
+    css-tree: ~2.2.0
+  checksum: 0ad858d36bf5012ed243e9ec69962a867509061986d2ee07cc040a4b26e4d062c00d4c07e5ba8d430706ceb02dd87edd30a52b5937fd45b1b6f2119c4993d59a
+  languageName: node
+  linkType: hard
+
 "cssom@npm:^0.4.4":
   version: 0.4.4
   resolution: "cssom@npm:0.4.4"
@@ -7511,7 +7685,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"deepmerge@npm:^4.2.2":
+"deepmerge@npm:^4.2.2, deepmerge@npm:^4.3.1":
   version: 4.3.1
   resolution: "deepmerge@npm:4.3.1"
   checksum: 2024c6a980a1b7128084170c4cf56b0fd58a63f2da1660dcfe977415f27b17dbe5888668b59d0b063753f3220719d5e400b7f113609489c90160bb9a5518d052
@@ -7870,6 +8044,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"dom-serializer@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "dom-serializer@npm:2.0.0"
+  dependencies:
+    domelementtype: ^2.3.0
+    domhandler: ^5.0.2
+    entities: ^4.2.0
+  checksum: cd1810544fd8cdfbd51fa2c0c1128ec3a13ba92f14e61b7650b5de421b88205fd2e3f0cc6ace82f13334114addb90ed1c2f23074a51770a8e9c1273acbc7f3e6
+  languageName: node
+  linkType: hard
+
 "domelementtype@npm:1":
   version: 1.3.1
   resolution: "domelementtype@npm:1.3.1"
@@ -7877,7 +8062,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"domelementtype@npm:^2.0.1, domelementtype@npm:^2.2.0":
+"domelementtype@npm:^2.0.1, domelementtype@npm:^2.2.0, domelementtype@npm:^2.3.0":
   version: 2.3.0
   resolution: "domelementtype@npm:2.3.0"
   checksum: ee837a318ff702622f383409d1f5b25dd1024b692ef64d3096ff702e26339f8e345820f29a68bcdcea8cfee3531776b3382651232fbeae95612d6f0a75efb4f6
@@ -7911,6 +8096,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"domhandler@npm:^5.0.2, domhandler@npm:^5.0.3":
+  version: 5.0.3
+  resolution: "domhandler@npm:5.0.3"
+  dependencies:
+    domelementtype: ^2.3.0
+  checksum: 0f58f4a6af63e6f3a4320aa446d28b5790a009018707bce2859dcb1d21144c7876482b5188395a188dfa974238c019e0a1e610d2fc269a12b2c192ea2b0b131c
+  languageName: node
+  linkType: hard
+
 "domutils@npm:^1.7.0":
   version: 1.7.0
   resolution: "domutils@npm:1.7.0"
@@ -7932,6 +8126,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"domutils@npm:^3.0.1":
+  version: 3.1.0
+  resolution: "domutils@npm:3.1.0"
+  dependencies:
+    dom-serializer: ^2.0.0
+    domelementtype: ^2.3.0
+    domhandler: ^5.0.3
+  checksum: e5757456ddd173caa411cfc02c2bb64133c65546d2c4081381a3bafc8a57411a41eed70494551aa58030be9e58574fcc489828bebd673863d39924fb4878f416
+  languageName: node
+  linkType: hard
+
 "dot-case@npm:^3.0.4":
   version: 3.0.4
   resolution: "dot-case@npm:3.0.4"
@@ -8211,7 +8416,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"entities@npm:^4.4.0":
+"entities@npm:^4.2.0, entities@npm:^4.4.0":
   version: 4.5.0
   resolution: "entities@npm:4.5.0"
   checksum: 853f8ebd5b425d350bffa97dd6958143179a5938352ccae092c62d1267c4e392a039be1bae7d51b6e4ffad25f51f9617531fedf5237f15df302ccfb452cbf2d7
@@ -12556,6 +12761,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"mdn-data@npm:2.0.28":
+  version: 2.0.28
+  resolution: "mdn-data@npm:2.0.28"
+  checksum: f51d587a6ebe8e426c3376c74ea6df3e19ec8241ed8e2466c9c8a3904d5d04397199ea4f15b8d34d14524b5de926d8724ae85207984be47e165817c26e49e0aa
+  languageName: node
+  linkType: hard
+
+"mdn-data@npm:2.0.30":
+  version: 2.0.30
+  resolution: "mdn-data@npm:2.0.30"
+  checksum: d6ac5ac7439a1607df44b22738ecf83f48e66a0874e4482d6424a61c52da5cde5750f1d1229b6f5fa1b80a492be89465390da685b11f97d62b8adcc6e88189aa
+  languageName: node
+  linkType: hard
+
 "mdn-data@npm:2.0.4":
   version: 2.0.4
   resolution: "mdn-data@npm:2.0.4"
@@ -14837,7 +15056,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prettier@npm:^2.7.1":
+"prettier@npm:^2.8.7":
   version: 2.8.8
   resolution: "prettier@npm:2.8.8"
   bin:
@@ -16181,6 +16400,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"semver@npm:^6.3.1":
+  version: 6.3.1
+  resolution: "semver@npm:6.3.1"
+  bin:
+    semver: bin/semver.js
+  checksum: ae47d06de28836adb9d3e25f22a92943477371292d9b665fb023fae278d345d508ca1958232af086d85e0155aee22e313e100971898bbb8d5d89b8b1d4054ca2
+  languageName: node
+  linkType: hard
+
 "semver@npm:~7.0.0":
   version: 7.0.0
   resolution: "semver@npm:7.0.0"
@@ -16450,6 +16678,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"snake-case@npm:^3.0.4":
+  version: 3.0.4
+  resolution: "snake-case@npm:3.0.4"
+  dependencies:
+    dot-case: ^3.0.4
+    tslib: ^2.0.3
+  checksum: 0a7a79900bbb36f8aaa922cf111702a3647ac6165736d5dc96d3ef367efc50465cac70c53cd172c382b022dac72ec91710608e5393de71f76d7142e6fd80e8a3
+  languageName: node
+  linkType: hard
+
 "snapshot-diff@npm:^0.10.0":
   version: 0.10.0
   resolution: "snapshot-diff@npm:0.10.0"
@@ -17078,7 +17316,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"svgo@npm:^2.7.0, svgo@npm:^2.8.0":
+"svgo@npm:^2.7.0":
   version: 2.8.0
   resolution: "svgo@npm:2.8.0"
   dependencies:
@@ -17095,6 +17333,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"svgo@npm:^3.0.2":
+  version: 3.0.2
+  resolution: "svgo@npm:3.0.2"
+  dependencies:
+    "@trysound/sax": 0.2.0
+    commander: ^7.2.0
+    css-select: ^5.1.0
+    css-tree: ^2.2.1
+    csso: ^5.0.5
+    picocolors: ^1.0.0
+  bin:
+    svgo: bin/svgo
+  checksum: 381ba14aa782e71ab7033227634a3041c11fa3e2769aeaf0df43a08a615de61925108e34f55af6e7c5146f4a3109e78deabb4fa9d687e36d45d1f848b4e23d17
+  languageName: node
+  linkType: hard
+
 "symbol-tree@npm:^3.2.4":
   version: 3.2.4
   resolution: "symbol-tree@npm:3.2.4"