@transferwise/icons 3.16.0 → 3.18.0

package/lib/index.js

@@ -12,7 +12,7 @@ const AlertCircleFill = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<AlertCircleFill filled /> is now deprecated, please use <AlertCircleFillFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<AlertCircleFill filled /> is now deprecated, please use <AlertCircleFillFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-alert-circle-fill ${className ? className : ''}`,
@@ -47,7 +47,7 @@ const AlertCircle = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<AlertCircle filled /> is now deprecated, please use <AlertCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<AlertCircle filled /> is now deprecated, please use <AlertCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-alert-circle ${className ? className : ''}`,
@@ -82,7 +82,7 @@ const Alert = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Alert filled /> is now deprecated, please use <AlertFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Alert filled /> is now deprecated, please use <AlertFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-alert ${className ? className : ''}`,
@@ -119,7 +119,7 @@ const Alipay = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Alipay filled /> is now deprecated, please use <AlipayFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Alipay filled /> is now deprecated, please use <AlipayFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-alipay ${className ? className : ''}`,
@@ -154,7 +154,7 @@ const ArrowDiagonalDown = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<ArrowDiagonalDown filled /> is now deprecated, please use <ArrowDiagonalDownFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<ArrowDiagonalDown filled /> is now deprecated, please use <ArrowDiagonalDownFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-arrow-diagonal-down ${className ? className : ''}`,
@@ -187,7 +187,7 @@ const ArrowDiagonalUp = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<ArrowDiagonalUp filled /> is now deprecated, please use <ArrowDiagonalUpFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<ArrowDiagonalUp filled /> is now deprecated, please use <ArrowDiagonalUpFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-arrow-diagonal-up ${className ? className : ''}`,
@@ -220,7 +220,7 @@ const ArrowDown = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<ArrowDown filled /> is now deprecated, please use <ArrowDownFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<ArrowDown filled /> is now deprecated, please use <ArrowDownFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-arrow-down ${className ? className : ''}`,
@@ -253,7 +253,7 @@ const ArrowLeft = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<ArrowLeft filled /> is now deprecated, please use <ArrowLeftFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<ArrowLeft filled /> is now deprecated, please use <ArrowLeftFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-arrow-left ${className ? className : ''}`,
@@ -286,7 +286,7 @@ const ArrowRight = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<ArrowRight filled /> is now deprecated, please use <ArrowRightFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<ArrowRight filled /> is now deprecated, please use <ArrowRightFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-arrow-right ${className ? className : ''}`,
@@ -319,7 +319,7 @@ const ArrowUp = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<ArrowUp filled /> is now deprecated, please use <ArrowUpFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<ArrowUp filled /> is now deprecated, please use <ArrowUpFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-arrow-up ${className ? className : ''}`,
@@ -352,7 +352,7 @@ const AutoConvert = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<AutoConvert filled /> is now deprecated, please use <AutoConvertFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<AutoConvert filled /> is now deprecated, please use <AutoConvertFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-auto-convert ${className ? className : ''}`,
@@ -387,7 +387,7 @@ const BankStrikethrough = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<BankStrikethrough filled /> is now deprecated, please use <BankStrikethroughFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<BankStrikethrough filled /> is now deprecated, please use <BankStrikethroughFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-bank-strikethrough ${className ? className : ''}`,
@@ -422,7 +422,7 @@ const BankTransfer = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<BankTransfer filled /> is now deprecated, please use <BankTransferFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<BankTransfer filled /> is now deprecated, please use <BankTransferFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-bank-transfer ${className ? className : ''}`,
@@ -457,7 +457,7 @@ const Ach = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Ach filled /> is now deprecated, please use <AchFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Ach filled /> is now deprecated, please use <AchFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-ach ${className ? className : ''}`,
@@ -492,7 +492,7 @@ const Bank = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Bank filled /> is now deprecated, please use <BankFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Bank filled /> is now deprecated, please use <BankFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-bank ${className ? className : ''}`,
@@ -527,7 +527,7 @@ const BarChart = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<BarChart filled /> is now deprecated, please use <BarChartFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<BarChart filled /> is now deprecated, please use <BarChartFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-bar-chart ${className ? className : ''}`,
@@ -560,7 +560,7 @@ const Balance = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Balance filled /> is now deprecated, please use <BalanceFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Balance filled /> is now deprecated, please use <BalanceFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-balance ${className ? className : ''}`,
@@ -593,7 +593,7 @@ const Investments = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Investments filled /> is now deprecated, please use <InvestmentsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Investments filled /> is now deprecated, please use <InvestmentsFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-investments ${className ? className : ''}`,
@@ -626,7 +626,7 @@ const Barcode = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Barcode filled /> is now deprecated, please use <BarcodeFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Barcode filled /> is now deprecated, please use <BarcodeFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-barcode ${className ? className : ''}`,
@@ -661,7 +661,7 @@ const Batch = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Batch filled /> is now deprecated, please use <BatchFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Batch filled /> is now deprecated, please use <BatchFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-batch ${className ? className : ''}`,
@@ -694,7 +694,7 @@ const Beach = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Beach filled /> is now deprecated, please use <BeachFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Beach filled /> is now deprecated, please use <BeachFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-beach ${className ? className : ''}`,
@@ -727,7 +727,7 @@ const Holidays = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Holidays filled /> is now deprecated, please use <HolidaysFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Holidays filled /> is now deprecated, please use <HolidaysFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-holidays ${className ? className : ''}`,
@@ -760,7 +760,7 @@ const BillSplit = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<BillSplit filled /> is now deprecated, please use <BillSplitFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<BillSplit filled /> is now deprecated, please use <BillSplitFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-bill-split ${className ? className : ''}`,
@@ -795,7 +795,7 @@ const Bills = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Bills filled /> is now deprecated, please use <BillsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Bills filled /> is now deprecated, please use <BillsFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-bills ${className ? className : ''}`,
@@ -830,7 +830,7 @@ const Bin = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Bin filled /> is now deprecated, please use <BinFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Bin filled /> is now deprecated, please use <BinFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-bin ${className ? className : ''}`,
@@ -863,7 +863,7 @@ const Book = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Book filled /> is now deprecated, please use <BookFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Book filled /> is now deprecated, please use <BookFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-book ${className ? className : ''}`,
@@ -896,7 +896,7 @@ const Boxes = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Boxes filled /> is now deprecated, please use <BoxesFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Boxes filled /> is now deprecated, please use <BoxesFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-boxes ${className ? className : ''}`,
@@ -931,7 +931,7 @@ const CostOfGoodsSold = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<CostOfGoodsSold filled /> is now deprecated, please use <CostOfGoodsSoldFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<CostOfGoodsSold filled /> is now deprecated, please use <CostOfGoodsSoldFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-cost-of-goods-sold ${className ? className : ''}`,
@@ -966,7 +966,7 @@ const Briefcase = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Briefcase filled /> is now deprecated, please use <BriefcaseFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Briefcase filled /> is now deprecated, please use <BriefcaseFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-briefcase ${className ? className : ''}`,
@@ -999,7 +999,7 @@ const Building = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Building filled /> is now deprecated, please use <BuildingFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Building filled /> is now deprecated, please use <BuildingFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-building ${className ? className : ''}`,
@@ -1034,7 +1034,7 @@ const Rent = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Rent filled /> is now deprecated, please use <RentFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Rent filled /> is now deprecated, please use <RentFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-rent ${className ? className : ''}`,
@@ -1069,7 +1069,7 @@ const Bulb = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Bulb filled /> is now deprecated, please use <BulbFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Bulb filled /> is now deprecated, please use <BulbFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-bulb ${className ? className : ''}`,
@@ -1104,7 +1104,7 @@ const Insights = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Insights filled /> is now deprecated, please use <InsightsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Insights filled /> is now deprecated, please use <InsightsFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-insights ${className ? className : ''}`,
@@ -1139,7 +1139,7 @@ const CalendarCheck = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<CalendarCheck filled /> is now deprecated, please use <CalendarCheckFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<CalendarCheck filled /> is now deprecated, please use <CalendarCheckFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-calendar-check ${className ? className : ''}`,
@@ -1174,7 +1174,7 @@ const CalendarSuccess = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<CalendarSuccess filled /> is now deprecated, please use <CalendarSuccessFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<CalendarSuccess filled /> is now deprecated, please use <CalendarSuccessFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-calendar-success ${className ? className : ''}`,
@@ -1209,7 +1209,7 @@ const Calendar = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Calendar filled /> is now deprecated, please use <CalendarFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Calendar filled /> is now deprecated, please use <CalendarFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-calendar ${className ? className : ''}`,
@@ -1244,7 +1244,7 @@ const Camera = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Camera filled /> is now deprecated, please use <CameraFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Camera filled /> is now deprecated, please use <CameraFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-camera ${className ? className : ''}`,
@@ -1279,7 +1279,7 @@ const Car = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Car filled /> is now deprecated, please use <CarFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Car filled /> is now deprecated, please use <CarFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-car ${className ? className : ''}`,
@@ -1322,7 +1322,7 @@ const DriversLicense = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<DriversLicense filled /> is now deprecated, please use <DriversLicenseFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<DriversLicense filled /> is now deprecated, please use <DriversLicenseFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-drivers-license ${className ? className : ''}`,
@@ -1365,7 +1365,7 @@ const CardCvc = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<CardCvc filled /> is now deprecated, please use <CardCvcFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<CardCvc filled /> is now deprecated, please use <CardCvcFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-card-cvc ${className ? className : ''}`,
@@ -1400,7 +1400,7 @@ const CardDetail = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<CardDetail filled /> is now deprecated, please use <CardDetailFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<CardDetail filled /> is now deprecated, please use <CardDetailFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-card-detail ${className ? className : ''}`,
@@ -1435,7 +1435,7 @@ const CardNumber = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<CardNumber filled /> is now deprecated, please use <CardNumberFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<CardNumber filled /> is now deprecated, please use <CardNumberFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-card-number ${className ? className : ''}`,
@@ -1470,7 +1470,7 @@ const CardStrikethrough = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<CardStrikethrough filled /> is now deprecated, please use <CardStrikethroughFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<CardStrikethrough filled /> is now deprecated, please use <CardStrikethroughFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-card-strikethrough ${className ? className : ''}`,
@@ -1505,7 +1505,7 @@ const CardWise = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<CardWise filled /> is now deprecated, please use <CardWiseFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<CardWise filled /> is now deprecated, please use <CardWiseFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-card-wise ${className ? className : ''}`,
@@ -1540,7 +1540,7 @@ const CardTransferwise = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<CardTransferwise filled /> is now deprecated, please use <CardTransferwiseFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<CardTransferwise filled /> is now deprecated, please use <CardTransferwiseFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-card-transferwise ${className ? className : ''}`,
@@ -1575,7 +1575,7 @@ const Card = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Card filled /> is now deprecated, please use <CardFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Card filled /> is now deprecated, please use <CardFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-card ${className ? className : ''}`,
@@ -1610,7 +1610,7 @@ const CashApp = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<CashApp filled /> is now deprecated, please use <CashAppFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<CashApp filled /> is now deprecated, please use <CashAppFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-cash-app ${className ? className : ''}`,
@@ -1643,7 +1643,7 @@ const CashRegister = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<CashRegister filled /> is now deprecated, please use <CashRegisterFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<CashRegister filled /> is now deprecated, please use <CashRegisterFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-cash-register ${className ? className : ''}`,
@@ -1678,7 +1678,7 @@ const SalesAndRoyalties = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SalesAndRoyalties filled /> is now deprecated, please use <SalesAndRoyaltiesFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SalesAndRoyalties filled /> is now deprecated, please use <SalesAndRoyaltiesFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-sales-and-royalties ${className ? className : ''}`,
@@ -1713,7 +1713,7 @@ const Charity = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Charity filled /> is now deprecated, please use <CharityFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Charity filled /> is now deprecated, please use <CharityFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-charity ${className ? className : ''}`,
@@ -1748,7 +1748,7 @@ const CheckCircleFill = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<CheckCircleFill filled /> is now deprecated, please use <CheckCircleFillFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<CheckCircleFill filled /> is now deprecated, please use <CheckCircleFillFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-check-circle-fill ${className ? className : ''}`,
@@ -1783,7 +1783,7 @@ const CheckCircle = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<CheckCircle filled /> is now deprecated, please use <CheckCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<CheckCircle filled /> is now deprecated, please use <CheckCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-check-circle ${className ? className : ''}`,
@@ -1818,7 +1818,7 @@ const Check = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Check filled /> is now deprecated, please use <CheckFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Check filled /> is now deprecated, please use <CheckFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-check ${className ? className : ''}`,
@@ -1851,7 +1851,7 @@ const Verified = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Verified filled /> is now deprecated, please use <VerifiedFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Verified filled /> is now deprecated, please use <VerifiedFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-verified ${className ? className : ''}`,
@@ -1884,7 +1884,7 @@ const ChevronDown = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<ChevronDown filled /> is now deprecated, please use <ChevronDownFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<ChevronDown filled /> is now deprecated, please use <ChevronDownFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-chevron-down ${className ? className : ''}`,
@@ -1917,7 +1917,7 @@ const ChevronLeft = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<ChevronLeft filled /> is now deprecated, please use <ChevronLeftFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<ChevronLeft filled /> is now deprecated, please use <ChevronLeftFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-chevron-left ${className ? className : ''}`,
@@ -1950,7 +1950,7 @@ const ChevronRight = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<ChevronRight filled /> is now deprecated, please use <ChevronRightFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<ChevronRight filled /> is now deprecated, please use <ChevronRightFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-chevron-right ${className ? className : ''}`,
@@ -1983,7 +1983,7 @@ const ChevronUp = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<ChevronUp filled /> is now deprecated, please use <ChevronUpFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<ChevronUp filled /> is now deprecated, please use <ChevronUpFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-chevron-up ${className ? className : ''}`,
@@ -2016,7 +2016,7 @@ const Chip = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Chip filled /> is now deprecated, please use <ChipFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Chip filled /> is now deprecated, please use <ChipFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-chip ${className ? className : ''}`,
@@ -2051,7 +2051,7 @@ const ChipPin = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<ChipPin filled /> is now deprecated, please use <ChipPinFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<ChipPin filled /> is now deprecated, please use <ChipPinFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-chip-pin ${className ? className : ''}`,
@@ -2086,7 +2086,7 @@ const ClickToPay = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<ClickToPay filled /> is now deprecated, please use <ClickToPayFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<ClickToPay filled /> is now deprecated, please use <ClickToPayFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-click-to-pay ${className ? className : ''}`,
@@ -2119,7 +2119,7 @@ const ClockBorderless = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<ClockBorderless filled /> is now deprecated, please use <ClockBorderlessFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<ClockBorderless filled /> is now deprecated, please use <ClockBorderlessFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-clock-borderless ${className ? className : ''}`,
@@ -2154,7 +2154,7 @@ const ClockFill = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<ClockFill filled /> is now deprecated, please use <ClockFillFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<ClockFill filled /> is now deprecated, please use <ClockFillFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-clock-fill ${className ? className : ''}`,
@@ -2189,7 +2189,7 @@ const Clock = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Clock filled /> is now deprecated, please use <ClockFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Clock filled /> is now deprecated, please use <ClockFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-clock ${className ? className : ''}`,
@@ -2224,7 +2224,7 @@ const PendingCircle = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<PendingCircle filled /> is now deprecated, please use <PendingCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<PendingCircle filled /> is now deprecated, please use <PendingCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-pending-circle ${className ? className : ''}`,
@@ -2259,7 +2259,7 @@ const Cog = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Cog filled /> is now deprecated, please use <CogFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Cog filled /> is now deprecated, please use <CogFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-cog ${className ? className : ''}`,
@@ -2294,7 +2294,7 @@ const Settings = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Settings filled /> is now deprecated, please use <SettingsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Settings filled /> is now deprecated, please use <SettingsFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-settings ${className ? className : ''}`,
@@ -2329,7 +2329,7 @@ const Coins = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Coins filled /> is now deprecated, please use <CoinsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Coins filled /> is now deprecated, please use <CoinsFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-coins ${className ? className : ''}`,
@@ -2364,7 +2364,7 @@ const Collapse = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Collapse filled /> is now deprecated, please use <CollapseFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Collapse filled /> is now deprecated, please use <CollapseFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-collapse ${className ? className : ''}`,
@@ -2397,7 +2397,7 @@ const CompactMore = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<CompactMore filled /> is now deprecated, please use <CompactMoreFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<CompactMore filled /> is now deprecated, please use <CompactMoreFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-compact-more ${className ? className : ''}`,
@@ -2432,7 +2432,7 @@ const Confetti = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Confetti filled /> is now deprecated, please use <ConfettiFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Confetti filled /> is now deprecated, please use <ConfettiFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-confetti ${className ? className : ''}`,
@@ -2467,7 +2467,7 @@ const Contactless = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Contactless filled /> is now deprecated, please use <ContactlessFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Contactless filled /> is now deprecated, please use <ContactlessFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-contactless ${className ? className : ''}`,
@@ -2502,7 +2502,7 @@ const Convert = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Convert filled /> is now deprecated, please use <ConvertFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Convert filled /> is now deprecated, please use <ConvertFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-convert ${className ? className : ''}`,
@@ -2535,7 +2535,7 @@ const CrossCircleFill = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<CrossCircleFill filled /> is now deprecated, please use <CrossCircleFillFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<CrossCircleFill filled /> is now deprecated, please use <CrossCircleFillFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-cross-circle-fill ${className ? className : ''}`,
@@ -2570,7 +2570,7 @@ const CrossCircle = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<CrossCircle filled /> is now deprecated, please use <CrossCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<CrossCircle filled /> is now deprecated, please use <CrossCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-cross-circle ${className ? className : ''}`,
@@ -2605,7 +2605,7 @@ const Cross = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Cross filled /> is now deprecated, please use <CrossFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Cross filled /> is now deprecated, please use <CrossFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-cross ${className ? className : ''}`,
@@ -2638,7 +2638,7 @@ const CrystalBall = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<CrystalBall filled /> is now deprecated, please use <CrystalBallFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<CrystalBall filled /> is now deprecated, please use <CrystalBallFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-crystal-ball ${className ? className : ''}`,
@@ -2673,7 +2673,7 @@ const Defrost = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Defrost filled /> is now deprecated, please use <DefrostFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Defrost filled /> is now deprecated, please use <DefrostFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-defrost ${className ? className : ''}`,
@@ -2708,7 +2708,7 @@ const Delivery = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Delivery filled /> is now deprecated, please use <DeliveryFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Delivery filled /> is now deprecated, please use <DeliveryFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-delivery ${className ? className : ''}`,
@@ -2741,7 +2741,7 @@ const Dial = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Dial filled /> is now deprecated, please use <DialFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Dial filled /> is now deprecated, please use <DialFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-dial ${className ? className : ''}`,
@@ -2776,7 +2776,7 @@ const PinCode = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<PinCode filled /> is now deprecated, please use <PinCodeFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<PinCode filled /> is now deprecated, please use <PinCodeFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-pin-code ${className ? className : ''}`,
@@ -2811,7 +2811,7 @@ const DirectDebits = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<DirectDebits filled /> is now deprecated, please use <DirectDebitsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<DirectDebits filled /> is now deprecated, please use <DirectDebitsFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-direct-debits ${className ? className : ''}`,
@@ -2846,7 +2846,7 @@ const DiscoBall = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<DiscoBall filled /> is now deprecated, please use <DiscoBallFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<DiscoBall filled /> is now deprecated, please use <DiscoBallFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-disco-ball ${className ? className : ''}`,
@@ -2885,7 +2885,7 @@ const Document = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Document filled /> is now deprecated, please use <DocumentFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Document filled /> is now deprecated, please use <DocumentFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-document ${className ? className : ''}`,
@@ -2918,7 +2918,7 @@ const Documents = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Documents filled /> is now deprecated, please use <DocumentsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Documents filled /> is now deprecated, please use <DocumentsFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-documents ${className ? className : ''}`,
@@ -2953,7 +2953,7 @@ const Download = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Download filled /> is now deprecated, please use <DownloadFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Download filled /> is now deprecated, please use <DownloadFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-download ${className ? className : ''}`,
@@ -2988,7 +2988,7 @@ const EatingOut = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<EatingOut filled /> is now deprecated, please use <EatingOutFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<EatingOut filled /> is now deprecated, please use <EatingOutFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-eating-out ${className ? className : ''}`,
@@ -3023,7 +3023,7 @@ const Edit = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Edit filled /> is now deprecated, please use <EditFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Edit filled /> is now deprecated, please use <EditFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-edit ${className ? className : ''}`,
@@ -3058,7 +3058,7 @@ const EmailAndMobile = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<EmailAndMobile filled /> is now deprecated, please use <EmailAndMobileFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<EmailAndMobile filled /> is now deprecated, please use <EmailAndMobileFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-email-and-mobile ${className ? className : ''}`,
@@ -3093,7 +3093,7 @@ const EmailAndPhone = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<EmailAndPhone filled /> is now deprecated, please use <EmailAndPhoneFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<EmailAndPhone filled /> is now deprecated, please use <EmailAndPhoneFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-email-and-phone ${className ? className : ''}`,
@@ -3128,7 +3128,7 @@ const Email = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Email filled /> is now deprecated, please use <EmailFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Email filled /> is now deprecated, please use <EmailFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-email ${className ? className : ''}`,
@@ -3161,7 +3161,7 @@ const Entertainment = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Entertainment filled /> is now deprecated, please use <EntertainmentFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Entertainment filled /> is now deprecated, please use <EntertainmentFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-entertainment ${className ? className : ''}`,
@@ -3196,7 +3196,7 @@ const Equals = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Equals filled /> is now deprecated, please use <EqualsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Equals filled /> is now deprecated, please use <EqualsFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-equals ${className ? className : ''}`,
@@ -3231,7 +3231,7 @@ const Expand = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Expand filled /> is now deprecated, please use <ExpandFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Expand filled /> is now deprecated, please use <ExpandFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-expand ${className ? className : ''}`,
@@ -3266,7 +3266,7 @@ const EyeShut = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<EyeShut filled /> is now deprecated, please use <EyeShutFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<EyeShut filled /> is now deprecated, please use <EyeShutFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-eye-shut ${className ? className : ''}`,
@@ -3299,7 +3299,7 @@ const Eye = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Eye filled /> is now deprecated, please use <EyeFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Eye filled /> is now deprecated, please use <EyeFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-eye ${className ? className : ''}`,
@@ -3334,7 +3334,7 @@ const FaceId = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<FaceId filled /> is now deprecated, please use <FaceIdFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<FaceId filled /> is now deprecated, please use <FaceIdFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-face-id ${className ? className : ''}`,
@@ -3369,7 +3369,7 @@ const Facebook = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Facebook filled /> is now deprecated, please use <FacebookFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Facebook filled /> is now deprecated, please use <FacebookFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-facebook ${className ? className : ''}`,
@@ -3402,7 +3402,7 @@ const FacebookSquare = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<FacebookSquare filled /> is now deprecated, please use <FacebookSquareFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<FacebookSquare filled /> is now deprecated, please use <FacebookSquareFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-facebook-square ${className ? className : ''}`,
@@ -3435,7 +3435,7 @@ const FastFlag = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<FastFlag filled /> is now deprecated, please use <FastFlagFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<FastFlag filled /> is now deprecated, please use <FastFlagFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-fast-flag ${className ? className : ''}`,
@@ -3468,7 +3468,7 @@ const Female = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Female filled /> is now deprecated, please use <FemaleFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Female filled /> is now deprecated, please use <FemaleFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-female ${className ? className : ''}`,
@@ -3503,7 +3503,7 @@ const Fingerprint = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Fingerprint filled /> is now deprecated, please use <FingerprintFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Fingerprint filled /> is now deprecated, please use <FingerprintFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-fingerprint ${className ? className : ''}`,
@@ -3538,7 +3538,7 @@ const Fpx = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Fpx filled /> is now deprecated, please use <FpxFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Fpx filled /> is now deprecated, please use <FpxFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-fpx ${className ? className : ''}`,
@@ -3573,7 +3573,7 @@ const Freeze = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Freeze filled /> is now deprecated, please use <FreezeFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Freeze filled /> is now deprecated, please use <FreezeFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-freeze ${className ? className : ''}`,
@@ -3606,7 +3606,7 @@ const Gambling = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Gambling filled /> is now deprecated, please use <GamblingFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Gambling filled /> is now deprecated, please use <GamblingFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-gambling ${className ? className : ''}`,
@@ -3641,7 +3641,7 @@ const GeneralFill = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<GeneralFill filled /> is now deprecated, please use <GeneralFillFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<GeneralFill filled /> is now deprecated, please use <GeneralFillFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-general-fill ${className ? className : ''}`,
@@ -3676,7 +3676,7 @@ const GeneralFilled = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<GeneralFilled filled /> is now deprecated, please use <GeneralFilledFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<GeneralFilled filled /> is now deprecated, please use <GeneralFilledFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-general-filled ${className ? className : ''}`,
@@ -3711,7 +3711,7 @@ const General = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<General filled /> is now deprecated, please use <GeneralFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<General filled /> is now deprecated, please use <GeneralFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-general ${className ? className : ''}`,
@@ -3746,7 +3746,7 @@ const GiftBox = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<GiftBox filled /> is now deprecated, please use <GiftBoxFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<GiftBox filled /> is now deprecated, please use <GiftBoxFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-gift-box ${className ? className : ''}`,
@@ -3781,7 +3781,7 @@ const Invite = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Invite filled /> is now deprecated, please use <InviteFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Invite filled /> is now deprecated, please use <InviteFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-invite ${className ? className : ''}`,
@@ -3816,7 +3816,7 @@ const Globe = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Globe filled /> is now deprecated, please use <GlobeFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Globe filled /> is now deprecated, please use <GlobeFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-globe ${className ? className : ''}`,
@@ -3849,7 +3849,7 @@ const GraduationCap = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<GraduationCap filled /> is now deprecated, please use <GraduationCapFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<GraduationCap filled /> is now deprecated, please use <GraduationCapFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-graduation-cap ${className ? className : ''}`,
@@ -3884,7 +3884,7 @@ const Graph = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Graph filled /> is now deprecated, please use <GraphFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Graph filled /> is now deprecated, please use <GraphFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-graph ${className ? className : ''}`,
@@ -3919,7 +3919,7 @@ const Groceries = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Groceries filled /> is now deprecated, please use <GroceriesFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Groceries filled /> is now deprecated, please use <GroceriesFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-groceries ${className ? className : ''}`,
@@ -3952,7 +3952,7 @@ const Handshake = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Handshake filled /> is now deprecated, please use <HandshakeFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Handshake filled /> is now deprecated, please use <HandshakeFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-handshake ${className ? className : ''}`,
@@ -3985,7 +3985,7 @@ const ContractServices = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<ContractServices filled /> is now deprecated, please use <ContractServicesFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<ContractServices filled /> is now deprecated, please use <ContractServicesFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-contract-services ${className ? className : ''}`,
@@ -4018,7 +4018,7 @@ const HappyEmoji = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<HappyEmoji filled /> is now deprecated, please use <HappyEmojiFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<HappyEmoji filled /> is now deprecated, please use <HappyEmojiFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-happy-emoji ${className ? className : ''}`,
@@ -4053,7 +4053,7 @@ const Do = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Do filled /> is now deprecated, please use <DoFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Do filled /> is now deprecated, please use <DoFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-do ${className ? className : ''}`,
@@ -4088,7 +4088,7 @@ const Emoji = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Emoji filled /> is now deprecated, please use <EmojiFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Emoji filled /> is now deprecated, please use <EmojiFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-emoji ${className ? className : ''}`,
@@ -4123,7 +4123,7 @@ const Headset = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Headset filled /> is now deprecated, please use <HeadsetFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Headset filled /> is now deprecated, please use <HeadsetFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-headset ${className ? className : ''}`,
@@ -4156,7 +4156,7 @@ const Cs = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Cs filled /> is now deprecated, please use <CsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Cs filled /> is now deprecated, please use <CsFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-cs ${className ? className : ''}`,
@@ -4189,7 +4189,7 @@ const Heart = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Heart filled /> is now deprecated, please use <HeartFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Heart filled /> is now deprecated, please use <HeartFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-heart ${className ? className : ''}`,
@@ -4222,7 +4222,7 @@ const Family = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Family filled /> is now deprecated, please use <FamilyFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Family filled /> is now deprecated, please use <FamilyFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-family ${className ? className : ''}`,
@@ -4255,7 +4255,7 @@ const House = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<House filled /> is now deprecated, please use <HouseFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<House filled /> is now deprecated, please use <HouseFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-house ${className ? className : ''}`,
@@ -4288,7 +4288,7 @@ const Home = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Home filled /> is now deprecated, please use <HomeFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Home filled /> is now deprecated, please use <HomeFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-home ${className ? className : ''}`,
@@ -4321,7 +4321,7 @@ const Id = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Id filled /> is now deprecated, please use <IdFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Id filled /> is now deprecated, please use <IdFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-id ${className ? className : ''}`,
@@ -4356,7 +4356,7 @@ const Ideal = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Ideal filled /> is now deprecated, please use <IdealFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Ideal filled /> is now deprecated, please use <IdealFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-ideal ${className ? className : ''}`,
@@ -4389,7 +4389,7 @@ const Image = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Image filled /> is now deprecated, please use <ImageFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Image filled /> is now deprecated, please use <ImageFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-image ${className ? className : ''}`,
@@ -4424,7 +4424,7 @@ const Picture = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Picture filled /> is now deprecated, please use <PictureFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Picture filled /> is now deprecated, please use <PictureFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-picture ${className ? className : ''}`,
@@ -4459,7 +4459,7 @@ const InfoCircleFill = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<InfoCircleFill filled /> is now deprecated, please use <InfoCircleFillFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<InfoCircleFill filled /> is now deprecated, please use <InfoCircleFillFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-info-circle-fill ${className ? className : ''}`,
@@ -4494,7 +4494,7 @@ const InfoCircle = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<InfoCircle filled /> is now deprecated, please use <InfoCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<InfoCircle filled /> is now deprecated, please use <InfoCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-info-circle ${className ? className : ''}`,
@@ -4529,7 +4529,7 @@ const Info = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Info filled /> is now deprecated, please use <InfoFill /> or refer to https://transferwise.github.io/icons/ for more 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.jsx("span", {
     className: `tw-icon tw-icon-info ${className ? className : ''}`,
@@ -4566,7 +4566,7 @@ const InsertCard = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<InsertCard filled /> is now deprecated, please use <InsertCardFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<InsertCard filled /> is now deprecated, please use <InsertCardFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-insert-card ${className ? className : ''}`,
@@ -4601,7 +4601,7 @@ const Atm = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Atm filled /> is now deprecated, please use <AtmFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Atm filled /> is now deprecated, please use <AtmFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-atm ${className ? className : ''}`,
@@ -4636,7 +4636,7 @@ const Instagram = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Instagram filled /> is now deprecated, please use <InstagramFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Instagram filled /> is now deprecated, please use <InstagramFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-instagram ${className ? className : ''}`,
@@ -4671,7 +4671,7 @@ const Insurance = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Insurance filled /> is now deprecated, please use <InsuranceFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Insurance filled /> is now deprecated, please use <InsuranceFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-insurance ${className ? className : ''}`,
@@ -4706,7 +4706,7 @@ const Interac = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Interac filled /> is now deprecated, please use <InteracFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Interac filled /> is now deprecated, please use <InteracFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-interac ${className ? className : ''}`,
@@ -4741,7 +4741,7 @@ const Jar = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Jar filled /> is now deprecated, please use <JarFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Jar filled /> is now deprecated, please use <JarFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-jar ${className ? className : ''}`,
@@ -4776,7 +4776,7 @@ const Keep = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Keep filled /> is now deprecated, please use <KeepFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Keep filled /> is now deprecated, please use <KeepFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-keep ${className ? className : ''}`,
@@ -4809,7 +4809,7 @@ const Klarna = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Klarna filled /> is now deprecated, please use <KlarnaFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Klarna filled /> is now deprecated, please use <KlarnaFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-klarna ${className ? className : ''}`,
@@ -4844,7 +4844,7 @@ const Laptop = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Laptop filled /> is now deprecated, please use <LaptopFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Laptop filled /> is now deprecated, please use <LaptopFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-laptop ${className ? className : ''}`,
@@ -4879,7 +4879,7 @@ const Leaf = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Leaf filled /> is now deprecated, please use <LeafFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Leaf filled /> is now deprecated, please use <LeafFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-leaf ${className ? className : ''}`,
@@ -4912,7 +4912,7 @@ const LightningBoltStrikethrough = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<LightningBoltStrikethrough filled /> is now deprecated, please use <LightningBoltStrikethroughFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<LightningBoltStrikethrough filled /> is now deprecated, please use <LightningBoltStrikethroughFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-lightning-bolt-strikethrough ${className ? className : ''}`,
@@ -4947,7 +4947,7 @@ const LightningBolt = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<LightningBolt filled /> is now deprecated, please use <LightningBoltFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<LightningBolt filled /> is now deprecated, please use <LightningBoltFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-lightning-bolt ${className ? className : ''}`,
@@ -4980,7 +4980,7 @@ const Lightning = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Lightning filled /> is now deprecated, please use <LightningFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Lightning filled /> is now deprecated, please use <LightningFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-lightning ${className ? className : ''}`,
@@ -5013,7 +5013,7 @@ const Limit = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Limit filled /> is now deprecated, please use <LimitFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Limit filled /> is now deprecated, please use <LimitFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-limit ${className ? className : ''}`,
@@ -5046,7 +5046,7 @@ const Link = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Link filled /> is now deprecated, please use <LinkFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Link filled /> is now deprecated, please use <LinkFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-link ${className ? className : ''}`,
@@ -5081,7 +5081,7 @@ const Linkedin = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Linkedin filled /> is now deprecated, please use <LinkedinFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Linkedin filled /> is now deprecated, please use <LinkedinFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-linkedin ${className ? className : ''}`,
@@ -5114,7 +5114,7 @@ const List = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<List filled /> is now deprecated, please use <ListFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<List filled /> is now deprecated, please use <ListFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-list ${className ? className : ''}`,
@@ -5149,7 +5149,7 @@ const Activity = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Activity filled /> is now deprecated, please use <ActivityFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Activity filled /> is now deprecated, please use <ActivityFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-activity ${className ? className : ''}`,
@@ -5184,7 +5184,7 @@ const LocationMarker = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<LocationMarker filled /> is now deprecated, please use <LocationMarkerFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<LocationMarker filled /> is now deprecated, please use <LocationMarkerFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-location-marker ${className ? className : ''}`,
@@ -5219,7 +5219,7 @@ const LogIn = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<LogIn filled /> is now deprecated, please use <LogInFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<LogIn filled /> is now deprecated, please use <LogInFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-log-in ${className ? className : ''}`,
@@ -5254,7 +5254,7 @@ const LogOut = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<LogOut filled /> is now deprecated, please use <LogOutFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<LogOut filled /> is now deprecated, please use <LogOutFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-log-out ${className ? className : ''}`,
@@ -5289,7 +5289,7 @@ const Mallet = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Mallet filled /> is now deprecated, please use <MalletFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Mallet filled /> is now deprecated, please use <MalletFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-mallet ${className ? className : ''}`,
@@ -5324,7 +5324,7 @@ const MassPayout = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<MassPayout filled /> is now deprecated, please use <MassPayoutFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<MassPayout filled /> is now deprecated, please use <MassPayoutFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-mass-payout ${className ? className : ''}`,
@@ -5359,7 +5359,7 @@ const Menu = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Menu filled /> is now deprecated, please use <MenuFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Menu filled /> is now deprecated, please use <MenuFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-menu ${className ? className : ''}`,
@@ -5394,7 +5394,7 @@ const Messenger = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Messenger filled /> is now deprecated, please use <MessengerFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Messenger filled /> is now deprecated, please use <MessengerFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-messenger ${className ? className : ''}`,
@@ -5427,7 +5427,7 @@ const MinusCircleFill = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<MinusCircleFill filled /> is now deprecated, please use <MinusCircleFillFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<MinusCircleFill filled /> is now deprecated, please use <MinusCircleFillFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-minus-circle-fill ${className ? className : ''}`,
@@ -5462,7 +5462,7 @@ const MinusCircle = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<MinusCircle filled /> is now deprecated, please use <MinusCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<MinusCircle filled /> is now deprecated, please use <MinusCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-minus-circle ${className ? className : ''}`,
@@ -5497,7 +5497,7 @@ const Minus = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Minus filled /> is now deprecated, please use <MinusFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Minus filled /> is now deprecated, please use <MinusFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-minus ${className ? className : ''}`,
@@ -5530,7 +5530,7 @@ const MobileLock = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<MobileLock filled /> is now deprecated, please use <MobileLockFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<MobileLock filled /> is now deprecated, please use <MobileLockFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-mobile-lock ${className ? className : ''}`,
@@ -5565,7 +5565,7 @@ const TwoStep = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<TwoStep filled /> is now deprecated, please use <TwoStepFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<TwoStep filled /> is now deprecated, please use <TwoStepFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-two-step ${className ? className : ''}`,
@@ -5600,7 +5600,7 @@ const Mobile = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Mobile filled /> is now deprecated, please use <MobileFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Mobile filled /> is now deprecated, please use <MobileFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-mobile ${className ? className : ''}`,
@@ -5635,7 +5635,7 @@ const MoneyBag = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<MoneyBag filled /> is now deprecated, please use <MoneyBagFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<MoneyBag filled /> is now deprecated, please use <MoneyBagFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-money-bag ${className ? className : ''}`,
@@ -5670,7 +5670,7 @@ const Money = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Money filled /> is now deprecated, please use <MoneyFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Money filled /> is now deprecated, please use <MoneyFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-money ${className ? className : ''}`,
@@ -5705,7 +5705,7 @@ const More = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<More filled /> is now deprecated, please use <MoreFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<More filled /> is now deprecated, please use <MoreFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-more ${className ? className : ''}`,
@@ -5740,7 +5740,7 @@ const MultiCurrency = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<MultiCurrency filled /> is now deprecated, please use <MultiCurrencyFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<MultiCurrency filled /> is now deprecated, please use <MultiCurrencyFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-multi-currency ${className ? className : ''}`,
@@ -5775,7 +5775,7 @@ const NavigateAway = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<NavigateAway filled /> is now deprecated, please use <NavigateAwayFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<NavigateAway filled /> is now deprecated, please use <NavigateAwayFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-navigate-away ${className ? className : ''}`,
@@ -5810,7 +5810,7 @@ const Nearby = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Nearby filled /> is now deprecated, please use <NearbyFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Nearby filled /> is now deprecated, please use <NearbyFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-nearby ${className ? className : ''}`,
@@ -5845,7 +5845,7 @@ const New = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<New filled /> is now deprecated, please use <NewFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<New filled /> is now deprecated, please use <NewFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-new ${className ? className : ''}`,
@@ -5878,7 +5878,7 @@ const NotificationActive = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<NotificationActive filled /> is now deprecated, please use <NotificationActiveFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<NotificationActive filled /> is now deprecated, please use <NotificationActiveFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-notification-active ${className ? className : ''}`,
@@ -5913,7 +5913,7 @@ const Notification = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Notification filled /> is now deprecated, please use <NotificationFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Notification filled /> is now deprecated, please use <NotificationFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-notification ${className ? className : ''}`,
@@ -5946,7 +5946,7 @@ const PadlockUnlocked = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<PadlockUnlocked filled /> is now deprecated, please use <PadlockUnlockedFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<PadlockUnlocked filled /> is now deprecated, please use <PadlockUnlockedFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-padlock-unlocked ${className ? className : ''}`,
@@ -5981,7 +5981,7 @@ const Unlock = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Unlock filled /> is now deprecated, please use <UnlockFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Unlock filled /> is now deprecated, please use <UnlockFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-unlock ${className ? className : ''}`,
@@ -6016,7 +6016,7 @@ const Padlock = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Padlock filled /> is now deprecated, please use <PadlockFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Padlock filled /> is now deprecated, please use <PadlockFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-padlock ${className ? className : ''}`,
@@ -6051,7 +6051,7 @@ const Lock = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Lock filled /> is now deprecated, please use <LockFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Lock filled /> is now deprecated, please use <LockFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-lock ${className ? className : ''}`,
@@ -6086,7 +6086,7 @@ const Paperclip = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Paperclip filled /> is now deprecated, please use <PaperclipFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Paperclip filled /> is now deprecated, please use <PaperclipFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-paperclip ${className ? className : ''}`,
@@ -6121,7 +6121,7 @@ const Passport = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Passport filled /> is now deprecated, please use <PassportFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Passport filled /> is now deprecated, please use <PassportFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-passport ${className ? className : ''}`,
@@ -6156,7 +6156,7 @@ const Pause = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Pause filled /> is now deprecated, please use <PauseFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Pause filled /> is now deprecated, please use <PauseFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-pause ${className ? className : ''}`,
@@ -6191,7 +6191,7 @@ const PayIn = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<PayIn filled /> is now deprecated, please use <PayInFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<PayIn filled /> is now deprecated, please use <PayInFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-pay-in ${className ? className : ''}`,
@@ -6224,7 +6224,7 @@ const Salary = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Salary filled /> is now deprecated, please use <SalaryFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Salary filled /> is now deprecated, please use <SalaryFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-salary ${className ? className : ''}`,
@@ -6257,7 +6257,7 @@ const PayNow = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<PayNow filled /> is now deprecated, please use <PayNowFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<PayNow filled /> is now deprecated, please use <PayNowFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-pay-now ${className ? className : ''}`,
@@ -6294,7 +6294,7 @@ const Payid = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Payid filled /> is now deprecated, please use <PayidFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Payid filled /> is now deprecated, please use <PayidFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-payid ${className ? className : ''}`,
@@ -6329,7 +6329,7 @@ const Payments = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Payments filled /> is now deprecated, please use <PaymentsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Payments filled /> is now deprecated, please use <PaymentsFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-payments ${className ? className : ''}`,
@@ -6364,7 +6364,7 @@ const Paypal = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Paypal filled /> is now deprecated, please use <PaypalFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Paypal filled /> is now deprecated, please use <PaypalFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-paypal ${className ? className : ''}`,
@@ -6401,7 +6401,7 @@ const People = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<People filled /> is now deprecated, please use <PeopleFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<People filled /> is now deprecated, please use <PeopleFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-people ${className ? className : ''}`,
@@ -6434,7 +6434,7 @@ const Recipients = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Recipients filled /> is now deprecated, please use <RecipientsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Recipients filled /> is now deprecated, please use <RecipientsFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-recipients ${className ? className : ''}`,
@@ -6467,7 +6467,7 @@ const PercentageCircle = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<PercentageCircle filled /> is now deprecated, please use <PercentageCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<PercentageCircle filled /> is now deprecated, please use <PercentageCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-percentage-circle ${className ? className : ''}`,
@@ -6502,7 +6502,7 @@ const Tax = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Tax filled /> is now deprecated, please use <TaxFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Tax filled /> is now deprecated, please use <TaxFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-tax ${className ? className : ''}`,
@@ -6537,7 +6537,7 @@ const Person = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Person filled /> is now deprecated, please use <PersonFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Person filled /> is now deprecated, please use <PersonFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-person ${className ? className : ''}`,
@@ -6570,7 +6570,7 @@ const Profile = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Profile filled /> is now deprecated, please use <ProfileFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Profile filled /> is now deprecated, please use <ProfileFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-profile ${className ? className : ''}`,
@@ -6603,7 +6603,7 @@ const PersonalCare = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<PersonalCare filled /> is now deprecated, please use <PersonalCareFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<PersonalCare filled /> is now deprecated, please use <PersonalCareFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-personal-care ${className ? className : ''}`,
@@ -6642,7 +6642,7 @@ const Pets = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Pets filled /> is now deprecated, please use <PetsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Pets filled /> is now deprecated, please use <PetsFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-pets ${className ? className : ''}`,
@@ -6677,7 +6677,7 @@ const Phone = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Phone filled /> is now deprecated, please use <PhoneFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Phone filled /> is now deprecated, please use <PhoneFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-phone ${className ? className : ''}`,
@@ -6710,7 +6710,7 @@ const PieChart = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<PieChart filled /> is now deprecated, please use <PieChartFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<PieChart filled /> is now deprecated, please use <PieChartFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-pie-chart ${className ? className : ''}`,
@@ -6743,7 +6743,7 @@ const Expenses = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Expenses filled /> is now deprecated, please use <ExpensesFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Expenses filled /> is now deprecated, please use <ExpensesFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-expenses ${className ? className : ''}`,
@@ -6776,7 +6776,7 @@ const PiggyBank = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<PiggyBank filled /> is now deprecated, please use <PiggyBankFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<PiggyBank filled /> is now deprecated, please use <PiggyBankFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-piggy-bank ${className ? className : ''}`,
@@ -6811,7 +6811,7 @@ const Savings = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Savings filled /> is now deprecated, please use <SavingsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Savings filled /> is now deprecated, please use <SavingsFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-savings ${className ? className : ''}`,
@@ -6846,7 +6846,7 @@ const Pix = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Pix filled /> is now deprecated, please use <PixFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Pix filled /> is now deprecated, please use <PixFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-pix ${className ? className : ''}`,
@@ -6881,7 +6881,7 @@ const Plane = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Plane filled /> is now deprecated, please use <PlaneFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Plane filled /> is now deprecated, please use <PlaneFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-plane ${className ? className : ''}`,
@@ -6916,7 +6916,7 @@ const Play = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Play filled /> is now deprecated, please use <PlayFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Play filled /> is now deprecated, please use <PlayFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-play ${className ? className : ''}`,
@@ -6951,7 +6951,7 @@ const PlusCircle = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<PlusCircle filled /> is now deprecated, please use <PlusCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<PlusCircle filled /> is now deprecated, please use <PlusCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-plus-circle ${className ? className : ''}`,
@@ -6986,7 +6986,7 @@ const Plus = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Plus filled /> is now deprecated, please use <PlusFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Plus filled /> is now deprecated, please use <PlusFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-plus ${className ? className : ''}`,
@@ -7019,7 +7019,7 @@ const QrCode = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<QrCode filled /> is now deprecated, please use <QrCodeFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<QrCode filled /> is now deprecated, please use <QrCodeFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-qr-code ${className ? className : ''}`,
@@ -7054,7 +7054,7 @@ const QuestionMarkCircle = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<QuestionMarkCircle filled /> is now deprecated, please use <QuestionMarkCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<QuestionMarkCircle filled /> is now deprecated, please use <QuestionMarkCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-question-mark-circle ${className ? className : ''}`,
@@ -7089,7 +7089,7 @@ const HelpCircle = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<HelpCircle filled /> is now deprecated, please use <HelpCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<HelpCircle filled /> is now deprecated, please use <HelpCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-help-circle ${className ? className : ''}`,
@@ -7124,7 +7124,7 @@ const QuestionMark = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<QuestionMark filled /> is now deprecated, please use <QuestionMarkFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<QuestionMark filled /> is now deprecated, please use <QuestionMarkFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-question-mark ${className ? className : ''}`,
@@ -7159,7 +7159,7 @@ const Help = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Help filled /> is now deprecated, please use <HelpFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Help filled /> is now deprecated, please use <HelpFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-help ${className ? className : ''}`,
@@ -7194,7 +7194,7 @@ const Rain = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Rain filled /> is now deprecated, please use <RainFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Rain filled /> is now deprecated, please use <RainFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-rain ${className ? className : ''}`,
@@ -7229,7 +7229,7 @@ const Rainbow = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Rainbow filled /> is now deprecated, please use <RainbowFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Rainbow filled /> is now deprecated, please use <RainbowFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-rainbow ${className ? className : ''}`,
@@ -7264,7 +7264,7 @@ const Receipt = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Receipt filled /> is now deprecated, please use <ReceiptFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Receipt filled /> is now deprecated, please use <ReceiptFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-receipt ${className ? className : ''}`,
@@ -7299,7 +7299,7 @@ const Receive = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Receive filled /> is now deprecated, please use <ReceiveFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Receive filled /> is now deprecated, please use <ReceiveFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-receive ${className ? className : ''}`,
@@ -7332,7 +7332,7 @@ const RefundReceive = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<RefundReceive filled /> is now deprecated, please use <RefundReceiveFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<RefundReceive filled /> is now deprecated, please use <RefundReceiveFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-refund-receive ${className ? className : ''}`,
@@ -7367,7 +7367,7 @@ const RefundSent = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<RefundSent filled /> is now deprecated, please use <RefundSentFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<RefundSent filled /> is now deprecated, please use <RefundSentFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-refund-sent ${className ? className : ''}`,
@@ -7402,7 +7402,7 @@ const Reload = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Reload filled /> is now deprecated, please use <ReloadFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Reload filled /> is now deprecated, please use <ReloadFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-reload ${className ? className : ''}`,
@@ -7435,7 +7435,7 @@ const Refresh = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Refresh filled /> is now deprecated, please use <RefreshFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Refresh filled /> is now deprecated, please use <RefreshFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-refresh ${className ? className : ''}`,
@@ -7468,7 +7468,7 @@ const RequestReceive = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<RequestReceive filled /> is now deprecated, please use <RequestReceiveFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<RequestReceive filled /> is now deprecated, please use <RequestReceiveFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-request-receive ${className ? className : ''}`,
@@ -7503,7 +7503,7 @@ const RequestSend = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<RequestSend filled /> is now deprecated, please use <RequestSendFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<RequestSend filled /> is now deprecated, please use <RequestSendFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-request-send ${className ? className : ''}`,
@@ -7538,7 +7538,7 @@ const Rewards = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Rewards filled /> is now deprecated, please use <RewardsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Rewards filled /> is now deprecated, please use <RewardsFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-rewards ${className ? className : ''}`,
@@ -7579,7 +7579,7 @@ const SadEmoji = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SadEmoji filled /> is now deprecated, please use <SadEmojiFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SadEmoji filled /> is now deprecated, please use <SadEmojiFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-sad-emoji ${className ? className : ''}`,
@@ -7614,7 +7614,7 @@ const Dont = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Dont filled /> is now deprecated, please use <DontFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Dont filled /> is now deprecated, please use <DontFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-dont ${className ? className : ''}`,
@@ -7649,7 +7649,7 @@ const ScanQrCode = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<ScanQrCode filled /> is now deprecated, please use <ScanQrCodeFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<ScanQrCode filled /> is now deprecated, please use <ScanQrCodeFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-scan-qr-code ${className ? className : ''}`,
@@ -7684,7 +7684,7 @@ const Search = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Search filled /> is now deprecated, please use <SearchFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Search filled /> is now deprecated, please use <SearchFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-search ${className ? className : ''}`,
@@ -7717,7 +7717,7 @@ const Send = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Send filled /> is now deprecated, please use <SendFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Send filled /> is now deprecated, please use <SendFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-send ${className ? className : ''}`,
@@ -7750,7 +7750,7 @@ const ShareAndroid = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<ShareAndroid filled /> is now deprecated, please use <ShareAndroidFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<ShareAndroid filled /> is now deprecated, please use <ShareAndroidFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-share-android ${className ? className : ''}`,
@@ -7783,7 +7783,7 @@ const ShareIos = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<ShareIos filled /> is now deprecated, please use <ShareIosFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<ShareIos filled /> is now deprecated, please use <ShareIosFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-share-ios ${className ? className : ''}`,
@@ -7818,7 +7818,7 @@ const Shield = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Shield filled /> is now deprecated, please use <ShieldFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Shield filled /> is now deprecated, please use <ShieldFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-shield ${className ? className : ''}`,
@@ -7851,7 +7851,7 @@ const ShoppingBag = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<ShoppingBag filled /> is now deprecated, please use <ShoppingBagFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<ShoppingBag filled /> is now deprecated, please use <ShoppingBagFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-shopping-bag ${className ? className : ''}`,
@@ -7886,7 +7886,7 @@ const ECommerce = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<ECommerce filled /> is now deprecated, please use <ECommerceFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<ECommerce filled /> is now deprecated, please use <ECommerceFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-e-commerce ${className ? className : ''}`,
@@ -7921,7 +7921,7 @@ const Slider = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Slider filled /> is now deprecated, please use <SliderFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Slider filled /> is now deprecated, please use <SliderFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-slider ${className ? className : ''}`,
@@ -7956,7 +7956,7 @@ const Sofort = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Sofort filled /> is now deprecated, please use <SofortFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Sofort filled /> is now deprecated, please use <SofortFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-sofort ${className ? className : ''}`,
@@ -7991,7 +7991,7 @@ const SoftwareAndHosting = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SoftwareAndHosting filled /> is now deprecated, please use <SoftwareAndHostingFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SoftwareAndHosting filled /> is now deprecated, please use <SoftwareAndHostingFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-software-and-hosting ${className ? className : ''}`,
@@ -8026,7 +8026,7 @@ const SoftwareAndWebHosting = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SoftwareAndWebHosting filled /> is now deprecated, please use <SoftwareAndWebHostingFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SoftwareAndWebHosting filled /> is now deprecated, please use <SoftwareAndWebHostingFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-software-and-web-hosting ${className ? className : ''}`,
@@ -8061,7 +8061,7 @@ const SpeechBubbleExclamation = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SpeechBubbleExclamation filled /> is now deprecated, please use <SpeechBubbleExclamationFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SpeechBubbleExclamation filled /> is now deprecated, please use <SpeechBubbleExclamationFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-speech-bubble-exclamation ${className ? className : ''}`,
@@ -8096,7 +8096,7 @@ const SpeechBubbleMessage = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SpeechBubbleMessage filled /> is now deprecated, please use <SpeechBubbleMessageFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SpeechBubbleMessage filled /> is now deprecated, please use <SpeechBubbleMessageFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-speech-bubble-message ${className ? className : ''}`,
@@ -8131,7 +8131,7 @@ const Feedback = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Feedback filled /> is now deprecated, please use <FeedbackFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Feedback filled /> is now deprecated, please use <FeedbackFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-feedback ${className ? className : ''}`,
@@ -8166,7 +8166,7 @@ const SpeechBubblePending = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SpeechBubblePending filled /> is now deprecated, please use <SpeechBubblePendingFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SpeechBubblePending filled /> is now deprecated, please use <SpeechBubblePendingFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-speech-bubble-pending ${className ? className : ''}`,
@@ -8201,7 +8201,7 @@ const Pending = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Pending filled /> is now deprecated, please use <PendingFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Pending filled /> is now deprecated, please use <PendingFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-pending ${className ? className : ''}`,
@@ -8236,7 +8236,7 @@ const SpeechBubble = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SpeechBubble filled /> is now deprecated, please use <SpeechBubbleFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SpeechBubble filled /> is now deprecated, please use <SpeechBubbleFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-speech-bubble ${className ? className : ''}`,
@@ -8269,7 +8269,7 @@ const Chat = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Chat filled /> is now deprecated, please use <ChatFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Chat filled /> is now deprecated, please use <ChatFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-chat ${className ? className : ''}`,
@@ -8302,7 +8302,7 @@ const SpeechBubbles = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SpeechBubbles filled /> is now deprecated, please use <SpeechBubblesFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SpeechBubbles filled /> is now deprecated, please use <SpeechBubblesFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-speech-bubbles ${className ? className : ''}`,
@@ -8335,7 +8335,7 @@ const Comments = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Comments filled /> is now deprecated, please use <CommentsFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Comments filled /> is now deprecated, please use <CommentsFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-comments ${className ? className : ''}`,
@@ -8368,7 +8368,7 @@ const SpendDirham = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SpendDirham filled /> is now deprecated, please use <SpendDirhamFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SpendDirham filled /> is now deprecated, please use <SpendDirhamFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-spend-dirham ${className ? className : ''}`,
@@ -8403,7 +8403,7 @@ const SpendDollar = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SpendDollar filled /> is now deprecated, please use <SpendDollarFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SpendDollar filled /> is now deprecated, please use <SpendDollarFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-spend-dollar ${className ? className : ''}`,
@@ -8438,7 +8438,7 @@ const SpendEuro = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SpendEuro filled /> is now deprecated, please use <SpendEuroFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SpendEuro filled /> is now deprecated, please use <SpendEuroFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-spend-euro ${className ? className : ''}`,
@@ -8473,7 +8473,7 @@ const SpendForint = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SpendForint filled /> is now deprecated, please use <SpendForintFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SpendForint filled /> is now deprecated, please use <SpendForintFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-spend-forint ${className ? className : ''}`,
@@ -8508,7 +8508,7 @@ const SpendFranc = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SpendFranc filled /> is now deprecated, please use <SpendFrancFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SpendFranc filled /> is now deprecated, please use <SpendFrancFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-spend-franc ${className ? className : ''}`,
@@ -8543,7 +8543,7 @@ const SpendHryvnia = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SpendHryvnia filled /> is now deprecated, please use <SpendHryvniaFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SpendHryvnia filled /> is now deprecated, please use <SpendHryvniaFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-spend-hryvnia ${className ? className : ''}`,
@@ -8578,7 +8578,7 @@ const SpendKoruna = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SpendKoruna filled /> is now deprecated, please use <SpendKorunaFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SpendKoruna filled /> is now deprecated, please use <SpendKorunaFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-spend-koruna ${className ? className : ''}`,
@@ -8613,7 +8613,7 @@ const SpendKrone = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SpendKrone filled /> is now deprecated, please use <SpendKroneFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SpendKrone filled /> is now deprecated, please use <SpendKroneFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-spend-krone ${className ? className : ''}`,
@@ -8648,7 +8648,7 @@ const SpendKuna = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SpendKuna filled /> is now deprecated, please use <SpendKunaFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SpendKuna filled /> is now deprecated, please use <SpendKunaFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-spend-kuna ${className ? className : ''}`,
@@ -8683,7 +8683,7 @@ const SpendLeuLei = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SpendLeuLei filled /> is now deprecated, please use <SpendLeuLeiFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SpendLeuLei filled /> is now deprecated, please use <SpendLeuLeiFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-spend-leu-lei ${className ? className : ''}`,
@@ -8718,7 +8718,7 @@ const SpendLev = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SpendLev filled /> is now deprecated, please use <SpendLevFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SpendLev filled /> is now deprecated, please use <SpendLevFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-spend-lev ${className ? className : ''}`,
@@ -8753,7 +8753,7 @@ const SpendLira = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SpendLira filled /> is now deprecated, please use <SpendLiraFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SpendLira filled /> is now deprecated, please use <SpendLiraFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-spend-lira ${className ? className : ''}`,
@@ -8788,7 +8788,7 @@ const SpendPound = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SpendPound filled /> is now deprecated, please use <SpendPoundFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SpendPound filled /> is now deprecated, please use <SpendPoundFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-spend-pound ${className ? className : ''}`,
@@ -8823,7 +8823,7 @@ const SpendReal = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SpendReal filled /> is now deprecated, please use <SpendRealFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SpendReal filled /> is now deprecated, please use <SpendRealFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-spend-real ${className ? className : ''}`,
@@ -8858,7 +8858,7 @@ const SpendRinggit = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SpendRinggit filled /> is now deprecated, please use <SpendRinggitFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SpendRinggit filled /> is now deprecated, please use <SpendRinggitFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-spend-ringgit ${className ? className : ''}`,
@@ -8893,7 +8893,7 @@ const SpendRupee = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SpendRupee filled /> is now deprecated, please use <SpendRupeeFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SpendRupee filled /> is now deprecated, please use <SpendRupeeFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-spend-rupee ${className ? className : ''}`,
@@ -8928,7 +8928,7 @@ const SpendRupiah = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SpendRupiah filled /> is now deprecated, please use <SpendRupiahFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SpendRupiah filled /> is now deprecated, please use <SpendRupiahFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-spend-rupiah ${className ? className : ''}`,
@@ -8963,7 +8963,7 @@ const SpendYen = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SpendYen filled /> is now deprecated, please use <SpendYenFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SpendYen filled /> is now deprecated, please use <SpendYenFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-spend-yen ${className ? className : ''}`,
@@ -8998,7 +8998,7 @@ const SpendZloty = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SpendZloty filled /> is now deprecated, please use <SpendZlotyFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SpendZloty filled /> is now deprecated, please use <SpendZlotyFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-spend-zloty ${className ? className : ''}`,
@@ -9033,7 +9033,7 @@ const SplitMoney = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SplitMoney filled /> is now deprecated, please use <SplitMoneyFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SplitMoney filled /> is now deprecated, please use <SplitMoneyFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-split-money ${className ? className : ''}`,
@@ -9068,7 +9068,7 @@ const StarFill = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<StarFill filled /> is now deprecated, please use <StarFillFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<StarFill filled /> is now deprecated, please use <StarFillFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-star-fill ${className ? className : ''}`,
@@ -9101,7 +9101,7 @@ const Star = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Star filled /> is now deprecated, please use <StarFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Star filled /> is now deprecated, please use <StarFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-star ${className ? className : ''}`,
@@ -9134,7 +9134,7 @@ const Stationery = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Stationery filled /> is now deprecated, please use <StationeryFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Stationery filled /> is now deprecated, please use <StationeryFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-stationery ${className ? className : ''}`,
@@ -9167,7 +9167,7 @@ const OfficeExpenses = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<OfficeExpenses filled /> is now deprecated, please use <OfficeExpensesFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<OfficeExpenses filled /> is now deprecated, please use <OfficeExpensesFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-office-expenses ${className ? className : ''}`,
@@ -9200,7 +9200,7 @@ const Stop = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Stop filled /> is now deprecated, please use <StopFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Stop filled /> is now deprecated, please use <StopFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-stop ${className ? className : ''}`,
@@ -9235,7 +9235,7 @@ const Suitcase = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Suitcase filled /> is now deprecated, please use <SuitcaseFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Suitcase filled /> is now deprecated, please use <SuitcaseFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-suitcase ${className ? className : ''}`,
@@ -9270,7 +9270,7 @@ const Travel = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Travel filled /> is now deprecated, please use <TravelFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Travel filled /> is now deprecated, please use <TravelFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-travel ${className ? className : ''}`,
@@ -9305,7 +9305,7 @@ const Sunglasses = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Sunglasses filled /> is now deprecated, please use <SunglassesFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Sunglasses filled /> is now deprecated, please use <SunglassesFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-sunglasses ${className ? className : ''}`,
@@ -9340,7 +9340,7 @@ const SwitchVertical = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<SwitchVertical filled /> is now deprecated, please use <SwitchVerticalFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<SwitchVertical filled /> is now deprecated, please use <SwitchVerticalFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-switch-vertical ${className ? className : ''}`,
@@ -9375,7 +9375,7 @@ const Switch = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Switch filled /> is now deprecated, please use <SwitchFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Switch filled /> is now deprecated, please use <SwitchFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-switch ${className ? className : ''}`,
@@ -9410,7 +9410,7 @@ const Takeaway = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Takeaway filled /> is now deprecated, please use <TakeawayFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Takeaway filled /> is now deprecated, please use <TakeawayFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-takeaway ${className ? className : ''}`,
@@ -9445,7 +9445,7 @@ const Target = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Target filled /> is now deprecated, please use <TargetFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Target filled /> is now deprecated, please use <TargetFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-target ${className ? className : ''}`,
@@ -9478,7 +9478,7 @@ const Marketing = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Marketing filled /> is now deprecated, please use <MarketingFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Marketing filled /> is now deprecated, please use <MarketingFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-marketing ${className ? className : ''}`,
@@ -9511,7 +9511,7 @@ const Taxi = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Taxi filled /> is now deprecated, please use <TaxiFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Taxi filled /> is now deprecated, please use <TaxiFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-taxi ${className ? className : ''}`,
@@ -9546,7 +9546,7 @@ const Team = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Team filled /> is now deprecated, please use <TeamFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Team filled /> is now deprecated, please use <TeamFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-team ${className ? className : ''}`,
@@ -9581,7 +9581,7 @@ const Theme = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Theme filled /> is now deprecated, please use <ThemeFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Theme filled /> is now deprecated, please use <ThemeFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-theme ${className ? className : ''}`,
@@ -9616,7 +9616,7 @@ const Transfer = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Transfer filled /> is now deprecated, please use <TransferFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Transfer filled /> is now deprecated, please use <TransferFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-transfer ${className ? className : ''}`,
@@ -9651,7 +9651,7 @@ const Transport = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Transport filled /> is now deprecated, please use <TransportFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Transport filled /> is now deprecated, please use <TransportFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-transport ${className ? className : ''}`,
@@ -9686,7 +9686,7 @@ const Trustly = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Trustly filled /> is now deprecated, please use <TrustlyFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Trustly filled /> is now deprecated, please use <TrustlyFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-trustly ${className ? className : ''}`,
@@ -9719,7 +9719,7 @@ const Twitter = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Twitter filled /> is now deprecated, please use <TwitterFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Twitter filled /> is now deprecated, please use <TwitterFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-twitter ${className ? className : ''}`,
@@ -9735,7 +9735,7 @@ const Twitter = ({
       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: "M20.186 7.995v.557c0 5.572-4.243 12-12 12-2.315 0-4.543-.643-6.472-1.886.343.043.686.043.986.043a8.6 8.6 0 0 0 5.229-1.8 4.24 4.24 0 0 1-3.943-2.914 4 4 0 0 0 1.885-.086c-1.971-.385-3.385-2.142-3.385-4.157V9.71q.9.515 1.928.515C2.571 8.98 1.971 6.538 3.13 4.609a11.94 11.94 0 0 0 8.7 4.415c-.343-1.458.128-3 1.2-4.029 1.714-1.586 4.37-1.5 5.957.171a8 8 0 0 0 2.7-1.028c-.3.986-.986 1.8-1.843 2.314.857-.086 1.671-.343 2.443-.643-.558.857-1.286 1.586-2.1 2.186"
+          d: "m14.12 10.42 7.5-8.7h-1.78l-6.5 7.56-5.2-7.57h-6L10 13.15 2.14 22.3h1.78l6.87-8 5.49 8h6l-8.16-11.87Zm-2.43 2.83-.8-1.14-6.33-9.06h2.73l5.1 7.31.8 1.14 6.65 9.51h-2.73z"
         })
       })
     })
@@ -9752,7 +9752,7 @@ const Upi = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Upi filled /> is now deprecated, please use <UpiFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Upi filled /> is now deprecated, please use <UpiFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-upi ${className ? className : ''}`,
@@ -9785,7 +9785,7 @@ const Upload = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Upload filled /> is now deprecated, please use <UploadFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Upload filled /> is now deprecated, please use <UploadFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-upload ${className ? className : ''}`,
@@ -9820,7 +9820,7 @@ const UpwardGraph = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<UpwardGraph filled /> is now deprecated, please use <UpwardGraphFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<UpwardGraph filled /> is now deprecated, please use <UpwardGraphFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-upward-graph ${className ? className : ''}`,
@@ -9855,7 +9855,7 @@ const ExchangeRate = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<ExchangeRate filled /> is now deprecated, please use <ExchangeRateFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<ExchangeRate filled /> is now deprecated, please use <ExchangeRateFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-exchange-rate ${className ? className : ''}`,
@@ -9890,7 +9890,7 @@ const Venmo = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Venmo filled /> is now deprecated, please use <VenmoFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Venmo filled /> is now deprecated, please use <VenmoFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-venmo ${className ? className : ''}`,
@@ -9925,7 +9925,7 @@ const Wallet = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Wallet filled /> is now deprecated, please use <WalletFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Wallet filled /> is now deprecated, please use <WalletFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-wallet ${className ? className : ''}`,
@@ -9960,7 +9960,7 @@ const Warning = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Warning filled /> is now deprecated, please use <WarningFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Warning filled /> is now deprecated, please use <WarningFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-warning ${className ? className : ''}`,
@@ -9995,7 +9995,7 @@ const Water = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Water filled /> is now deprecated, please use <WaterFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Water filled /> is now deprecated, please use <WaterFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-water ${className ? className : ''}`,
@@ -10030,7 +10030,7 @@ const Whatsapp = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Whatsapp filled /> is now deprecated, please use <WhatsappFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Whatsapp filled /> is now deprecated, please use <WhatsappFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-whatsapp ${className ? className : ''}`,
@@ -10065,7 +10065,7 @@ const Withdrawal = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<Withdrawal filled /> is now deprecated, please use <WithdrawalFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<Withdrawal filled /> is now deprecated, please use <WithdrawalFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-withdrawal ${className ? className : ''}`,
@@ -10100,7 +10100,7 @@ const OwnersWithdrawal = ({
   ...restProps
 }) => {
   if (filled) {
-    console.warn('<OwnersWithdrawal filled /> is now deprecated, please use <OwnersWithdrawalFill /> or refer to https://transferwise.github.io/icons/ for more info.');
+    console.warn("<OwnersWithdrawal filled /> is now deprecated, please use <OwnersWithdrawalFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: `tw-icon tw-icon-owners-withdrawal ${className ? className : ''}`,
@@ -10125,6 +10125,39 @@ const OwnersWithdrawal = ({
   });
 };
 
+const X = ({
+  className = undefined,
+  isFocusable = false,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
+  size = 16,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn("<X filled /> is now deprecated, please use <XFill /> or refer to https://transferwise.github.io/icons/ for more info.");
+  }
+  return /*#__PURE__*/jsxRuntime.jsx("span", {
+    className: `tw-icon tw-icon-x ${className ? className : ''}`,
+    "data-testid": restProps['data-testid'] || 'x-icon',
+    children: /*#__PURE__*/jsxRuntime.jsx("svg", {
+      "aria-label": title,
+      "aria-hidden": !title ? true : undefined,
+      focusable: isFocusable,
+      role: role ?? (title ? 'graphics-symbol img' : 'none'),
+      width: String(size),
+      height: String(size),
+      fill: "currentColor",
+      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: "m14.12 10.42 7.5-8.7h-1.78l-6.5 7.56-5.2-7.57h-6L10 13.15 2.14 22.3h1.78l6.87-8 5.49 8h6l-8.16-11.87Zm-2.43 2.83-.8-1.14-6.33-9.06h2.73l5.1 7.31.8 1.14 6.65 9.51h-2.73z"
+        })
+      })
+    })
+  });
+};
+
 exports.Ach = Ach;
 exports.Activity = Activity;
 exports.Alert = Alert;
@@ -10418,4 +10451,5 @@ exports.Warning = Warning;
 exports.Water = Water;
 exports.Whatsapp = Whatsapp;
 exports.Withdrawal = Withdrawal;
+exports.X = X;
 //# sourceMappingURL=index.js.map