@transferwise/icons 3.11.0-beta.3 → 3.11.0

package/lib/index.esm.js

@@ -12,7 +12,7 @@ const AlertCircleFill = ({
     console.warn('<AlertCircleFill filled /> is now deprecated, please use <AlertCircleFillFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-alert-circle-fill tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-alert-circle-fill ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'alert-circle-fill-icon',
@@ -48,7 +48,7 @@ const AlertCircle = ({
     console.warn('<AlertCircle filled /> is now deprecated, please use <AlertCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-alert-circle tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-alert-circle ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'alert-circle-icon',
@@ -84,7 +84,7 @@ const Alert = ({
     console.warn('<Alert filled /> is now deprecated, please use <AlertFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-alert tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-alert ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'alert-icon',
@@ -110,6 +110,42 @@ const Alert = ({
   });
 };
 
+const Alipay = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  role = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn('<Alipay filled /> is now deprecated, please use <AlipayFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+  }
+  return /*#__PURE__*/jsxs("span", {
+    className: `tw-icon tw-icon-alipay ${className ? className : ''}`,
+    "aria-hidden": !title ? 'true' : undefined,
+    role: role ?? (title ? undefined : 'none'),
+    "data-testid": restProps['data-testid'] || 'alipay-icon',
+    children: [/*#__PURE__*/jsx("svg", {
+      width: String(size),
+      height: String(size),
+      fill: "currentColor",
+      focusable: "false",
+      viewBox: "0 0 24 24",
+      children: (Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && /*#__PURE__*/jsx(Fragment, {
+        children: /*#__PURE__*/jsx("path", {
+          fillRule: "evenodd",
+          d: "M22.424 15.673s-.668-.067-3.674-1.069v.001c-.662-.22-1.552-.532-2.594-.898l-.68-.237a16.844 16.844 0 0 0 1.738-4.342h-4.076V7.66h5.01v-.735h-5.01V4.453h-2.004c-.334 0-.334.334-.334.334v2.07H5.723v.802H10.8v1.603H6.658v.801h8.084a12.994 12.994 0 0 1-1.136 2.805c-2.605-.868-5.411-1.536-7.148-1.135-1.136.267-1.87.735-2.272 1.269-2.004 2.338-.6 5.944 3.541 5.944 2.472 0 4.81-1.402 6.614-3.606 2.739 1.335 8.083 3.54 8.083 3.54v.133c0 1.803-1.536 3.273-3.34 3.273H5.054c-1.87 0-3.34-1.47-3.34-3.273V4.987c0-1.803 1.537-3.273 3.34-3.273h14.03c1.87 0 3.34 1.47 3.34 3.273v10.686ZM4.771 13.62c.535-.468 1.47-.668 2.005-.735 1.937-.201 3.674.534 5.812 1.536-1.47 1.87-3.34 3.072-5.211 3.072-3.274 0-4.209-2.47-2.606-3.873Z",
+          clipRule: "evenodd"
+        })
+      })
+    }), title && /*#__PURE__*/jsx("span", {
+      className: "sr-only",
+      children: title
+    })]
+  });
+};
+
 const ArrowDiagonalDown = ({
   size = 16,
   className = undefined,
@@ -122,7 +158,7 @@ const ArrowDiagonalDown = ({
     console.warn('<ArrowDiagonalDown filled /> is now deprecated, please use <ArrowDiagonalDownFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-arrow-diagonal-down tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-arrow-diagonal-down ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'arrow-diagonal-down-icon',
@@ -134,8 +170,7 @@ const ArrowDiagonalDown = ({
       viewBox: "0 0 24 24",
       children: (Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && /*#__PURE__*/jsx(Fragment, {
         children: /*#__PURE__*/jsx("path", {
-          d: "M18.857 20.357h-12v-1.714H16.8L4.07 5.914l1.2-1.2L18 17.443V7.5h1.714v12a.86.86 0 0 1-.857.857Z",
-          style: "fill:#f0f;fill:color(display-p3 1 0 1);fill-opacity:1"
+          d: "M18.857 20.357h-12v-1.714H16.8L4.07 5.914l1.2-1.2L18 17.443V7.5h1.714v12a.86.86 0 0 1-.857.857Z"
         })
       })
     }), title && /*#__PURE__*/jsx("span", {
@@ -157,7 +192,7 @@ const ArrowDiagonalUp = ({
     console.warn('<ArrowDiagonalUp filled /> is now deprecated, please use <ArrowDiagonalUpFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-arrow-diagonal-up tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-arrow-diagonal-up ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'arrow-diagonal-up-icon',
@@ -169,8 +204,7 @@ const ArrowDiagonalUp = ({
       viewBox: "0 0 24 24",
       children: (Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && /*#__PURE__*/jsx(Fragment, {
         children: /*#__PURE__*/jsx("path", {
-          d: "M18.857 4.714h-12V6.43H16.8L4.07 19.157l1.2 1.2L18 7.63v9.942h1.714v-12a.86.86 0 0 0-.857-.857Z",
-          style: "fill:#f0f;fill:color(display-p3 1 0 1);fill-opacity:1"
+          d: "M18.857 4.714h-12V6.43H16.8L4.07 19.157l1.2 1.2L18 7.63v9.942h1.714v-12a.86.86 0 0 0-.857-.857Z"
         })
       })
     }), title && /*#__PURE__*/jsx("span", {
@@ -192,7 +226,7 @@ const ArrowDown = ({
     console.warn('<ArrowDown filled /> is now deprecated, please use <ArrowDownFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-arrow-down tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-arrow-down ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'arrow-down-icon',
@@ -226,7 +260,7 @@ const ArrowLeft = ({
     console.warn('<ArrowLeft filled /> is now deprecated, please use <ArrowLeftFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-arrow-left tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-arrow-left ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'arrow-left-icon',
@@ -260,7 +294,7 @@ const ArrowRight = ({
     console.warn('<ArrowRight filled /> is now deprecated, please use <ArrowRightFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-arrow-right tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-arrow-right ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'arrow-right-icon',
@@ -294,7 +328,7 @@ const ArrowUp = ({
     console.warn('<ArrowUp filled /> is now deprecated, please use <ArrowUpFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-arrow-up tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-arrow-up ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'arrow-up-icon',
@@ -328,7 +362,7 @@ const AutoConvert = ({
     console.warn('<AutoConvert filled /> is now deprecated, please use <AutoConvertFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-auto-convert tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-auto-convert ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'auto-convert-icon',
@@ -364,7 +398,7 @@ const BankStrikethrough = ({
     console.warn('<BankStrikethrough filled /> is now deprecated, please use <BankStrikethroughFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-bank-strikethrough tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-bank-strikethrough ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'bank-strikethrough-icon',
@@ -378,8 +412,7 @@ const BankStrikethrough = ({
         children: /*#__PURE__*/jsx("path", {
           fillRule: "evenodd",
           d: "m1.965 20.608 2.32-2.32V9.857H3.019a.857.857 0 0 1-.462-1.59l8.983-5.434a1.286 1.286 0 0 1 1.354.014l4.183 2.65 3.532-3.532 1.072 1.072L3.037 21.68l-1.072-1.072Zm3.747.82H21.43v-1.714h-1.715V9.857h1.27a.857.857 0 0 0 .475-1.581L19.871 7.27l-2.587 2.587H18v9.857h-5.143v-5.43l-1.714 1.714v3.716H7.427l-1.715 1.714ZM6 16.573l5.143-5.142V9.857H6v6.716Zm8.43-8.43 1.403-1.403L12.2 4.437 6.073 8.143h8.358Z",
-          clipRule: "evenodd",
-          style: "fill:#f0f;fill:color(display-p3 1 0 1);fill-opacity:1"
+          clipRule: "evenodd"
         })
       })
     }), title && /*#__PURE__*/jsx("span", {
@@ -401,7 +434,7 @@ const BankTransfer = ({
     console.warn('<BankTransfer filled /> is now deprecated, please use <BankTransferFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-bank-transfer tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-bank-transfer ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'bank-transfer-icon',
@@ -437,7 +470,7 @@ const Ach = ({
     console.warn('<Ach filled /> is now deprecated, please use <AchFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-ach tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-ach ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'ach-icon',
@@ -473,7 +506,7 @@ const Bank = ({
     console.warn('<Bank filled /> is now deprecated, please use <BankFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-bank tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-bank ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'bank-icon',
@@ -509,7 +542,7 @@ const BarChart = ({
     console.warn('<BarChart filled /> is now deprecated, please use <BarChartFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-bar-chart tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-bar-chart ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'bar-chart-icon',
@@ -543,7 +576,7 @@ const Balance = ({
     console.warn('<Balance filled /> is now deprecated, please use <BalanceFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-balance tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-balance ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'balance-icon',
@@ -577,7 +610,7 @@ const Investments = ({
     console.warn('<Investments filled /> is now deprecated, please use <InvestmentsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-investments tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-investments ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'investments-icon',
@@ -611,7 +644,7 @@ const Barcode = ({
     console.warn('<Barcode filled /> is now deprecated, please use <BarcodeFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-barcode tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-barcode ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'barcode-icon',
@@ -647,7 +680,7 @@ const Batch = ({
     console.warn('<Batch filled /> is now deprecated, please use <BatchFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-batch tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-batch ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'batch-icon',
@@ -681,7 +714,7 @@ const Beach = ({
     console.warn('<Beach filled /> is now deprecated, please use <BeachFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-beach tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-beach ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'beach-icon',
@@ -715,7 +748,7 @@ const Holidays = ({
     console.warn('<Holidays filled /> is now deprecated, please use <HolidaysFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-holidays tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-holidays ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'holidays-icon',
@@ -749,7 +782,7 @@ const BillSplit = ({
     console.warn('<BillSplit filled /> is now deprecated, please use <BillSplitFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-bill-split tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-bill-split ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'bill-split-icon',
@@ -785,7 +818,7 @@ const Bills = ({
     console.warn('<Bills filled /> is now deprecated, please use <BillsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-bills tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-bills ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'bills-icon',
@@ -821,7 +854,7 @@ const Bin = ({
     console.warn('<Bin filled /> is now deprecated, please use <BinFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-bin tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-bin ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'bin-icon',
@@ -855,7 +888,7 @@ const Book = ({
     console.warn('<Book filled /> is now deprecated, please use <BookFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-book tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-book ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'book-icon',
@@ -889,7 +922,7 @@ const Boxes = ({
     console.warn('<Boxes filled /> is now deprecated, please use <BoxesFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-boxes tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-boxes ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'boxes-icon',
@@ -925,7 +958,7 @@ const CostOfGoodsSold = ({
     console.warn('<CostOfGoodsSold filled /> is now deprecated, please use <CostOfGoodsSoldFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-cost-of-goods-sold tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-cost-of-goods-sold ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'cost-of-goods-sold-icon',
@@ -961,7 +994,7 @@ const Briefcase = ({
     console.warn('<Briefcase filled /> is now deprecated, please use <BriefcaseFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-briefcase tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-briefcase ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'briefcase-icon',
@@ -995,7 +1028,7 @@ const Building = ({
     console.warn('<Building filled /> is now deprecated, please use <BuildingFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-building tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-building ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'building-icon',
@@ -1031,7 +1064,7 @@ const Rent = ({
     console.warn('<Rent filled /> is now deprecated, please use <RentFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-rent tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-rent ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'rent-icon',
@@ -1067,7 +1100,7 @@ const Bulb = ({
     console.warn('<Bulb filled /> is now deprecated, please use <BulbFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-bulb tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-bulb ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'bulb-icon',
@@ -1103,7 +1136,7 @@ const Insights = ({
     console.warn('<Insights filled /> is now deprecated, please use <InsightsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-insights tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-insights ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'insights-icon',
@@ -1139,7 +1172,7 @@ const CalendarCheck = ({
     console.warn('<CalendarCheck filled /> is now deprecated, please use <CalendarCheckFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-calendar-check tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-calendar-check ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'calendar-check-icon',
@@ -1175,7 +1208,7 @@ const CalendarSuccess = ({
     console.warn('<CalendarSuccess filled /> is now deprecated, please use <CalendarSuccessFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-calendar-success tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-calendar-success ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'calendar-success-icon',
@@ -1211,7 +1244,7 @@ const Calendar = ({
     console.warn('<Calendar filled /> is now deprecated, please use <CalendarFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-calendar tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-calendar ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'calendar-icon',
@@ -1247,7 +1280,7 @@ const Camera = ({
     console.warn('<Camera filled /> is now deprecated, please use <CameraFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-camera tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-camera ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'camera-icon',
@@ -1283,7 +1316,7 @@ const Car = ({
     console.warn('<Car filled /> is now deprecated, please use <CarFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-car tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-car ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'car-icon',
@@ -1327,7 +1360,7 @@ const DriversLicense = ({
     console.warn('<DriversLicense filled /> is now deprecated, please use <DriversLicenseFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-drivers-license tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-drivers-license ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'drivers-license-icon',
@@ -1371,7 +1404,7 @@ const CardCvc = ({
     console.warn('<CardCvc filled /> is now deprecated, please use <CardCvcFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-card-cvc tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-card-cvc ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'card-cvc-icon',
@@ -1407,7 +1440,7 @@ const CardDetail = ({
     console.warn('<CardDetail filled /> is now deprecated, please use <CardDetailFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-card-detail tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-card-detail ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'card-detail-icon',
@@ -1443,7 +1476,7 @@ const CardNumber = ({
     console.warn('<CardNumber filled /> is now deprecated, please use <CardNumberFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-card-number tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-card-number ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'card-number-icon',
@@ -1479,7 +1512,7 @@ const CardWise = ({
     console.warn('<CardWise filled /> is now deprecated, please use <CardWiseFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-card-wise tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-card-wise ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'card-wise-icon',
@@ -1515,7 +1548,7 @@ const CardTransferwise = ({
     console.warn('<CardTransferwise filled /> is now deprecated, please use <CardTransferwiseFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-card-transferwise tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-card-transferwise ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'card-transferwise-icon',
@@ -1551,7 +1584,7 @@ const Card = ({
     console.warn('<Card filled /> is now deprecated, please use <CardFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-card tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-card ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'card-icon',
@@ -1587,7 +1620,7 @@ const CashApp = ({
     console.warn('<CashApp filled /> is now deprecated, please use <CashAppFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-cash-app tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-cash-app ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'cash-app-icon',
@@ -1621,7 +1654,7 @@ const CashRegister = ({
     console.warn('<CashRegister filled /> is now deprecated, please use <CashRegisterFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-cash-register tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-cash-register ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'cash-register-icon',
@@ -1657,7 +1690,7 @@ const SalesAndRoyalties = ({
     console.warn('<SalesAndRoyalties filled /> is now deprecated, please use <SalesAndRoyaltiesFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-sales-and-royalties tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-sales-and-royalties ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'sales-and-royalties-icon',
@@ -1693,7 +1726,7 @@ const Charity = ({
     console.warn('<Charity filled /> is now deprecated, please use <CharityFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-charity tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-charity ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'charity-icon',
@@ -1729,7 +1762,7 @@ const CheckCircleFill = ({
     console.warn('<CheckCircleFill filled /> is now deprecated, please use <CheckCircleFillFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-check-circle-fill tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-check-circle-fill ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'check-circle-fill-icon',
@@ -1765,7 +1798,7 @@ const CheckCircle = ({
     console.warn('<CheckCircle filled /> is now deprecated, please use <CheckCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-check-circle tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-check-circle ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'check-circle-icon',
@@ -1801,7 +1834,7 @@ const Check = ({
     console.warn('<Check filled /> is now deprecated, please use <CheckFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-check tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-check ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'check-icon',
@@ -1835,7 +1868,7 @@ const Verified = ({
     console.warn('<Verified filled /> is now deprecated, please use <VerifiedFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-verified tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-verified ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'verified-icon',
@@ -1869,7 +1902,7 @@ const ChevronDown = ({
     console.warn('<ChevronDown filled /> is now deprecated, please use <ChevronDownFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-chevron-down tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-chevron-down ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'chevron-down-icon',
@@ -1903,7 +1936,7 @@ const ChevronLeft = ({
     console.warn('<ChevronLeft filled /> is now deprecated, please use <ChevronLeftFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-chevron-left tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-chevron-left ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'chevron-left-icon',
@@ -1937,7 +1970,7 @@ const ChevronRight = ({
     console.warn('<ChevronRight filled /> is now deprecated, please use <ChevronRightFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-chevron-right tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-chevron-right ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'chevron-right-icon',
@@ -1971,7 +2004,7 @@ const ChevronUp = ({
     console.warn('<ChevronUp filled /> is now deprecated, please use <ChevronUpFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-chevron-up tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-chevron-up ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'chevron-up-icon',
@@ -2005,7 +2038,7 @@ const Chip = ({
     console.warn('<Chip filled /> is now deprecated, please use <ChipFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-chip tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-chip ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'chip-icon',
@@ -2041,7 +2074,7 @@ const ChipPin = ({
     console.warn('<ChipPin filled /> is now deprecated, please use <ChipPinFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-chip-pin tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-chip-pin ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'chip-pin-icon',
@@ -2077,7 +2110,7 @@ const ClickToPay = ({
     console.warn('<ClickToPay filled /> is now deprecated, please use <ClickToPayFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-click-to-pay tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-click-to-pay ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'click-to-pay-icon',
@@ -2111,7 +2144,7 @@ const ClockBorderless = ({
     console.warn('<ClockBorderless filled /> is now deprecated, please use <ClockBorderlessFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-clock-borderless tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-clock-borderless ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'clock-borderless-icon',
@@ -2147,7 +2180,7 @@ const ClockFill = ({
     console.warn('<ClockFill filled /> is now deprecated, please use <ClockFillFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-clock-fill tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-clock-fill ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'clock-fill-icon',
@@ -2183,7 +2216,7 @@ const Clock = ({
     console.warn('<Clock filled /> is now deprecated, please use <ClockFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-clock tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-clock ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'clock-icon',
@@ -2219,7 +2252,7 @@ const PendingCircle = ({
     console.warn('<PendingCircle filled /> is now deprecated, please use <PendingCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-pending-circle tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-pending-circle ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'pending-circle-icon',
@@ -2255,7 +2288,7 @@ const Cog = ({
     console.warn('<Cog filled /> is now deprecated, please use <CogFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-cog tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-cog ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'cog-icon',
@@ -2291,7 +2324,7 @@ const Settings = ({
     console.warn('<Settings filled /> is now deprecated, please use <SettingsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-settings tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-settings ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'settings-icon',
@@ -2327,7 +2360,7 @@ const Coins = ({
     console.warn('<Coins filled /> is now deprecated, please use <CoinsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-coins tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-coins ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'coins-icon',
@@ -2363,7 +2396,7 @@ const Collapse = ({
     console.warn('<Collapse filled /> is now deprecated, please use <CollapseFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-collapse tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-collapse ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'collapse-icon',
@@ -2385,6 +2418,42 @@ const Collapse = ({
   });
 };
 
+const CompactMore = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  role = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn('<CompactMore filled /> is now deprecated, please use <CompactMoreFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+  }
+  return /*#__PURE__*/jsxs("span", {
+    className: `tw-icon tw-icon-compact-more ${className ? className : ''}`,
+    "aria-hidden": !title ? 'true' : undefined,
+    role: role ?? (title ? undefined : 'none'),
+    "data-testid": restProps['data-testid'] || 'compact-more-icon',
+    children: [/*#__PURE__*/jsx("svg", {
+      width: String(size),
+      height: String(size),
+      fill: "currentColor",
+      focusable: "false",
+      viewBox: "0 0 24 24",
+      children: (Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && /*#__PURE__*/jsx(Fragment, {
+        children: /*#__PURE__*/jsx("path", {
+          fillRule: "evenodd",
+          d: "M12 7.718a1.714 1.714 0 1 1 0-3.429 1.714 1.714 0 0 1 0 3.429Zm-1.715 4.286a1.714 1.714 0 1 0 3.429 0 1.714 1.714 0 0 0-3.429 0Zm0 6a1.714 1.714 0 1 0 3.429 0 1.714 1.714 0 0 0-3.429 0Z",
+          clipRule: "evenodd"
+        })
+      })
+    }), title && /*#__PURE__*/jsx("span", {
+      className: "sr-only",
+      children: title
+    })]
+  });
+};
+
 const Confetti = ({
   size = 16,
   className = undefined,
@@ -2397,7 +2466,7 @@ const Confetti = ({
     console.warn('<Confetti filled /> is now deprecated, please use <ConfettiFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-confetti tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-confetti ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'confetti-icon',
@@ -2433,7 +2502,7 @@ const Contactless = ({
     console.warn('<Contactless filled /> is now deprecated, please use <ContactlessFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-contactless tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-contactless ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'contactless-icon',
@@ -2469,7 +2538,7 @@ const Convert = ({
     console.warn('<Convert filled /> is now deprecated, please use <ConvertFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-convert tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-convert ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'convert-icon',
@@ -2503,7 +2572,7 @@ const CrossCircleFill = ({
     console.warn('<CrossCircleFill filled /> is now deprecated, please use <CrossCircleFillFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-cross-circle-fill tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-cross-circle-fill ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'cross-circle-fill-icon',
@@ -2539,7 +2608,7 @@ const CrossCircle = ({
     console.warn('<CrossCircle filled /> is now deprecated, please use <CrossCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-cross-circle tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-cross-circle ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'cross-circle-icon',
@@ -2575,7 +2644,7 @@ const Cross = ({
     console.warn('<Cross filled /> is now deprecated, please use <CrossFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-cross tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-cross ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'cross-icon',
@@ -2609,7 +2678,7 @@ const CrystalBall = ({
     console.warn('<CrystalBall filled /> is now deprecated, please use <CrystalBallFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-crystal-ball tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-crystal-ball ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'crystal-ball-icon',
@@ -2645,7 +2714,7 @@ const Defrost = ({
     console.warn('<Defrost filled /> is now deprecated, please use <DefrostFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-defrost tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-defrost ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'defrost-icon',
@@ -2681,7 +2750,7 @@ const Delivery = ({
     console.warn('<Delivery filled /> is now deprecated, please use <DeliveryFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-delivery tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-delivery ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'delivery-icon',
@@ -2715,7 +2784,7 @@ const Dial = ({
     console.warn('<Dial filled /> is now deprecated, please use <DialFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-dial tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-dial ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'dial-icon',
@@ -2751,7 +2820,7 @@ const PinCode = ({
     console.warn('<PinCode filled /> is now deprecated, please use <PinCodeFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-pin-code tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-pin-code ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'pin-code-icon',
@@ -2787,7 +2856,7 @@ const DirectDebits = ({
     console.warn('<DirectDebits filled /> is now deprecated, please use <DirectDebitsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-direct-debits tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-direct-debits ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'direct-debits-icon',
@@ -2823,7 +2892,7 @@ const DiscoBall = ({
     console.warn('<DiscoBall filled /> is now deprecated, please use <DiscoBallFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-disco-ball tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-disco-ball ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'disco-ball-icon',
@@ -2863,7 +2932,7 @@ const Document = ({
     console.warn('<Document filled /> is now deprecated, please use <DocumentFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-document tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-document ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'document-icon',
@@ -2897,7 +2966,7 @@ const Documents = ({
     console.warn('<Documents filled /> is now deprecated, please use <DocumentsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-documents tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-documents ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'documents-icon',
@@ -2933,7 +3002,7 @@ const Download = ({
     console.warn('<Download filled /> is now deprecated, please use <DownloadFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-download tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-download ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'download-icon',
@@ -2969,7 +3038,7 @@ const EatingOut = ({
     console.warn('<EatingOut filled /> is now deprecated, please use <EatingOutFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-eating-out tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-eating-out ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'eating-out-icon',
@@ -3005,7 +3074,7 @@ const Edit = ({
     console.warn('<Edit filled /> is now deprecated, please use <EditFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-edit tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-edit ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'edit-icon',
@@ -3041,7 +3110,7 @@ const EmailAndMobile = ({
     console.warn('<EmailAndMobile filled /> is now deprecated, please use <EmailAndMobileFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-email-and-mobile tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-email-and-mobile ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'email-and-mobile-icon',
@@ -3077,7 +3146,7 @@ const EmailAndPhone = ({
     console.warn('<EmailAndPhone filled /> is now deprecated, please use <EmailAndPhoneFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-email-and-phone tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-email-and-phone ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'email-and-phone-icon',
@@ -3113,7 +3182,7 @@ const Email = ({
     console.warn('<Email filled /> is now deprecated, please use <EmailFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-email tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-email ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'email-icon',
@@ -3147,7 +3216,7 @@ const Entertainment = ({
     console.warn('<Entertainment filled /> is now deprecated, please use <EntertainmentFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-entertainment tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-entertainment ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'entertainment-icon',
@@ -3183,7 +3252,7 @@ const Expand = ({
     console.warn('<Expand filled /> is now deprecated, please use <ExpandFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-expand tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-expand ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'expand-icon',
@@ -3219,7 +3288,7 @@ const EyeShut = ({
     console.warn('<EyeShut filled /> is now deprecated, please use <EyeShutFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-eye-shut tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-eye-shut ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'eye-shut-icon',
@@ -3253,7 +3322,7 @@ const Eye = ({
     console.warn('<Eye filled /> is now deprecated, please use <EyeFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-eye tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-eye ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'eye-icon',
@@ -3289,7 +3358,7 @@ const FaceId = ({
     console.warn('<FaceId filled /> is now deprecated, please use <FaceIdFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-face-id tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-face-id ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'face-id-icon',
@@ -3325,7 +3394,7 @@ const Facebook = ({
     console.warn('<Facebook filled /> is now deprecated, please use <FacebookFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-facebook tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-facebook ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'facebook-icon',
@@ -3359,7 +3428,7 @@ const FacebookSquare = ({
     console.warn('<FacebookSquare filled /> is now deprecated, please use <FacebookSquareFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-facebook-square tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-facebook-square ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'facebook-square-icon',
@@ -3393,7 +3462,7 @@ const FastFlag = ({
     console.warn('<FastFlag filled /> is now deprecated, please use <FastFlagFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-fast-flag tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-fast-flag ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'fast-flag-icon',
@@ -3415,6 +3484,42 @@ const FastFlag = ({
   });
 };
 
+const Female = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  role = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn('<Female filled /> is now deprecated, please use <FemaleFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+  }
+  return /*#__PURE__*/jsxs("span", {
+    className: `tw-icon tw-icon-female ${className ? className : ''}`,
+    "aria-hidden": !title ? 'true' : undefined,
+    role: role ?? (title ? undefined : 'none'),
+    "data-testid": restProps['data-testid'] || 'female-icon',
+    children: [/*#__PURE__*/jsx("svg", {
+      width: String(size),
+      height: String(size),
+      fill: "currentColor",
+      focusable: "false",
+      viewBox: "0 0 24 24",
+      children: (Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && /*#__PURE__*/jsx(Fragment, {
+        children: /*#__PURE__*/jsx("path", {
+          fillRule: "evenodd",
+          d: "M6.429 9a5.571 5.571 0 1 0 11.143 0A5.571 5.571 0 0 0 6.429 9ZM4.714 9a7.287 7.287 0 0 0 6.429 7.236v2.193H8.572v1.714h2.571v2.143h1.714v-2.143h2.572v-1.714h-2.572v-2.193A7.287 7.287 0 1 0 4.714 9Z",
+          clipRule: "evenodd"
+        })
+      })
+    }), title && /*#__PURE__*/jsx("span", {
+      className: "sr-only",
+      children: title
+    })]
+  });
+};
+
 const Fingerprint = ({
   size = 16,
   className = undefined,
@@ -3427,7 +3532,7 @@ const Fingerprint = ({
     console.warn('<Fingerprint filled /> is now deprecated, please use <FingerprintFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-fingerprint tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-fingerprint ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'fingerprint-icon',
@@ -3463,7 +3568,7 @@ const Fpx = ({
     console.warn('<Fpx filled /> is now deprecated, please use <FpxFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-fpx tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-fpx ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'fpx-icon',
@@ -3499,7 +3604,7 @@ const Freeze = ({
     console.warn('<Freeze filled /> is now deprecated, please use <FreezeFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-freeze tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-freeze ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'freeze-icon',
@@ -3533,7 +3638,7 @@ const Gambling = ({
     console.warn('<Gambling filled /> is now deprecated, please use <GamblingFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-gambling tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-gambling ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'gambling-icon',
@@ -3569,7 +3674,7 @@ const GeneralFill = ({
     console.warn('<GeneralFill filled /> is now deprecated, please use <GeneralFillFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-general-fill tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-general-fill ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'general-fill-icon',
@@ -3605,7 +3710,7 @@ const GeneralFilled = ({
     console.warn('<GeneralFilled filled /> is now deprecated, please use <GeneralFilledFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-general-filled tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-general-filled ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'general-filled-icon',
@@ -3641,7 +3746,7 @@ const General = ({
     console.warn('<General filled /> is now deprecated, please use <GeneralFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-general tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-general ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'general-icon',
@@ -3677,7 +3782,7 @@ const GiftBox = ({
     console.warn('<GiftBox filled /> is now deprecated, please use <GiftBoxFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-gift-box tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-gift-box ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'gift-box-icon',
@@ -3713,7 +3818,7 @@ const Invite = ({
     console.warn('<Invite filled /> is now deprecated, please use <InviteFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-invite tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-invite ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'invite-icon',
@@ -3749,7 +3854,7 @@ const Globe = ({
     console.warn('<Globe filled /> is now deprecated, please use <GlobeFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-globe tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-globe ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'globe-icon',
@@ -3783,7 +3888,7 @@ const GraduationCap = ({
     console.warn('<GraduationCap filled /> is now deprecated, please use <GraduationCapFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-graduation-cap tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-graduation-cap ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'graduation-cap-icon',
@@ -3819,7 +3924,7 @@ const Graph = ({
     console.warn('<Graph filled /> is now deprecated, please use <GraphFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-graph tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-graph ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'graph-icon',
@@ -3855,7 +3960,7 @@ const Groceries = ({
     console.warn('<Groceries filled /> is now deprecated, please use <GroceriesFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-groceries tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-groceries ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'groceries-icon',
@@ -3889,7 +3994,7 @@ const Handshake = ({
     console.warn('<Handshake filled /> is now deprecated, please use <HandshakeFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-handshake tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-handshake ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'handshake-icon',
@@ -3923,7 +4028,7 @@ const ContractServices = ({
     console.warn('<ContractServices filled /> is now deprecated, please use <ContractServicesFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-contract-services tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-contract-services ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'contract-services-icon',
@@ -3957,7 +4062,7 @@ const HappyEmoji = ({
     console.warn('<HappyEmoji filled /> is now deprecated, please use <HappyEmojiFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-happy-emoji tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-happy-emoji ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'happy-emoji-icon',
@@ -3993,7 +4098,7 @@ const Do = ({
     console.warn('<Do filled /> is now deprecated, please use <DoFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-do tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-do ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'do-icon',
@@ -4029,7 +4134,7 @@ const Emoji = ({
     console.warn('<Emoji filled /> is now deprecated, please use <EmojiFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-emoji tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-emoji ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'emoji-icon',
@@ -4065,7 +4170,7 @@ const Headset = ({
     console.warn('<Headset filled /> is now deprecated, please use <HeadsetFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-headset tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-headset ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'headset-icon',
@@ -4099,7 +4204,7 @@ const Cs = ({
     console.warn('<Cs filled /> is now deprecated, please use <CsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-cs tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-cs ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'cs-icon',
@@ -4133,7 +4238,7 @@ const Heart = ({
     console.warn('<Heart filled /> is now deprecated, please use <HeartFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-heart tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-heart ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'heart-icon',
@@ -4167,7 +4272,7 @@ const Family = ({
     console.warn('<Family filled /> is now deprecated, please use <FamilyFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-family tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-family ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'family-icon',
@@ -4201,7 +4306,7 @@ const House = ({
     console.warn('<House filled /> is now deprecated, please use <HouseFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-house tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-house ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'house-icon',
@@ -4235,7 +4340,7 @@ const Home = ({
     console.warn('<Home filled /> is now deprecated, please use <HomeFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-home tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-home ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'home-icon',
@@ -4269,7 +4374,7 @@ const Id = ({
     console.warn('<Id filled /> is now deprecated, please use <IdFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-id tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-id ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'id-icon',
@@ -4305,7 +4410,7 @@ const Ideal = ({
     console.warn('<Ideal filled /> is now deprecated, please use <IdealFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-ideal tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-ideal ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'ideal-icon',
@@ -4339,7 +4444,7 @@ const Image = ({
     console.warn('<Image filled /> is now deprecated, please use <ImageFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-image tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-image ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'image-icon',
@@ -4375,7 +4480,7 @@ const Picture = ({
     console.warn('<Picture filled /> is now deprecated, please use <PictureFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-picture tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-picture ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'picture-icon',
@@ -4411,7 +4516,7 @@ const InfoCircleFill = ({
     console.warn('<InfoCircleFill filled /> is now deprecated, please use <InfoCircleFillFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-info-circle-fill tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-info-circle-fill ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'info-circle-fill-icon',
@@ -4447,7 +4552,7 @@ const InfoCircle = ({
     console.warn('<InfoCircle filled /> is now deprecated, please use <InfoCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-info-circle tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-info-circle ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'info-circle-icon',
@@ -4483,7 +4588,7 @@ const Info = ({
     console.warn('<Info filled /> is now deprecated, please use <InfoFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-info tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-info ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'info-icon',
@@ -4521,7 +4626,7 @@ const InsertCard = ({
     console.warn('<InsertCard filled /> is now deprecated, please use <InsertCardFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-insert-card tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-insert-card ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'insert-card-icon',
@@ -4557,7 +4662,7 @@ const Atm = ({
     console.warn('<Atm filled /> is now deprecated, please use <AtmFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-atm tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-atm ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'atm-icon',
@@ -4593,7 +4698,7 @@ const Instagram = ({
     console.warn('<Instagram filled /> is now deprecated, please use <InstagramFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-instagram tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-instagram ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'instagram-icon',
@@ -4629,7 +4734,7 @@ const Insurance = ({
     console.warn('<Insurance filled /> is now deprecated, please use <InsuranceFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-insurance tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-insurance ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'insurance-icon',
@@ -4665,7 +4770,7 @@ const Interac = ({
     console.warn('<Interac filled /> is now deprecated, please use <InteracFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-interac tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-interac ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'interac-icon',
@@ -4701,7 +4806,7 @@ const Jar = ({
     console.warn('<Jar filled /> is now deprecated, please use <JarFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-jar tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-jar ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'jar-icon',
@@ -4737,7 +4842,7 @@ const Keep = ({
     console.warn('<Keep filled /> is now deprecated, please use <KeepFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-keep tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-keep ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'keep-icon',
@@ -4771,7 +4876,7 @@ const Klarna = ({
     console.warn('<Klarna filled /> is now deprecated, please use <KlarnaFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-klarna tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-klarna ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'klarna-icon',
@@ -4807,7 +4912,7 @@ const Laptop = ({
     console.warn('<Laptop filled /> is now deprecated, please use <LaptopFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-laptop tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-laptop ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'laptop-icon',
@@ -4843,7 +4948,7 @@ const Leaf = ({
     console.warn('<Leaf filled /> is now deprecated, please use <LeafFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-leaf tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-leaf ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'leaf-icon',
@@ -4877,7 +4982,7 @@ const LightningBolt = ({
     console.warn('<LightningBolt filled /> is now deprecated, please use <LightningBoltFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-lightning-bolt tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-lightning-bolt ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'lightning-bolt-icon',
@@ -4911,7 +5016,7 @@ const Lightning = ({
     console.warn('<Lightning filled /> is now deprecated, please use <LightningFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-lightning tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-lightning ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'lightning-icon',
@@ -4945,7 +5050,7 @@ const Limit = ({
     console.warn('<Limit filled /> is now deprecated, please use <LimitFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-limit tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-limit ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'limit-icon',
@@ -4979,7 +5084,7 @@ const Link = ({
     console.warn('<Link filled /> is now deprecated, please use <LinkFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-link tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-link ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'link-icon',
@@ -5015,7 +5120,7 @@ const Linkedin = ({
     console.warn('<Linkedin filled /> is now deprecated, please use <LinkedinFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-linkedin tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-linkedin ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'linkedin-icon',
@@ -5049,7 +5154,7 @@ const List = ({
     console.warn('<List filled /> is now deprecated, please use <ListFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-list tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-list ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'list-icon',
@@ -5085,7 +5190,7 @@ const Activity = ({
     console.warn('<Activity filled /> is now deprecated, please use <ActivityFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-activity tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-activity ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'activity-icon',
@@ -5121,7 +5226,7 @@ const LocationMarker = ({
     console.warn('<LocationMarker filled /> is now deprecated, please use <LocationMarkerFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-location-marker tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-location-marker ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'location-marker-icon',
@@ -5157,7 +5262,7 @@ const LogIn = ({
     console.warn('<LogIn filled /> is now deprecated, please use <LogInFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-log-in tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-log-in ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'log-in-icon',
@@ -5193,7 +5298,7 @@ const LogOut = ({
     console.warn('<LogOut filled /> is now deprecated, please use <LogOutFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-log-out tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-log-out ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'log-out-icon',
@@ -5217,6 +5322,42 @@ const LogOut = ({
   });
 };
 
+const Mallet = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  role = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn('<Mallet filled /> is now deprecated, please use <MalletFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+  }
+  return /*#__PURE__*/jsxs("span", {
+    className: `tw-icon tw-icon-mallet ${className ? className : ''}`,
+    "aria-hidden": !title ? 'true' : undefined,
+    role: role ?? (title ? undefined : 'none'),
+    "data-testid": restProps['data-testid'] || 'mallet-icon',
+    children: [/*#__PURE__*/jsx("svg", {
+      width: String(size),
+      height: String(size),
+      fill: "currentColor",
+      focusable: "false",
+      viewBox: "0 0 24 24",
+      children: (Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && /*#__PURE__*/jsx(Fragment, {
+        children: /*#__PURE__*/jsx("path", {
+          fillRule: "evenodd",
+          d: "M13.14 1.968a.86.86 0 0 0-1.216 0L10.11 3.782a.86.86 0 0 0 0 1.216l.013.013L5.225 9.91l-.227-.227a.86.86 0 0 0-1.216 0l-1.814 1.814a.86.86 0 0 0 0 1.216l5.45 5.45a.86.86 0 0 0 1.217 0l1.814-1.813a.86.86 0 0 0 .186-.94l.872-.872 7.277 7.278a.86.86 0 0 0 1.217 0L21.815 20a.86.86 0 0 0 0-1.216l-7.278-7.277 1.041-1.041a.86.86 0 0 0 1.2-.017l1.814-1.814a.86.86 0 0 0 0-1.217l-5.451-5.45ZM11.928 4.39l.606-.606 4.242 4.243-.606.606-4.242-4.243Zm-7.388 7.422a.858.858 0 0 1-.186-.277l-.57.57 4.243 4.242.524-.524-4.011-4.011Zm9.695-2.426-4.766 4.766-3.03-3.03 4.766-4.767 3.03 3.03Zm-3.948 12.9H1.714V20.57h8.572v1.715Zm2.44-8.955.605-.606L20 19.392l-.607.606-6.667-6.667Z",
+          clipRule: "evenodd"
+        })
+      })
+    }), title && /*#__PURE__*/jsx("span", {
+      className: "sr-only",
+      children: title
+    })]
+  });
+};
+
 const MassPayout = ({
   size = 16,
   className = undefined,
@@ -5229,7 +5370,7 @@ const MassPayout = ({
     console.warn('<MassPayout filled /> is now deprecated, please use <MassPayoutFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-mass-payout tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-mass-payout ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'mass-payout-icon',
@@ -5265,7 +5406,7 @@ const Menu = ({
     console.warn('<Menu filled /> is now deprecated, please use <MenuFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-menu tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-menu ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'menu-icon',
@@ -5301,7 +5442,7 @@ const Messenger = ({
     console.warn('<Messenger filled /> is now deprecated, please use <MessengerFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-messenger tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-messenger ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'messenger-icon',
@@ -5335,7 +5476,7 @@ const MinusCircleFill = ({
     console.warn('<MinusCircleFill filled /> is now deprecated, please use <MinusCircleFillFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-minus-circle-fill tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-minus-circle-fill ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'minus-circle-fill-icon',
@@ -5371,7 +5512,7 @@ const MinusCircle = ({
     console.warn('<MinusCircle filled /> is now deprecated, please use <MinusCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-minus-circle tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-minus-circle ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'minus-circle-icon',
@@ -5407,7 +5548,7 @@ const Minus = ({
     console.warn('<Minus filled /> is now deprecated, please use <MinusFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-minus tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-minus ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'minus-icon',
@@ -5441,7 +5582,7 @@ const MobileLock = ({
     console.warn('<MobileLock filled /> is now deprecated, please use <MobileLockFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-mobile-lock tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-mobile-lock ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'mobile-lock-icon',
@@ -5477,7 +5618,7 @@ const TwoStep = ({
     console.warn('<TwoStep filled /> is now deprecated, please use <TwoStepFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-two-step tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-two-step ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'two-step-icon',
@@ -5513,7 +5654,7 @@ const Mobile = ({
     console.warn('<Mobile filled /> is now deprecated, please use <MobileFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-mobile tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-mobile ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'mobile-icon',
@@ -5549,7 +5690,7 @@ const MoneyBag = ({
     console.warn('<MoneyBag filled /> is now deprecated, please use <MoneyBagFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-money-bag tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-money-bag ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'money-bag-icon',
@@ -5585,7 +5726,7 @@ const Money = ({
     console.warn('<Money filled /> is now deprecated, please use <MoneyFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-money tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-money ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'money-icon',
@@ -5621,7 +5762,7 @@ const More = ({
     console.warn('<More filled /> is now deprecated, please use <MoreFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-more tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-more ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'more-icon',
@@ -5657,7 +5798,7 @@ const MultiCurrency = ({
     console.warn('<MultiCurrency filled /> is now deprecated, please use <MultiCurrencyFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-multi-currency tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-multi-currency ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'multi-currency-icon',
@@ -5693,7 +5834,7 @@ const NavigateAway = ({
     console.warn('<NavigateAway filled /> is now deprecated, please use <NavigateAwayFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-navigate-away tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-navigate-away ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'navigate-away-icon',
@@ -5729,7 +5870,7 @@ const Nearby = ({
     console.warn('<Nearby filled /> is now deprecated, please use <NearbyFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-nearby tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-nearby ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'nearby-icon',
@@ -5765,7 +5906,7 @@ const New = ({
     console.warn('<New filled /> is now deprecated, please use <NewFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-new tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-new ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'new-icon',
@@ -5799,7 +5940,7 @@ const NotificationActive = ({
     console.warn('<NotificationActive filled /> is now deprecated, please use <NotificationActiveFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-notification-active tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-notification-active ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'notification-active-icon',
@@ -5835,7 +5976,7 @@ const Notification = ({
     console.warn('<Notification filled /> is now deprecated, please use <NotificationFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-notification tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-notification ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'notification-icon',
@@ -5869,7 +6010,7 @@ const PadlockUnlocked = ({
     console.warn('<PadlockUnlocked filled /> is now deprecated, please use <PadlockUnlockedFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-padlock-unlocked tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-padlock-unlocked ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'padlock-unlocked-icon',
@@ -5905,7 +6046,7 @@ const Unlock = ({
     console.warn('<Unlock filled /> is now deprecated, please use <UnlockFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-unlock tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-unlock ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'unlock-icon',
@@ -5941,7 +6082,7 @@ const Padlock = ({
     console.warn('<Padlock filled /> is now deprecated, please use <PadlockFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-padlock tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-padlock ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'padlock-icon',
@@ -5977,7 +6118,7 @@ const Lock = ({
     console.warn('<Lock filled /> is now deprecated, please use <LockFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-lock tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-lock ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'lock-icon',
@@ -6013,7 +6154,7 @@ const Paperclip = ({
     console.warn('<Paperclip filled /> is now deprecated, please use <PaperclipFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-paperclip tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-paperclip ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'paperclip-icon',
@@ -6049,7 +6190,7 @@ const Passport = ({
     console.warn('<Passport filled /> is now deprecated, please use <PassportFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-passport tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-passport ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'passport-icon',
@@ -6085,7 +6226,7 @@ const Pause = ({
     console.warn('<Pause filled /> is now deprecated, please use <PauseFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-pause tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-pause ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'pause-icon',
@@ -6121,7 +6262,7 @@ const PayIn = ({
     console.warn('<PayIn filled /> is now deprecated, please use <PayInFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-pay-in tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-pay-in ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'pay-in-icon',
@@ -6155,7 +6296,7 @@ const Salary = ({
     console.warn('<Salary filled /> is now deprecated, please use <SalaryFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-salary tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-salary ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'salary-icon',
@@ -6189,7 +6330,7 @@ const Payments = ({
     console.warn('<Payments filled /> is now deprecated, please use <PaymentsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-payments tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-payments ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'payments-icon',
@@ -6225,7 +6366,7 @@ const Paypal = ({
     console.warn('<Paypal filled /> is now deprecated, please use <PaypalFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-paypal tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-paypal ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'paypal-icon',
@@ -6263,7 +6404,7 @@ const People = ({
     console.warn('<People filled /> is now deprecated, please use <PeopleFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-people tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-people ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'people-icon',
@@ -6297,7 +6438,7 @@ const Recipients = ({
     console.warn('<Recipients filled /> is now deprecated, please use <RecipientsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-recipients tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-recipients ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'recipients-icon',
@@ -6331,7 +6472,7 @@ const PercentageCircle = ({
     console.warn('<PercentageCircle filled /> is now deprecated, please use <PercentageCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-percentage-circle tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-percentage-circle ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'percentage-circle-icon',
@@ -6367,7 +6508,7 @@ const Tax = ({
     console.warn('<Tax filled /> is now deprecated, please use <TaxFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-tax tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-tax ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'tax-icon',
@@ -6403,7 +6544,7 @@ const Person = ({
     console.warn('<Person filled /> is now deprecated, please use <PersonFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-person tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-person ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'person-icon',
@@ -6437,7 +6578,7 @@ const Profile = ({
     console.warn('<Profile filled /> is now deprecated, please use <ProfileFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-profile tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-profile ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'profile-icon',
@@ -6471,7 +6612,7 @@ const PersonalCare = ({
     console.warn('<PersonalCare filled /> is now deprecated, please use <PersonalCareFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-personal-care tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-personal-care ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'personal-care-icon',
@@ -6511,7 +6652,7 @@ const Pets = ({
     console.warn('<Pets filled /> is now deprecated, please use <PetsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-pets tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-pets ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'pets-icon',
@@ -6547,7 +6688,7 @@ const Phone = ({
     console.warn('<Phone filled /> is now deprecated, please use <PhoneFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-phone tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-phone ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'phone-icon',
@@ -6581,7 +6722,7 @@ const PieChart = ({
     console.warn('<PieChart filled /> is now deprecated, please use <PieChartFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-pie-chart tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-pie-chart ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'pie-chart-icon',
@@ -6615,7 +6756,7 @@ const Expenses = ({
     console.warn('<Expenses filled /> is now deprecated, please use <ExpensesFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-expenses tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-expenses ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'expenses-icon',
@@ -6649,7 +6790,7 @@ const PiggyBank = ({
     console.warn('<PiggyBank filled /> is now deprecated, please use <PiggyBankFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-piggy-bank tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-piggy-bank ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'piggy-bank-icon',
@@ -6685,7 +6826,7 @@ const Savings = ({
     console.warn('<Savings filled /> is now deprecated, please use <SavingsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-savings tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-savings ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'savings-icon',
@@ -6721,7 +6862,7 @@ const Pix = ({
     console.warn('<Pix filled /> is now deprecated, please use <PixFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-pix tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-pix ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'pix-icon',
@@ -6757,7 +6898,7 @@ const Plane = ({
     console.warn('<Plane filled /> is now deprecated, please use <PlaneFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-plane tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-plane ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'plane-icon',
@@ -6793,7 +6934,7 @@ const Play = ({
     console.warn('<Play filled /> is now deprecated, please use <PlayFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-play tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-play ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'play-icon',
@@ -6829,7 +6970,7 @@ const PlusCircle = ({
     console.warn('<PlusCircle filled /> is now deprecated, please use <PlusCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-plus-circle tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-plus-circle ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'plus-circle-icon',
@@ -6865,7 +7006,7 @@ const Plus = ({
     console.warn('<Plus filled /> is now deprecated, please use <PlusFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-plus tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-plus ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'plus-icon',
@@ -6899,7 +7040,7 @@ const QrCode = ({
     console.warn('<QrCode filled /> is now deprecated, please use <QrCodeFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-qr-code tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-qr-code ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'qr-code-icon',
@@ -6935,7 +7076,7 @@ const QuestionMarkCircle = ({
     console.warn('<QuestionMarkCircle filled /> is now deprecated, please use <QuestionMarkCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-question-mark-circle tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-question-mark-circle ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'question-mark-circle-icon',
@@ -6971,7 +7112,7 @@ const HelpCircle = ({
     console.warn('<HelpCircle filled /> is now deprecated, please use <HelpCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-help-circle tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-help-circle ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'help-circle-icon',
@@ -7007,7 +7148,7 @@ const QuestionMark = ({
     console.warn('<QuestionMark filled /> is now deprecated, please use <QuestionMarkFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-question-mark tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-question-mark ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'question-mark-icon',
@@ -7043,7 +7184,7 @@ const Help = ({
     console.warn('<Help filled /> is now deprecated, please use <HelpFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-help tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-help ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'help-icon',
@@ -7079,7 +7220,7 @@ const Rain = ({
     console.warn('<Rain filled /> is now deprecated, please use <RainFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-rain tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-rain ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'rain-icon',
@@ -7115,7 +7256,7 @@ const Rainbow = ({
     console.warn('<Rainbow filled /> is now deprecated, please use <RainbowFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-rainbow tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-rainbow ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'rainbow-icon',
@@ -7151,7 +7292,7 @@ const Receipt = ({
     console.warn('<Receipt filled /> is now deprecated, please use <ReceiptFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-receipt tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-receipt ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'receipt-icon',
@@ -7187,7 +7328,7 @@ const Receive = ({
     console.warn('<Receive filled /> is now deprecated, please use <ReceiveFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-receive tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-receive ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'receive-icon',
@@ -7221,7 +7362,7 @@ const RefundReceive = ({
     console.warn('<RefundReceive filled /> is now deprecated, please use <RefundReceiveFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-refund-receive tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-refund-receive ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'refund-receive-icon',
@@ -7257,7 +7398,7 @@ const RefundSent = ({
     console.warn('<RefundSent filled /> is now deprecated, please use <RefundSentFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-refund-sent tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-refund-sent ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'refund-sent-icon',
@@ -7293,7 +7434,7 @@ const Reload = ({
     console.warn('<Reload filled /> is now deprecated, please use <ReloadFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-reload tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-reload ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'reload-icon',
@@ -7327,7 +7468,7 @@ const Refresh = ({
     console.warn('<Refresh filled /> is now deprecated, please use <RefreshFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-refresh tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-refresh ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'refresh-icon',
@@ -7361,7 +7502,7 @@ const RequestReceive = ({
     console.warn('<RequestReceive filled /> is now deprecated, please use <RequestReceiveFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-request-receive tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-request-receive ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'request-receive-icon',
@@ -7397,7 +7538,7 @@ const RequestSend = ({
     console.warn('<RequestSend filled /> is now deprecated, please use <RequestSendFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-request-send tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-request-send ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'request-send-icon',
@@ -7433,7 +7574,7 @@ const Rewards = ({
     console.warn('<Rewards filled /> is now deprecated, please use <RewardsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-rewards tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-rewards ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'rewards-icon',
@@ -7475,7 +7616,7 @@ const SadEmoji = ({
     console.warn('<SadEmoji filled /> is now deprecated, please use <SadEmojiFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-sad-emoji tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-sad-emoji ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'sad-emoji-icon',
@@ -7511,7 +7652,7 @@ const Dont = ({
     console.warn('<Dont filled /> is now deprecated, please use <DontFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-dont tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-dont ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'dont-icon',
@@ -7547,7 +7688,7 @@ const ScanQrCode = ({
     console.warn('<ScanQrCode filled /> is now deprecated, please use <ScanQrCodeFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-scan-qr-code tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-scan-qr-code ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'scan-qr-code-icon',
@@ -7583,7 +7724,7 @@ const Search = ({
     console.warn('<Search filled /> is now deprecated, please use <SearchFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-search tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-search ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'search-icon',
@@ -7617,7 +7758,7 @@ const Send = ({
     console.warn('<Send filled /> is now deprecated, please use <SendFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-send tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-send ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'send-icon',
@@ -7651,7 +7792,7 @@ const ShareAndroid = ({
     console.warn('<ShareAndroid filled /> is now deprecated, please use <ShareAndroidFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-share-android tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-share-android ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'share-android-icon',
@@ -7685,7 +7826,7 @@ const ShareIos = ({
     console.warn('<ShareIos filled /> is now deprecated, please use <ShareIosFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-share-ios tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-share-ios ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'share-ios-icon',
@@ -7721,7 +7862,7 @@ const Shield = ({
     console.warn('<Shield filled /> is now deprecated, please use <ShieldFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-shield tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-shield ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'shield-icon',
@@ -7755,7 +7896,7 @@ const ShoppingBag = ({
     console.warn('<ShoppingBag filled /> is now deprecated, please use <ShoppingBagFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-shopping-bag tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-shopping-bag ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'shopping-bag-icon',
@@ -7791,7 +7932,7 @@ const ECommerce = ({
     console.warn('<ECommerce filled /> is now deprecated, please use <ECommerceFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-e-commerce tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-e-commerce ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'e-commerce-icon',
@@ -7827,7 +7968,7 @@ const Slider = ({
     console.warn('<Slider filled /> is now deprecated, please use <SliderFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-slider tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-slider ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'slider-icon',
@@ -7863,7 +8004,7 @@ const Sofort = ({
     console.warn('<Sofort filled /> is now deprecated, please use <SofortFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-sofort tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-sofort ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'sofort-icon',
@@ -7899,7 +8040,7 @@ const SoftwareAndHosting = ({
     console.warn('<SoftwareAndHosting filled /> is now deprecated, please use <SoftwareAndHostingFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-software-and-hosting tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-software-and-hosting ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'software-and-hosting-icon',
@@ -7935,7 +8076,7 @@ const SoftwareAndWebHosting = ({
     console.warn('<SoftwareAndWebHosting filled /> is now deprecated, please use <SoftwareAndWebHostingFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-software-and-web-hosting tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-software-and-web-hosting ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'software-and-web-hosting-icon',
@@ -7971,7 +8112,7 @@ const SpeechBubbleExclamation = ({
     console.warn('<SpeechBubbleExclamation filled /> is now deprecated, please use <SpeechBubbleExclamationFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-speech-bubble-exclamation tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-speech-bubble-exclamation ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'speech-bubble-exclamation-icon',
@@ -7985,8 +8126,7 @@ const SpeechBubbleExclamation = ({
         children: /*#__PURE__*/jsx("path", {
           fillRule: "evenodd",
           d: "M2.571 3H21.43a.86.86 0 0 1 .857.857v12.857a.86.86 0 0 1-.857.857h-8.315l-4.928 3.3a.864.864 0 0 1-.472.129c-.128 0-.257 0-.385-.086a.903.903 0 0 1-.472-.771V17.57H2.572a.86.86 0 0 1-.858-.857V3.857A.86.86 0 0 1 2.571 3Zm10.286 12.857h7.715V4.714H3.428v11.143h4.285a.86.86 0 0 1 .857.857v1.843l3.815-2.571a.864.864 0 0 1 .471-.129Zm0-9.428h-1.714v4.285h1.714V6.43ZM12 14.144a1.286 1.286 0 1 0 0-2.572 1.286 1.286 0 0 0 0 2.572Z",
-          clipRule: "evenodd",
-          style: "fill:#f0f;fill:color(display-p3 1 0 1);fill-opacity:1"
+          clipRule: "evenodd"
         })
       })
     }), title && /*#__PURE__*/jsx("span", {
@@ -8008,7 +8148,7 @@ const SpeechBubbleMessage = ({
     console.warn('<SpeechBubbleMessage filled /> is now deprecated, please use <SpeechBubbleMessageFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-speech-bubble-message tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-speech-bubble-message ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'speech-bubble-message-icon',
@@ -8044,7 +8184,7 @@ const Feedback = ({
     console.warn('<Feedback filled /> is now deprecated, please use <FeedbackFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-feedback tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-feedback ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'feedback-icon',
@@ -8080,7 +8220,7 @@ const SpeechBubblePending = ({
     console.warn('<SpeechBubblePending filled /> is now deprecated, please use <SpeechBubblePendingFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-speech-bubble-pending tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-speech-bubble-pending ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'speech-bubble-pending-icon',
@@ -8116,7 +8256,7 @@ const Pending = ({
     console.warn('<Pending filled /> is now deprecated, please use <PendingFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-pending tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-pending ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'pending-icon',
@@ -8152,7 +8292,7 @@ const SpeechBubble = ({
     console.warn('<SpeechBubble filled /> is now deprecated, please use <SpeechBubbleFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-speech-bubble tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-speech-bubble ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'speech-bubble-icon',
@@ -8186,7 +8326,7 @@ const Chat = ({
     console.warn('<Chat filled /> is now deprecated, please use <ChatFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-chat tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-chat ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'chat-icon',
@@ -8220,7 +8360,7 @@ const SpeechBubbles = ({
     console.warn('<SpeechBubbles filled /> is now deprecated, please use <SpeechBubblesFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-speech-bubbles tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-speech-bubbles ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'speech-bubbles-icon',
@@ -8254,7 +8394,7 @@ const Comments = ({
     console.warn('<Comments filled /> is now deprecated, please use <CommentsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-comments tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-comments ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'comments-icon',
@@ -8288,7 +8428,7 @@ const SpendDirham = ({
     console.warn('<SpendDirham filled /> is now deprecated, please use <SpendDirhamFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-spend-dirham tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-spend-dirham ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'spend-dirham-icon',
@@ -8324,7 +8464,7 @@ const SpendDollar = ({
     console.warn('<SpendDollar filled /> is now deprecated, please use <SpendDollarFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-spend-dollar tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-spend-dollar ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'spend-dollar-icon',
@@ -8360,7 +8500,7 @@ const SpendEuro = ({
     console.warn('<SpendEuro filled /> is now deprecated, please use <SpendEuroFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-spend-euro tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-spend-euro ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'spend-euro-icon',
@@ -8396,7 +8536,7 @@ const SpendForint = ({
     console.warn('<SpendForint filled /> is now deprecated, please use <SpendForintFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-spend-forint tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-spend-forint ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'spend-forint-icon',
@@ -8432,7 +8572,7 @@ const SpendFranc = ({
     console.warn('<SpendFranc filled /> is now deprecated, please use <SpendFrancFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-spend-franc tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-spend-franc ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'spend-franc-icon',
@@ -8468,7 +8608,7 @@ const SpendHryvnia = ({
     console.warn('<SpendHryvnia filled /> is now deprecated, please use <SpendHryvniaFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-spend-hryvnia tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-spend-hryvnia ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'spend-hryvnia-icon',
@@ -8504,7 +8644,7 @@ const SpendKoruna = ({
     console.warn('<SpendKoruna filled /> is now deprecated, please use <SpendKorunaFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-spend-koruna tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-spend-koruna ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'spend-koruna-icon',
@@ -8540,7 +8680,7 @@ const SpendKrone = ({
     console.warn('<SpendKrone filled /> is now deprecated, please use <SpendKroneFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-spend-krone tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-spend-krone ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'spend-krone-icon',
@@ -8576,7 +8716,7 @@ const SpendKuna = ({
     console.warn('<SpendKuna filled /> is now deprecated, please use <SpendKunaFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-spend-kuna tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-spend-kuna ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'spend-kuna-icon',
@@ -8612,7 +8752,7 @@ const SpendLeuLei = ({
     console.warn('<SpendLeuLei filled /> is now deprecated, please use <SpendLeuLeiFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-spend-leu-lei tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-spend-leu-lei ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'spend-leu-lei-icon',
@@ -8648,7 +8788,7 @@ const SpendLev = ({
     console.warn('<SpendLev filled /> is now deprecated, please use <SpendLevFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-spend-lev tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-spend-lev ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'spend-lev-icon',
@@ -8684,7 +8824,7 @@ const SpendLira = ({
     console.warn('<SpendLira filled /> is now deprecated, please use <SpendLiraFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-spend-lira tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-spend-lira ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'spend-lira-icon',
@@ -8720,7 +8860,7 @@ const SpendPound = ({
     console.warn('<SpendPound filled /> is now deprecated, please use <SpendPoundFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-spend-pound tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-spend-pound ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'spend-pound-icon',
@@ -8756,7 +8896,7 @@ const SpendReal = ({
     console.warn('<SpendReal filled /> is now deprecated, please use <SpendRealFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-spend-real tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-spend-real ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'spend-real-icon',
@@ -8792,7 +8932,7 @@ const SpendRinggit = ({
     console.warn('<SpendRinggit filled /> is now deprecated, please use <SpendRinggitFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-spend-ringgit tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-spend-ringgit ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'spend-ringgit-icon',
@@ -8828,7 +8968,7 @@ const SpendRupee = ({
     console.warn('<SpendRupee filled /> is now deprecated, please use <SpendRupeeFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-spend-rupee tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-spend-rupee ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'spend-rupee-icon',
@@ -8864,7 +9004,7 @@ const SpendRupiah = ({
     console.warn('<SpendRupiah filled /> is now deprecated, please use <SpendRupiahFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-spend-rupiah tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-spend-rupiah ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'spend-rupiah-icon',
@@ -8900,7 +9040,7 @@ const SpendYen = ({
     console.warn('<SpendYen filled /> is now deprecated, please use <SpendYenFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-spend-yen tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-spend-yen ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'spend-yen-icon',
@@ -8936,7 +9076,7 @@ const SpendZloty = ({
     console.warn('<SpendZloty filled /> is now deprecated, please use <SpendZlotyFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-spend-zloty tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-spend-zloty ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'spend-zloty-icon',
@@ -8972,7 +9112,7 @@ const SplitMoney = ({
     console.warn('<SplitMoney filled /> is now deprecated, please use <SplitMoneyFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-split-money tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-split-money ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'split-money-icon',
@@ -9008,7 +9148,7 @@ const StarFill = ({
     console.warn('<StarFill filled /> is now deprecated, please use <StarFillFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-star-fill tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-star-fill ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'star-fill-icon',
@@ -9042,7 +9182,7 @@ const Star = ({
     console.warn('<Star filled /> is now deprecated, please use <StarFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-star tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-star ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'star-icon',
@@ -9076,7 +9216,7 @@ const Stationery = ({
     console.warn('<Stationery filled /> is now deprecated, please use <StationeryFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-stationery tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-stationery ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'stationery-icon',
@@ -9110,7 +9250,7 @@ const OfficeExpenses = ({
     console.warn('<OfficeExpenses filled /> is now deprecated, please use <OfficeExpensesFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-office-expenses tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-office-expenses ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'office-expenses-icon',
@@ -9144,7 +9284,7 @@ const Stop = ({
     console.warn('<Stop filled /> is now deprecated, please use <StopFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-stop tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-stop ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'stop-icon',
@@ -9180,7 +9320,7 @@ const Suitcase = ({
     console.warn('<Suitcase filled /> is now deprecated, please use <SuitcaseFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-suitcase tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-suitcase ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'suitcase-icon',
@@ -9216,7 +9356,7 @@ const Travel = ({
     console.warn('<Travel filled /> is now deprecated, please use <TravelFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-travel tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-travel ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'travel-icon',
@@ -9252,7 +9392,7 @@ const Sunglasses = ({
     console.warn('<Sunglasses filled /> is now deprecated, please use <SunglassesFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-sunglasses tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-sunglasses ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'sunglasses-icon',
@@ -9288,7 +9428,7 @@ const Switch = ({
     console.warn('<Switch filled /> is now deprecated, please use <SwitchFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-switch tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-switch ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'switch-icon',
@@ -9324,7 +9464,7 @@ const Takeaway = ({
     console.warn('<Takeaway filled /> is now deprecated, please use <TakeawayFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-takeaway tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-takeaway ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'takeaway-icon',
@@ -9360,7 +9500,7 @@ const Target = ({
     console.warn('<Target filled /> is now deprecated, please use <TargetFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-target tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-target ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'target-icon',
@@ -9394,7 +9534,7 @@ const Marketing = ({
     console.warn('<Marketing filled /> is now deprecated, please use <MarketingFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-marketing tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-marketing ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'marketing-icon',
@@ -9428,7 +9568,7 @@ const Taxi = ({
     console.warn('<Taxi filled /> is now deprecated, please use <TaxiFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-taxi tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-taxi ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'taxi-icon',
@@ -9464,7 +9604,7 @@ const Team = ({
     console.warn('<Team filled /> is now deprecated, please use <TeamFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-team tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-team ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'team-icon',
@@ -9500,7 +9640,7 @@ const Theme = ({
     console.warn('<Theme filled /> is now deprecated, please use <ThemeFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-theme tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-theme ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'theme-icon',
@@ -9536,7 +9676,7 @@ const Transfer = ({
     console.warn('<Transfer filled /> is now deprecated, please use <TransferFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-transfer tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-transfer ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'transfer-icon',
@@ -9572,7 +9712,7 @@ const Transport = ({
     console.warn('<Transport filled /> is now deprecated, please use <TransportFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-transport tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-transport ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'transport-icon',
@@ -9608,7 +9748,7 @@ const Trustly = ({
     console.warn('<Trustly filled /> is now deprecated, please use <TrustlyFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-trustly tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-trustly ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'trustly-icon',
@@ -9642,7 +9782,7 @@ const Twitter = ({
     console.warn('<Twitter filled /> is now deprecated, please use <TwitterFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-twitter tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-twitter ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'twitter-icon',
@@ -9676,7 +9816,7 @@ const Upload = ({
     console.warn('<Upload filled /> is now deprecated, please use <UploadFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-upload tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-upload ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'upload-icon',
@@ -9712,7 +9852,7 @@ const UpwardGraph = ({
     console.warn('<UpwardGraph filled /> is now deprecated, please use <UpwardGraphFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-upward-graph tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-upward-graph ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'upward-graph-icon',
@@ -9748,7 +9888,7 @@ const ExchangeRate = ({
     console.warn('<ExchangeRate filled /> is now deprecated, please use <ExchangeRateFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-exchange-rate tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-exchange-rate ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'exchange-rate-icon',
@@ -9784,7 +9924,7 @@ const Venmo = ({
     console.warn('<Venmo filled /> is now deprecated, please use <VenmoFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-venmo tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-venmo ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'venmo-icon',
@@ -9820,7 +9960,7 @@ const Wallet = ({
     console.warn('<Wallet filled /> is now deprecated, please use <WalletFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-wallet tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-wallet ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'wallet-icon',
@@ -9856,7 +9996,7 @@ const Warning = ({
     console.warn('<Warning filled /> is now deprecated, please use <WarningFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-warning tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-warning ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'warning-icon',
@@ -9880,6 +10020,42 @@ const Warning = ({
   });
 };
 
+const Water = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  role = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn('<Water filled /> is now deprecated, please use <WaterFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+  }
+  return /*#__PURE__*/jsxs("span", {
+    className: `tw-icon tw-icon-water ${className ? className : ''}`,
+    "aria-hidden": !title ? 'true' : undefined,
+    role: role ?? (title ? undefined : 'none'),
+    "data-testid": restProps['data-testid'] || 'water-icon',
+    children: [/*#__PURE__*/jsx("svg", {
+      width: String(size),
+      height: String(size),
+      fill: "currentColor",
+      focusable: "false",
+      viewBox: "0 0 24 24",
+      children: (Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && /*#__PURE__*/jsx(Fragment, {
+        children: /*#__PURE__*/jsx("path", {
+          fillRule: "evenodd",
+          d: "M12.761 2.177a.862.862 0 0 0-1.523 0l-5.273 9.921c-2.441 4.594.84 10.187 6.035 10.187 5.194 0 8.476-5.593 6.034-10.187l-5.273-9.92ZM7.48 12.903 12 4.397l4.521 8.506c1.85 3.48-.651 7.668-4.52 7.668-3.87 0-6.37-4.188-4.521-7.668Zm4.95 4.24c-1.461 0-2.569-1.114-2.569-2.572H8.146c0 2.4 1.87 4.286 4.282 4.286v-1.714Z",
+          clipRule: "evenodd"
+        })
+      })
+    }), title && /*#__PURE__*/jsx("span", {
+      className: "sr-only",
+      children: title
+    })]
+  });
+};
+
 const Whatsapp = ({
   size = 16,
   className = undefined,
@@ -9892,7 +10068,7 @@ const Whatsapp = ({
     console.warn('<Whatsapp filled /> is now deprecated, please use <WhatsappFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-whatsapp tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-whatsapp ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'whatsapp-icon',
@@ -9928,7 +10104,7 @@ const Withdrawal = ({
     console.warn('<Withdrawal filled /> is now deprecated, please use <WithdrawalFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-withdrawal tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-withdrawal ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'withdrawal-icon',
@@ -9964,7 +10140,7 @@ const OwnersWithdrawal = ({
     console.warn('<OwnersWithdrawal filled /> is now deprecated, please use <OwnersWithdrawalFill /> or refer to https://transferwise.github.io/icons/ for more info.');
   }
   return /*#__PURE__*/jsxs("span", {
-    className: `tw-icon tw-icon-owners-withdrawal tw-icon-${size} ${className ? className : ''}`,
+    className: `tw-icon tw-icon-owners-withdrawal ${className ? className : ''}`,
     "aria-hidden": !title ? 'true' : undefined,
     role: role ?? (title ? undefined : 'none'),
     "data-testid": restProps['data-testid'] || 'owners-withdrawal-icon',
@@ -9988,5 +10164,5 @@ const OwnersWithdrawal = ({
   });
 };
 
-export { Ach, Activity, Alert, AlertCircle, AlertCircleFill, ArrowDiagonalDown, ArrowDiagonalUp, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Atm, AutoConvert, Balance, Bank, BankStrikethrough, BankTransfer, BarChart, Barcode, Batch, Beach, BillSplit, Bills, Bin, Book, Boxes, Briefcase, Building, Bulb, Calendar, CalendarCheck, CalendarSuccess, Camera, Car, Card, CardCvc, CardDetail, CardNumber, CardTransferwise, CardWise, CashApp, CashRegister, Charity, Chat, Check, CheckCircle, CheckCircleFill, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Chip, ChipPin, ClickToPay, Clock, ClockBorderless, ClockFill, Cog, Coins, Collapse, Comments, Confetti, Contactless, ContractServices, Convert, CostOfGoodsSold, Cross, CrossCircle, CrossCircleFill, CrystalBall, Cs, Defrost, Delivery, Dial, DirectDebits, DiscoBall, Do, Document, Documents, Dont, Download, DriversLicense, ECommerce, EatingOut, Edit, Email, EmailAndMobile, EmailAndPhone, Emoji, Entertainment, ExchangeRate, Expand, Expenses, Eye, EyeShut, FaceId, Facebook, FacebookSquare, Family, FastFlag, Feedback, Fingerprint, Fpx, Freeze, Gambling, General, GeneralFill, GeneralFilled, GiftBox, Globe, GraduationCap, Graph, Groceries, Handshake, HappyEmoji, Headset, Heart, Help, HelpCircle, Holidays, Home, House, Id, Ideal, Image, Info, InfoCircle, InfoCircleFill, InsertCard, Insights, Instagram, Insurance, Interac, Investments, Invite, Jar, Keep, Klarna, Laptop, Leaf, Lightning, LightningBolt, Limit, Link, Linkedin, List, LocationMarker, Lock, LogIn, LogOut, Marketing, MassPayout, Menu, Messenger, Minus, MinusCircle, MinusCircleFill, Mobile, MobileLock, Money, MoneyBag, More, MultiCurrency, NavigateAway, Nearby, New, Notification, NotificationActive, OfficeExpenses, OwnersWithdrawal, Padlock, PadlockUnlocked, Paperclip, Passport, Pause, PayIn, Payments, Paypal, Pending, PendingCircle, People, PercentageCircle, Person, PersonalCare, Pets, Phone, Picture, PieChart, PiggyBank, PinCode, Pix, Plane, Play, Plus, PlusCircle, Profile, QrCode, QuestionMark, QuestionMarkCircle, Rain, Rainbow, Receipt, Receive, Recipients, Refresh, RefundReceive, RefundSent, Reload, Rent, RequestReceive, RequestSend, Rewards, SadEmoji, Salary, SalesAndRoyalties, Savings, ScanQrCode, Search, Send, Settings, ShareAndroid, ShareIos, Shield, ShoppingBag, Slider, Sofort, SoftwareAndHosting, SoftwareAndWebHosting, SpeechBubble, SpeechBubbleExclamation, SpeechBubbleMessage, SpeechBubblePending, SpeechBubbles, SpendDirham, SpendDollar, SpendEuro, SpendForint, SpendFranc, SpendHryvnia, SpendKoruna, SpendKrone, SpendKuna, SpendLeuLei, SpendLev, SpendLira, SpendPound, SpendReal, SpendRinggit, SpendRupee, SpendRupiah, SpendYen, SpendZloty, SplitMoney, Star, StarFill, Stationery, Stop, Suitcase, Sunglasses, Switch, Takeaway, Target, Tax, Taxi, Team, Theme, Transfer, Transport, Travel, Trustly, Twitter, TwoStep, Unlock, Upload, UpwardGraph, Venmo, Verified, Wallet, Warning, Whatsapp, Withdrawal };
+export { Ach, Activity, Alert, AlertCircle, AlertCircleFill, Alipay, ArrowDiagonalDown, ArrowDiagonalUp, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Atm, AutoConvert, Balance, Bank, BankStrikethrough, BankTransfer, BarChart, Barcode, Batch, Beach, BillSplit, Bills, Bin, Book, Boxes, Briefcase, Building, Bulb, Calendar, CalendarCheck, CalendarSuccess, Camera, Car, Card, CardCvc, CardDetail, CardNumber, CardTransferwise, CardWise, CashApp, CashRegister, Charity, Chat, Check, CheckCircle, CheckCircleFill, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Chip, ChipPin, ClickToPay, Clock, ClockBorderless, ClockFill, Cog, Coins, Collapse, Comments, CompactMore, Confetti, Contactless, ContractServices, Convert, CostOfGoodsSold, Cross, CrossCircle, CrossCircleFill, CrystalBall, Cs, Defrost, Delivery, Dial, DirectDebits, DiscoBall, Do, Document, Documents, Dont, Download, DriversLicense, ECommerce, EatingOut, Edit, Email, EmailAndMobile, EmailAndPhone, Emoji, Entertainment, ExchangeRate, Expand, Expenses, Eye, EyeShut, FaceId, Facebook, FacebookSquare, Family, FastFlag, Feedback, Female, Fingerprint, Fpx, Freeze, Gambling, General, GeneralFill, GeneralFilled, GiftBox, Globe, GraduationCap, Graph, Groceries, Handshake, HappyEmoji, Headset, Heart, Help, HelpCircle, Holidays, Home, House, Id, Ideal, Image, Info, InfoCircle, InfoCircleFill, InsertCard, Insights, Instagram, Insurance, Interac, Investments, Invite, Jar, Keep, Klarna, Laptop, Leaf, Lightning, LightningBolt, Limit, Link, Linkedin, List, LocationMarker, Lock, LogIn, LogOut, Mallet, Marketing, MassPayout, Menu, Messenger, Minus, MinusCircle, MinusCircleFill, Mobile, MobileLock, Money, MoneyBag, More, MultiCurrency, NavigateAway, Nearby, New, Notification, NotificationActive, OfficeExpenses, OwnersWithdrawal, Padlock, PadlockUnlocked, Paperclip, Passport, Pause, PayIn, Payments, Paypal, Pending, PendingCircle, People, PercentageCircle, Person, PersonalCare, Pets, Phone, Picture, PieChart, PiggyBank, PinCode, Pix, Plane, Play, Plus, PlusCircle, Profile, QrCode, QuestionMark, QuestionMarkCircle, Rain, Rainbow, Receipt, Receive, Recipients, Refresh, RefundReceive, RefundSent, Reload, Rent, RequestReceive, RequestSend, Rewards, SadEmoji, Salary, SalesAndRoyalties, Savings, ScanQrCode, Search, Send, Settings, ShareAndroid, ShareIos, Shield, ShoppingBag, Slider, Sofort, SoftwareAndHosting, SoftwareAndWebHosting, SpeechBubble, SpeechBubbleExclamation, SpeechBubbleMessage, SpeechBubblePending, SpeechBubbles, SpendDirham, SpendDollar, SpendEuro, SpendForint, SpendFranc, SpendHryvnia, SpendKoruna, SpendKrone, SpendKuna, SpendLeuLei, SpendLev, SpendLira, SpendPound, SpendReal, SpendRinggit, SpendRupee, SpendRupiah, SpendYen, SpendZloty, SplitMoney, Star, StarFill, Stationery, Stop, Suitcase, Sunglasses, Switch, Takeaway, Target, Tax, Taxi, Team, Theme, Transfer, Transport, Travel, Trustly, Twitter, TwoStep, Unlock, Upload, UpwardGraph, Venmo, Verified, Wallet, Warning, Water, Whatsapp, Withdrawal };
 //# sourceMappingURL=index.esm.js.map