@transferwise/icons 3.11.0-beta.3 → 3.11.0

package/lib/index.js

@@ -14,7 +14,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__*/jsxRuntime.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',
@@ -50,7 +50,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__*/jsxRuntime.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',
@@ -86,7 +86,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__*/jsxRuntime.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',
@@ -112,6 +112,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__*/jsxRuntime.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__*/jsxRuntime.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__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx("span", {
+      className: "sr-only",
+      children: title
+    })]
+  });
+};
+
 const ArrowDiagonalDown = ({
   size = 16,
   className = undefined,
@@ -124,7 +160,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__*/jsxRuntime.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',
@@ -136,8 +172,7 @@ const ArrowDiagonalDown = ({
       viewBox: "0 0 24 24",
       children: (Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx("span", {
@@ -159,7 +194,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__*/jsxRuntime.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',
@@ -171,8 +206,7 @@ const ArrowDiagonalUp = ({
       viewBox: "0 0 24 24",
       children: (Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx("span", {
@@ -194,7 +228,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__*/jsxRuntime.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',
@@ -228,7 +262,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__*/jsxRuntime.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',
@@ -262,7 +296,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__*/jsxRuntime.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',
@@ -296,7 +330,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__*/jsxRuntime.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',
@@ -330,7 +364,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__*/jsxRuntime.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',
@@ -366,7 +400,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__*/jsxRuntime.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',
@@ -380,8 +414,7 @@ const BankStrikethrough = ({
         children: /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx("span", {
@@ -403,7 +436,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__*/jsxRuntime.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',
@@ -439,7 +472,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__*/jsxRuntime.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',
@@ -475,7 +508,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__*/jsxRuntime.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',
@@ -511,7 +544,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__*/jsxRuntime.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',
@@ -545,7 +578,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__*/jsxRuntime.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',
@@ -579,7 +612,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__*/jsxRuntime.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',
@@ -613,7 +646,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__*/jsxRuntime.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',
@@ -649,7 +682,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__*/jsxRuntime.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',
@@ -683,7 +716,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__*/jsxRuntime.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',
@@ -717,7 +750,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__*/jsxRuntime.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',
@@ -751,7 +784,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__*/jsxRuntime.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',
@@ -787,7 +820,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__*/jsxRuntime.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',
@@ -823,7 +856,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__*/jsxRuntime.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',
@@ -857,7 +890,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__*/jsxRuntime.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',
@@ -891,7 +924,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__*/jsxRuntime.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',
@@ -927,7 +960,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__*/jsxRuntime.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',
@@ -963,7 +996,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__*/jsxRuntime.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',
@@ -997,7 +1030,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__*/jsxRuntime.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',
@@ -1033,7 +1066,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__*/jsxRuntime.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',
@@ -1069,7 +1102,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__*/jsxRuntime.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',
@@ -1105,7 +1138,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__*/jsxRuntime.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',
@@ -1141,7 +1174,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__*/jsxRuntime.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',
@@ -1177,7 +1210,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__*/jsxRuntime.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',
@@ -1213,7 +1246,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__*/jsxRuntime.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',
@@ -1249,7 +1282,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__*/jsxRuntime.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',
@@ -1285,7 +1318,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__*/jsxRuntime.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',
@@ -1329,7 +1362,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__*/jsxRuntime.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',
@@ -1373,7 +1406,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__*/jsxRuntime.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',
@@ -1409,7 +1442,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__*/jsxRuntime.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',
@@ -1445,7 +1478,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__*/jsxRuntime.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',
@@ -1481,7 +1514,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__*/jsxRuntime.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',
@@ -1517,7 +1550,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__*/jsxRuntime.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',
@@ -1553,7 +1586,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__*/jsxRuntime.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',
@@ -1589,7 +1622,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__*/jsxRuntime.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',
@@ -1623,7 +1656,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__*/jsxRuntime.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',
@@ -1659,7 +1692,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__*/jsxRuntime.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',
@@ -1695,7 +1728,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__*/jsxRuntime.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',
@@ -1731,7 +1764,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__*/jsxRuntime.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',
@@ -1767,7 +1800,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__*/jsxRuntime.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',
@@ -1803,7 +1836,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__*/jsxRuntime.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',
@@ -1837,7 +1870,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__*/jsxRuntime.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',
@@ -1871,7 +1904,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__*/jsxRuntime.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',
@@ -1905,7 +1938,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__*/jsxRuntime.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',
@@ -1939,7 +1972,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__*/jsxRuntime.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',
@@ -1973,7 +2006,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__*/jsxRuntime.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',
@@ -2007,7 +2040,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__*/jsxRuntime.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',
@@ -2043,7 +2076,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__*/jsxRuntime.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',
@@ -2079,7 +2112,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__*/jsxRuntime.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',
@@ -2113,7 +2146,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__*/jsxRuntime.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',
@@ -2149,7 +2182,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__*/jsxRuntime.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',
@@ -2185,7 +2218,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__*/jsxRuntime.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',
@@ -2221,7 +2254,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__*/jsxRuntime.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',
@@ -2257,7 +2290,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__*/jsxRuntime.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',
@@ -2293,7 +2326,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__*/jsxRuntime.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',
@@ -2329,7 +2362,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__*/jsxRuntime.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',
@@ -2365,7 +2398,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__*/jsxRuntime.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',
@@ -2387,6 +2420,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__*/jsxRuntime.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__*/jsxRuntime.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__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx("span", {
+      className: "sr-only",
+      children: title
+    })]
+  });
+};
+
 const Confetti = ({
   size = 16,
   className = undefined,
@@ -2399,7 +2468,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__*/jsxRuntime.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',
@@ -2435,7 +2504,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__*/jsxRuntime.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',
@@ -2471,7 +2540,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__*/jsxRuntime.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',
@@ -2505,7 +2574,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__*/jsxRuntime.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',
@@ -2541,7 +2610,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__*/jsxRuntime.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',
@@ -2577,7 +2646,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__*/jsxRuntime.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',
@@ -2611,7 +2680,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__*/jsxRuntime.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',
@@ -2647,7 +2716,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__*/jsxRuntime.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',
@@ -2683,7 +2752,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__*/jsxRuntime.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',
@@ -2717,7 +2786,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__*/jsxRuntime.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',
@@ -2753,7 +2822,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__*/jsxRuntime.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',
@@ -2789,7 +2858,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__*/jsxRuntime.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',
@@ -2825,7 +2894,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__*/jsxRuntime.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',
@@ -2865,7 +2934,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__*/jsxRuntime.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',
@@ -2899,7 +2968,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__*/jsxRuntime.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',
@@ -2935,7 +3004,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__*/jsxRuntime.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',
@@ -2971,7 +3040,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__*/jsxRuntime.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',
@@ -3007,7 +3076,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__*/jsxRuntime.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',
@@ -3043,7 +3112,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__*/jsxRuntime.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',
@@ -3079,7 +3148,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__*/jsxRuntime.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',
@@ -3115,7 +3184,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__*/jsxRuntime.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',
@@ -3149,7 +3218,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__*/jsxRuntime.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',
@@ -3185,7 +3254,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__*/jsxRuntime.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',
@@ -3221,7 +3290,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__*/jsxRuntime.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',
@@ -3255,7 +3324,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__*/jsxRuntime.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',
@@ -3291,7 +3360,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__*/jsxRuntime.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',
@@ -3327,7 +3396,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__*/jsxRuntime.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',
@@ -3361,7 +3430,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__*/jsxRuntime.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',
@@ -3395,7 +3464,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__*/jsxRuntime.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',
@@ -3417,6 +3486,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__*/jsxRuntime.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__*/jsxRuntime.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__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx("span", {
+      className: "sr-only",
+      children: title
+    })]
+  });
+};
+
 const Fingerprint = ({
   size = 16,
   className = undefined,
@@ -3429,7 +3534,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__*/jsxRuntime.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',
@@ -3465,7 +3570,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__*/jsxRuntime.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',
@@ -3501,7 +3606,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__*/jsxRuntime.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',
@@ -3535,7 +3640,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__*/jsxRuntime.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',
@@ -3571,7 +3676,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__*/jsxRuntime.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',
@@ -3607,7 +3712,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__*/jsxRuntime.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',
@@ -3643,7 +3748,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__*/jsxRuntime.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',
@@ -3679,7 +3784,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__*/jsxRuntime.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',
@@ -3715,7 +3820,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__*/jsxRuntime.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',
@@ -3751,7 +3856,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__*/jsxRuntime.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',
@@ -3785,7 +3890,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__*/jsxRuntime.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',
@@ -3821,7 +3926,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__*/jsxRuntime.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',
@@ -3857,7 +3962,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__*/jsxRuntime.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',
@@ -3891,7 +3996,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__*/jsxRuntime.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',
@@ -3925,7 +4030,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__*/jsxRuntime.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',
@@ -3959,7 +4064,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__*/jsxRuntime.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',
@@ -3995,7 +4100,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__*/jsxRuntime.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',
@@ -4031,7 +4136,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__*/jsxRuntime.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',
@@ -4067,7 +4172,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__*/jsxRuntime.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',
@@ -4101,7 +4206,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__*/jsxRuntime.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',
@@ -4135,7 +4240,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__*/jsxRuntime.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',
@@ -4169,7 +4274,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__*/jsxRuntime.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',
@@ -4203,7 +4308,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__*/jsxRuntime.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',
@@ -4237,7 +4342,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__*/jsxRuntime.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',
@@ -4271,7 +4376,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__*/jsxRuntime.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',
@@ -4307,7 +4412,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__*/jsxRuntime.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',
@@ -4341,7 +4446,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__*/jsxRuntime.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',
@@ -4377,7 +4482,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__*/jsxRuntime.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',
@@ -4413,7 +4518,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__*/jsxRuntime.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',
@@ -4449,7 +4554,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__*/jsxRuntime.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',
@@ -4485,7 +4590,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__*/jsxRuntime.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',
@@ -4523,7 +4628,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__*/jsxRuntime.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',
@@ -4559,7 +4664,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__*/jsxRuntime.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',
@@ -4595,7 +4700,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__*/jsxRuntime.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',
@@ -4631,7 +4736,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__*/jsxRuntime.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',
@@ -4667,7 +4772,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__*/jsxRuntime.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',
@@ -4703,7 +4808,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__*/jsxRuntime.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',
@@ -4739,7 +4844,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__*/jsxRuntime.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',
@@ -4773,7 +4878,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__*/jsxRuntime.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',
@@ -4809,7 +4914,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__*/jsxRuntime.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',
@@ -4845,7 +4950,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__*/jsxRuntime.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',
@@ -4879,7 +4984,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__*/jsxRuntime.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',
@@ -4913,7 +5018,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__*/jsxRuntime.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',
@@ -4947,7 +5052,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__*/jsxRuntime.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',
@@ -4981,7 +5086,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__*/jsxRuntime.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',
@@ -5017,7 +5122,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__*/jsxRuntime.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',
@@ -5051,7 +5156,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__*/jsxRuntime.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',
@@ -5087,7 +5192,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__*/jsxRuntime.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',
@@ -5123,7 +5228,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__*/jsxRuntime.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',
@@ -5159,7 +5264,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__*/jsxRuntime.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',
@@ -5195,7 +5300,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__*/jsxRuntime.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',
@@ -5219,6 +5324,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__*/jsxRuntime.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__*/jsxRuntime.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__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx("span", {
+      className: "sr-only",
+      children: title
+    })]
+  });
+};
+
 const MassPayout = ({
   size = 16,
   className = undefined,
@@ -5231,7 +5372,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__*/jsxRuntime.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',
@@ -5267,7 +5408,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__*/jsxRuntime.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',
@@ -5303,7 +5444,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__*/jsxRuntime.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',
@@ -5337,7 +5478,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__*/jsxRuntime.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',
@@ -5373,7 +5514,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__*/jsxRuntime.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',
@@ -5409,7 +5550,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__*/jsxRuntime.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',
@@ -5443,7 +5584,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__*/jsxRuntime.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',
@@ -5479,7 +5620,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__*/jsxRuntime.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',
@@ -5515,7 +5656,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__*/jsxRuntime.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',
@@ -5551,7 +5692,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__*/jsxRuntime.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',
@@ -5587,7 +5728,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__*/jsxRuntime.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',
@@ -5623,7 +5764,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__*/jsxRuntime.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',
@@ -5659,7 +5800,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__*/jsxRuntime.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',
@@ -5695,7 +5836,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__*/jsxRuntime.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',
@@ -5731,7 +5872,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__*/jsxRuntime.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',
@@ -5767,7 +5908,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__*/jsxRuntime.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',
@@ -5801,7 +5942,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__*/jsxRuntime.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',
@@ -5837,7 +5978,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__*/jsxRuntime.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',
@@ -5871,7 +6012,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__*/jsxRuntime.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',
@@ -5907,7 +6048,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__*/jsxRuntime.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',
@@ -5943,7 +6084,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__*/jsxRuntime.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',
@@ -5979,7 +6120,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__*/jsxRuntime.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',
@@ -6015,7 +6156,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__*/jsxRuntime.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',
@@ -6051,7 +6192,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__*/jsxRuntime.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',
@@ -6087,7 +6228,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__*/jsxRuntime.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',
@@ -6123,7 +6264,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__*/jsxRuntime.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',
@@ -6157,7 +6298,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__*/jsxRuntime.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',
@@ -6191,7 +6332,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__*/jsxRuntime.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',
@@ -6227,7 +6368,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__*/jsxRuntime.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',
@@ -6265,7 +6406,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__*/jsxRuntime.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',
@@ -6299,7 +6440,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__*/jsxRuntime.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',
@@ -6333,7 +6474,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__*/jsxRuntime.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',
@@ -6369,7 +6510,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__*/jsxRuntime.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',
@@ -6405,7 +6546,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__*/jsxRuntime.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',
@@ -6439,7 +6580,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__*/jsxRuntime.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',
@@ -6473,7 +6614,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__*/jsxRuntime.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',
@@ -6513,7 +6654,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__*/jsxRuntime.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',
@@ -6549,7 +6690,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__*/jsxRuntime.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',
@@ -6583,7 +6724,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__*/jsxRuntime.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',
@@ -6617,7 +6758,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__*/jsxRuntime.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',
@@ -6651,7 +6792,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__*/jsxRuntime.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',
@@ -6687,7 +6828,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__*/jsxRuntime.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',
@@ -6723,7 +6864,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__*/jsxRuntime.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',
@@ -6759,7 +6900,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__*/jsxRuntime.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',
@@ -6795,7 +6936,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__*/jsxRuntime.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',
@@ -6831,7 +6972,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__*/jsxRuntime.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',
@@ -6867,7 +7008,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__*/jsxRuntime.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',
@@ -6901,7 +7042,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__*/jsxRuntime.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',
@@ -6937,7 +7078,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__*/jsxRuntime.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',
@@ -6973,7 +7114,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__*/jsxRuntime.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',
@@ -7009,7 +7150,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__*/jsxRuntime.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',
@@ -7045,7 +7186,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__*/jsxRuntime.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',
@@ -7081,7 +7222,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__*/jsxRuntime.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',
@@ -7117,7 +7258,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__*/jsxRuntime.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',
@@ -7153,7 +7294,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__*/jsxRuntime.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',
@@ -7189,7 +7330,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__*/jsxRuntime.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',
@@ -7223,7 +7364,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__*/jsxRuntime.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',
@@ -7259,7 +7400,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__*/jsxRuntime.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',
@@ -7295,7 +7436,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__*/jsxRuntime.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',
@@ -7329,7 +7470,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__*/jsxRuntime.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',
@@ -7363,7 +7504,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__*/jsxRuntime.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',
@@ -7399,7 +7540,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__*/jsxRuntime.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',
@@ -7435,7 +7576,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__*/jsxRuntime.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',
@@ -7477,7 +7618,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__*/jsxRuntime.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',
@@ -7513,7 +7654,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__*/jsxRuntime.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',
@@ -7549,7 +7690,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__*/jsxRuntime.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',
@@ -7585,7 +7726,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__*/jsxRuntime.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',
@@ -7619,7 +7760,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__*/jsxRuntime.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',
@@ -7653,7 +7794,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__*/jsxRuntime.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',
@@ -7687,7 +7828,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__*/jsxRuntime.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',
@@ -7723,7 +7864,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__*/jsxRuntime.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',
@@ -7757,7 +7898,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__*/jsxRuntime.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',
@@ -7793,7 +7934,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__*/jsxRuntime.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',
@@ -7829,7 +7970,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__*/jsxRuntime.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',
@@ -7865,7 +8006,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__*/jsxRuntime.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',
@@ -7901,7 +8042,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__*/jsxRuntime.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',
@@ -7937,7 +8078,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__*/jsxRuntime.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',
@@ -7973,7 +8114,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__*/jsxRuntime.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',
@@ -7987,8 +8128,7 @@ const SpeechBubbleExclamation = ({
         children: /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx("span", {
@@ -8010,7 +8150,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__*/jsxRuntime.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',
@@ -8046,7 +8186,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__*/jsxRuntime.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',
@@ -8082,7 +8222,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__*/jsxRuntime.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',
@@ -8118,7 +8258,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__*/jsxRuntime.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',
@@ -8154,7 +8294,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__*/jsxRuntime.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',
@@ -8188,7 +8328,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__*/jsxRuntime.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',
@@ -8222,7 +8362,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__*/jsxRuntime.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',
@@ -8256,7 +8396,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__*/jsxRuntime.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',
@@ -8290,7 +8430,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__*/jsxRuntime.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',
@@ -8326,7 +8466,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__*/jsxRuntime.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',
@@ -8362,7 +8502,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__*/jsxRuntime.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',
@@ -8398,7 +8538,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__*/jsxRuntime.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',
@@ -8434,7 +8574,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__*/jsxRuntime.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',
@@ -8470,7 +8610,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__*/jsxRuntime.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',
@@ -8506,7 +8646,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__*/jsxRuntime.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',
@@ -8542,7 +8682,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__*/jsxRuntime.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',
@@ -8578,7 +8718,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__*/jsxRuntime.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',
@@ -8614,7 +8754,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__*/jsxRuntime.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',
@@ -8650,7 +8790,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__*/jsxRuntime.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',
@@ -8686,7 +8826,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__*/jsxRuntime.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',
@@ -8722,7 +8862,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__*/jsxRuntime.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',
@@ -8758,7 +8898,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__*/jsxRuntime.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',
@@ -8794,7 +8934,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__*/jsxRuntime.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',
@@ -8830,7 +8970,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__*/jsxRuntime.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',
@@ -8866,7 +9006,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__*/jsxRuntime.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',
@@ -8902,7 +9042,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__*/jsxRuntime.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',
@@ -8938,7 +9078,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__*/jsxRuntime.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',
@@ -8974,7 +9114,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__*/jsxRuntime.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',
@@ -9010,7 +9150,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__*/jsxRuntime.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',
@@ -9044,7 +9184,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__*/jsxRuntime.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',
@@ -9078,7 +9218,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__*/jsxRuntime.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',
@@ -9112,7 +9252,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__*/jsxRuntime.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',
@@ -9146,7 +9286,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__*/jsxRuntime.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',
@@ -9182,7 +9322,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__*/jsxRuntime.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',
@@ -9218,7 +9358,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__*/jsxRuntime.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',
@@ -9254,7 +9394,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__*/jsxRuntime.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',
@@ -9290,7 +9430,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__*/jsxRuntime.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',
@@ -9326,7 +9466,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__*/jsxRuntime.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',
@@ -9362,7 +9502,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__*/jsxRuntime.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',
@@ -9396,7 +9536,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__*/jsxRuntime.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',
@@ -9430,7 +9570,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__*/jsxRuntime.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',
@@ -9466,7 +9606,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__*/jsxRuntime.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',
@@ -9502,7 +9642,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__*/jsxRuntime.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',
@@ -9538,7 +9678,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__*/jsxRuntime.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',
@@ -9574,7 +9714,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__*/jsxRuntime.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',
@@ -9610,7 +9750,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__*/jsxRuntime.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',
@@ -9644,7 +9784,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__*/jsxRuntime.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',
@@ -9678,7 +9818,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__*/jsxRuntime.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',
@@ -9714,7 +9854,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__*/jsxRuntime.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',
@@ -9750,7 +9890,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__*/jsxRuntime.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',
@@ -9786,7 +9926,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__*/jsxRuntime.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',
@@ -9822,7 +9962,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__*/jsxRuntime.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',
@@ -9858,7 +9998,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__*/jsxRuntime.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',
@@ -9882,6 +10022,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__*/jsxRuntime.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__*/jsxRuntime.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__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx("span", {
+      className: "sr-only",
+      children: title
+    })]
+  });
+};
+
 const Whatsapp = ({
   size = 16,
   className = undefined,
@@ -9894,7 +10070,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__*/jsxRuntime.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',
@@ -9930,7 +10106,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__*/jsxRuntime.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',
@@ -9966,7 +10142,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__*/jsxRuntime.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',
@@ -9995,6 +10171,7 @@ exports.Activity = Activity;
 exports.Alert = Alert;
 exports.AlertCircle = AlertCircle;
 exports.AlertCircleFill = AlertCircleFill;
+exports.Alipay = Alipay;
 exports.ArrowDiagonalDown = ArrowDiagonalDown;
 exports.ArrowDiagonalUp = ArrowDiagonalUp;
 exports.ArrowDown = ArrowDown;
@@ -10051,6 +10228,7 @@ exports.Cog = Cog;
 exports.Coins = Coins;
 exports.Collapse = Collapse;
 exports.Comments = Comments;
+exports.CompactMore = CompactMore;
 exports.Confetti = Confetti;
 exports.Contactless = Contactless;
 exports.ContractServices = ContractServices;
@@ -10091,6 +10269,7 @@ exports.FacebookSquare = FacebookSquare;
 exports.Family = Family;
 exports.FastFlag = FastFlag;
 exports.Feedback = Feedback;
+exports.Female = Female;
 exports.Fingerprint = Fingerprint;
 exports.Fpx = Fpx;
 exports.Freeze = Freeze;
@@ -10140,6 +10319,7 @@ exports.LocationMarker = LocationMarker;
 exports.Lock = Lock;
 exports.LogIn = LogIn;
 exports.LogOut = LogOut;
+exports.Mallet = Mallet;
 exports.Marketing = Marketing;
 exports.MassPayout = MassPayout;
 exports.Menu = Menu;
@@ -10269,6 +10449,7 @@ exports.Venmo = Venmo;
 exports.Verified = Verified;
 exports.Wallet = Wallet;
 exports.Warning = Warning;
+exports.Water = Water;
 exports.Whatsapp = Whatsapp;
 exports.Withdrawal = Withdrawal;
 //# sourceMappingURL=index.js.map