@transferwise/icons 3.11.0-beta.2 → 3.11.0

package/build/angular/components/alipay-icon.component.ts

@@ -0,0 +1,19 @@
+// This is an automatically generated file, please don't edit it
+export const AlipayIconComponent = {
+  template: `
+  <span ng-switch="$ctrl.size" class="tw-icon tw-icon-alipay">
+    <svg ng-switch-when="32" width="32" height="32" viewBox="0 0 24 24" fill="currentColor">
+      <path fill-rule="evenodd" d="M22.424 15.673s-.668-.067-3.674-1.069v.001c-.662-.22-1.552-.532-2.594-.898l-.68-.237a16.844 16.844 0 0 0 1.738-4.342h-4.076V7.66h5.01v-.735h-5.01V4.453h-2.004c-.334 0-.334.334-.334.334v2.07H5.723v.802H10.8v1.603H6.658v.801h8.084a12.994 12.994 0 0 1-1.136 2.805c-2.605-.868-5.411-1.536-7.148-1.135-1.136.267-1.87.735-2.272 1.269-2.004 2.338-.6 5.944 3.541 5.944 2.472 0 4.81-1.402 6.614-3.606 2.739 1.335 8.083 3.54 8.083 3.54v.133c0 1.803-1.536 3.273-3.34 3.273H5.054c-1.87 0-3.34-1.47-3.34-3.273V4.987c0-1.803 1.537-3.273 3.34-3.273h14.03c1.87 0 3.34 1.47 3.34 3.273v10.686ZM4.771 13.62c.535-.468 1.47-.668 2.005-.735 1.937-.201 3.674.534 5.812 1.536-1.47 1.87-3.34 3.072-5.211 3.072-3.274 0-4.209-2.47-2.606-3.873Z" clip-rule="evenodd"/>
+    </svg>
+    <svg ng-switch-when="24" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
+      <path fill-rule="evenodd" d="M22.424 15.673s-.668-.067-3.674-1.069v.001c-.662-.22-1.552-.532-2.594-.898l-.68-.237a16.844 16.844 0 0 0 1.738-4.342h-4.076V7.66h5.01v-.735h-5.01V4.453h-2.004c-.334 0-.334.334-.334.334v2.07H5.723v.802H10.8v1.603H6.658v.801h8.084a12.994 12.994 0 0 1-1.136 2.805c-2.605-.868-5.411-1.536-7.148-1.135-1.136.267-1.87.735-2.272 1.269-2.004 2.338-.6 5.944 3.541 5.944 2.472 0 4.81-1.402 6.614-3.606 2.739 1.335 8.083 3.54 8.083 3.54v.133c0 1.803-1.536 3.273-3.34 3.273H5.054c-1.87 0-3.34-1.47-3.34-3.273V4.987c0-1.803 1.537-3.273 3.34-3.273h14.03c1.87 0 3.34 1.47 3.34 3.273v10.686ZM4.771 13.62c.535-.468 1.47-.668 2.005-.735 1.937-.201 3.674.534 5.812 1.536-1.47 1.87-3.34 3.072-5.211 3.072-3.274 0-4.209-2.47-2.606-3.873Z" clip-rule="evenodd"/>
+    </svg>
+    <svg ng-switch-default width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
+      <path fill-rule="evenodd" d="M22.424 15.673s-.668-.067-3.674-1.069v.001c-.662-.22-1.552-.532-2.594-.898l-.68-.237a16.844 16.844 0 0 0 1.738-4.342h-4.076V7.66h5.01v-.735h-5.01V4.453h-2.004c-.334 0-.334.334-.334.334v2.07H5.723v.802H10.8v1.603H6.658v.801h8.084a12.994 12.994 0 0 1-1.136 2.805c-2.605-.868-5.411-1.536-7.148-1.135-1.136.267-1.87.735-2.272 1.269-2.004 2.338-.6 5.944 3.541 5.944 2.472 0 4.81-1.402 6.614-3.606 2.739 1.335 8.083 3.54 8.083 3.54v.133c0 1.803-1.536 3.273-3.34 3.273H5.054c-1.87 0-3.34-1.47-3.34-3.273V4.987c0-1.803 1.537-3.273 3.34-3.273h14.03c1.87 0 3.34 1.47 3.34 3.273v10.686ZM4.771 13.62c.535-.468 1.47-.668 2.005-.735 1.937-.201 3.674.534 5.812 1.536-1.47 1.87-3.34 3.072-5.211 3.072-3.274 0-4.209-2.47-2.606-3.873Z" clip-rule="evenodd"/>
+    </svg>
+  </span>
+  `,
+  bindings: {
+    size: '<',
+  },
+};

package/build/angular/components/arrow-diagonal-down-icon.component.ts

@@ -3,13 +3,13 @@ export const ArrowDiagonalDownIconComponent = {
   template: `
   <span ng-switch="$ctrl.size" class="tw-icon tw-icon-arrow-diagonal-down">
     <svg ng-switch-when="32" width="32" height="32" viewBox="0 0 24 24" fill="currentColor">
-      <path d="M18.857 20.357h-12v-1.714H16.8L4.07 5.914l1.2-1.2L18 17.443V7.5h1.714v12a.86.86 0 0 1-.857.857Z" style="fill:#f0f;fill:color(display-p3 1 0 1);fill-opacity:1"/>
+      <path d="M18.857 20.357h-12v-1.714H16.8L4.07 5.914l1.2-1.2L18 17.443V7.5h1.714v12a.86.86 0 0 1-.857.857Z"/>
     </svg>
     <svg ng-switch-when="24" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
-      <path d="M18.857 20.357h-12v-1.714H16.8L4.07 5.914l1.2-1.2L18 17.443V7.5h1.714v12a.86.86 0 0 1-.857.857Z" style="fill:#f0f;fill:color(display-p3 1 0 1);fill-opacity:1"/>
+      <path d="M18.857 20.357h-12v-1.714H16.8L4.07 5.914l1.2-1.2L18 17.443V7.5h1.714v12a.86.86 0 0 1-.857.857Z"/>
     </svg>
     <svg ng-switch-default width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
-      <path d="M18.857 20.357h-12v-1.714H16.8L4.07 5.914l1.2-1.2L18 17.443V7.5h1.714v12a.86.86 0 0 1-.857.857Z" style="fill:#f0f;fill:color(display-p3 1 0 1);fill-opacity:1"/>
+      <path d="M18.857 20.357h-12v-1.714H16.8L4.07 5.914l1.2-1.2L18 17.443V7.5h1.714v12a.86.86 0 0 1-.857.857Z"/>
     </svg>
   </span>
   `,

package/build/angular/components/arrow-diagonal-up-icon.component.ts

@@ -3,13 +3,13 @@ export const ArrowDiagonalUpIconComponent = {
   template: `
   <span ng-switch="$ctrl.size" class="tw-icon tw-icon-arrow-diagonal-up">
     <svg ng-switch-when="32" width="32" height="32" viewBox="0 0 24 24" fill="currentColor">
-      <path d="M18.857 4.714h-12V6.43H16.8L4.07 19.157l1.2 1.2L18 7.63v9.942h1.714v-12a.86.86 0 0 0-.857-.857Z" style="fill:#f0f;fill:color(display-p3 1 0 1);fill-opacity:1"/>
+      <path d="M18.857 4.714h-12V6.43H16.8L4.07 19.157l1.2 1.2L18 7.63v9.942h1.714v-12a.86.86 0 0 0-.857-.857Z"/>
     </svg>
     <svg ng-switch-when="24" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
-      <path d="M18.857 4.714h-12V6.43H16.8L4.07 19.157l1.2 1.2L18 7.63v9.942h1.714v-12a.86.86 0 0 0-.857-.857Z" style="fill:#f0f;fill:color(display-p3 1 0 1);fill-opacity:1"/>
+      <path d="M18.857 4.714h-12V6.43H16.8L4.07 19.157l1.2 1.2L18 7.63v9.942h1.714v-12a.86.86 0 0 0-.857-.857Z"/>
     </svg>
     <svg ng-switch-default width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
-      <path d="M18.857 4.714h-12V6.43H16.8L4.07 19.157l1.2 1.2L18 7.63v9.942h1.714v-12a.86.86 0 0 0-.857-.857Z" style="fill:#f0f;fill:color(display-p3 1 0 1);fill-opacity:1"/>
+      <path d="M18.857 4.714h-12V6.43H16.8L4.07 19.157l1.2 1.2L18 7.63v9.942h1.714v-12a.86.86 0 0 0-.857-.857Z"/>
     </svg>
   </span>
   `,

package/build/angular/components/bank-strikethrough-icon.component.ts

@@ -3,13 +3,13 @@ export const BankStrikethroughIconComponent = {
   template: `
   <span ng-switch="$ctrl.size" class="tw-icon tw-icon-bank-strikethrough">
     <svg ng-switch-when="32" width="32" height="32" viewBox="0 0 24 24" fill="currentColor">
-      <path fill-rule="evenodd" d="m1.965 20.608 2.32-2.32V9.857H3.019a.857.857 0 0 1-.462-1.59l8.983-5.434a1.286 1.286 0 0 1 1.354.014l4.183 2.65 3.532-3.532 1.072 1.072L3.037 21.68l-1.072-1.072Zm3.747.82H21.43v-1.714h-1.715V9.857h1.27a.857.857 0 0 0 .475-1.581L19.871 7.27l-2.587 2.587H18v9.857h-5.143v-5.43l-1.714 1.714v3.716H7.427l-1.715 1.714ZM6 16.573l5.143-5.142V9.857H6v6.716Zm8.43-8.43 1.403-1.403L12.2 4.437 6.073 8.143h8.358Z" clip-rule="evenodd" style="fill:#f0f;fill:color(display-p3 1 0 1);fill-opacity:1"/>
+      <path fill-rule="evenodd" d="m1.965 20.608 2.32-2.32V9.857H3.019a.857.857 0 0 1-.462-1.59l8.983-5.434a1.286 1.286 0 0 1 1.354.014l4.183 2.65 3.532-3.532 1.072 1.072L3.037 21.68l-1.072-1.072Zm3.747.82H21.43v-1.714h-1.715V9.857h1.27a.857.857 0 0 0 .475-1.581L19.871 7.27l-2.587 2.587H18v9.857h-5.143v-5.43l-1.714 1.714v3.716H7.427l-1.715 1.714ZM6 16.573l5.143-5.142V9.857H6v6.716Zm8.43-8.43 1.403-1.403L12.2 4.437 6.073 8.143h8.358Z" clip-rule="evenodd"/>
     </svg>
     <svg ng-switch-when="24" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
-      <path fill-rule="evenodd" d="m1.965 20.608 2.32-2.32V9.857H3.019a.857.857 0 0 1-.462-1.59l8.983-5.434a1.286 1.286 0 0 1 1.354.014l4.183 2.65 3.532-3.532 1.072 1.072L3.037 21.68l-1.072-1.072Zm3.747.82H21.43v-1.714h-1.715V9.857h1.27a.857.857 0 0 0 .475-1.581L19.871 7.27l-2.587 2.587H18v9.857h-5.143v-5.43l-1.714 1.714v3.716H7.427l-1.715 1.714ZM6 16.573l5.143-5.142V9.857H6v6.716Zm8.43-8.43 1.403-1.403L12.2 4.437 6.073 8.143h8.358Z" clip-rule="evenodd" style="fill:#f0f;fill:color(display-p3 1 0 1);fill-opacity:1"/>
+      <path fill-rule="evenodd" d="m1.965 20.608 2.32-2.32V9.857H3.019a.857.857 0 0 1-.462-1.59l8.983-5.434a1.286 1.286 0 0 1 1.354.014l4.183 2.65 3.532-3.532 1.072 1.072L3.037 21.68l-1.072-1.072Zm3.747.82H21.43v-1.714h-1.715V9.857h1.27a.857.857 0 0 0 .475-1.581L19.871 7.27l-2.587 2.587H18v9.857h-5.143v-5.43l-1.714 1.714v3.716H7.427l-1.715 1.714ZM6 16.573l5.143-5.142V9.857H6v6.716Zm8.43-8.43 1.403-1.403L12.2 4.437 6.073 8.143h8.358Z" clip-rule="evenodd"/>
     </svg>
     <svg ng-switch-default width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
-      <path fill-rule="evenodd" d="m1.965 20.608 2.32-2.32V9.857H3.019a.857.857 0 0 1-.462-1.59l8.983-5.434a1.286 1.286 0 0 1 1.354.014l4.183 2.65 3.532-3.532 1.072 1.072L3.037 21.68l-1.072-1.072Zm3.747.82H21.43v-1.714h-1.715V9.857h1.27a.857.857 0 0 0 .475-1.581L19.871 7.27l-2.587 2.587H18v9.857h-5.143v-5.43l-1.714 1.714v3.716H7.427l-1.715 1.714ZM6 16.573l5.143-5.142V9.857H6v6.716Zm8.43-8.43 1.403-1.403L12.2 4.437 6.073 8.143h8.358Z" clip-rule="evenodd" style="fill:#f0f;fill:color(display-p3 1 0 1);fill-opacity:1"/>
+      <path fill-rule="evenodd" d="m1.965 20.608 2.32-2.32V9.857H3.019a.857.857 0 0 1-.462-1.59l8.983-5.434a1.286 1.286 0 0 1 1.354.014l4.183 2.65 3.532-3.532 1.072 1.072L3.037 21.68l-1.072-1.072Zm3.747.82H21.43v-1.714h-1.715V9.857h1.27a.857.857 0 0 0 .475-1.581L19.871 7.27l-2.587 2.587H18v9.857h-5.143v-5.43l-1.714 1.714v3.716H7.427l-1.715 1.714ZM6 16.573l5.143-5.142V9.857H6v6.716Zm8.43-8.43 1.403-1.403L12.2 4.437 6.073 8.143h8.358Z" clip-rule="evenodd"/>
     </svg>
   </span>
   `,

package/build/angular/components/compact-more-icon.component.ts

@@ -0,0 +1,19 @@
+// This is an automatically generated file, please don't edit it
+export const CompactMoreIconComponent = {
+  template: `
+  <span ng-switch="$ctrl.size" class="tw-icon tw-icon-compact-more">
+    <svg ng-switch-when="32" width="32" height="32" viewBox="0 0 24 24" fill="currentColor">
+      <path fill-rule="evenodd" d="M12 7.718a1.714 1.714 0 1 1 0-3.429 1.714 1.714 0 0 1 0 3.429Zm-1.715 4.286a1.714 1.714 0 1 0 3.429 0 1.714 1.714 0 0 0-3.429 0Zm0 6a1.714 1.714 0 1 0 3.429 0 1.714 1.714 0 0 0-3.429 0Z" clip-rule="evenodd"/>
+    </svg>
+    <svg ng-switch-when="24" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
+      <path fill-rule="evenodd" d="M12 7.718a1.714 1.714 0 1 1 0-3.429 1.714 1.714 0 0 1 0 3.429Zm-1.715 4.286a1.714 1.714 0 1 0 3.429 0 1.714 1.714 0 0 0-3.429 0Zm0 6a1.714 1.714 0 1 0 3.429 0 1.714 1.714 0 0 0-3.429 0Z" clip-rule="evenodd"/>
+    </svg>
+    <svg ng-switch-default width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
+      <path fill-rule="evenodd" d="M12 7.718a1.714 1.714 0 1 1 0-3.429 1.714 1.714 0 0 1 0 3.429Zm-1.715 4.286a1.714 1.714 0 1 0 3.429 0 1.714 1.714 0 0 0-3.429 0Zm0 6a1.714 1.714 0 1 0 3.429 0 1.714 1.714 0 0 0-3.429 0Z" clip-rule="evenodd"/>
+    </svg>
+  </span>
+  `,
+  bindings: {
+    size: '<',
+  },
+};

package/build/angular/components/female-icon.component.ts

@@ -0,0 +1,19 @@
+// This is an automatically generated file, please don't edit it
+export const FemaleIconComponent = {
+  template: `
+  <span ng-switch="$ctrl.size" class="tw-icon tw-icon-female">
+    <svg ng-switch-when="32" width="32" height="32" viewBox="0 0 24 24" fill="currentColor">
+      <path fill-rule="evenodd" d="M6.429 9a5.571 5.571 0 1 0 11.143 0A5.571 5.571 0 0 0 6.429 9ZM4.714 9a7.287 7.287 0 0 0 6.429 7.236v2.193H8.572v1.714h2.571v2.143h1.714v-2.143h2.572v-1.714h-2.572v-2.193A7.287 7.287 0 1 0 4.714 9Z" clip-rule="evenodd"/>
+    </svg>
+    <svg ng-switch-when="24" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
+      <path fill-rule="evenodd" d="M6.429 9a5.571 5.571 0 1 0 11.143 0A5.571 5.571 0 0 0 6.429 9ZM4.714 9a7.287 7.287 0 0 0 6.429 7.236v2.193H8.572v1.714h2.571v2.143h1.714v-2.143h2.572v-1.714h-2.572v-2.193A7.287 7.287 0 1 0 4.714 9Z" clip-rule="evenodd"/>
+    </svg>
+    <svg ng-switch-default width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
+      <path fill-rule="evenodd" d="M6.429 9a5.571 5.571 0 1 0 11.143 0A5.571 5.571 0 0 0 6.429 9ZM4.714 9a7.287 7.287 0 0 0 6.429 7.236v2.193H8.572v1.714h2.571v2.143h1.714v-2.143h2.572v-1.714h-2.572v-2.193A7.287 7.287 0 1 0 4.714 9Z" clip-rule="evenodd"/>
+    </svg>
+  </span>
+  `,
+  bindings: {
+    size: '<',
+  },
+};

package/build/angular/components/icon.component.ts

@@ -8,6 +8,7 @@ export const IconComponent = {
       <tw-alert-circle-fill-icon ng-switch-when="alert-circle-fill" size="$ctrl.size"></tw-alert-circle-fill-icon>
 <tw-alert-circle-icon ng-switch-when="alert-circle" size="$ctrl.size"></tw-alert-circle-icon>
 <tw-alert-icon ng-switch-when="alert" size="$ctrl.size"></tw-alert-icon>
+<tw-alipay-icon ng-switch-when="alipay" size="$ctrl.size"></tw-alipay-icon>
 <tw-arrow-diagonal-down-icon ng-switch-when="arrow-diagonal-down" size="$ctrl.size"></tw-arrow-diagonal-down-icon>
 <tw-arrow-diagonal-up-icon ng-switch-when="arrow-diagonal-up" size="$ctrl.size"></tw-arrow-diagonal-up-icon>
 <tw-arrow-down-icon ng-switch-when="arrow-down" size="$ctrl.size"></tw-arrow-down-icon>
@@ -72,6 +73,7 @@ export const IconComponent = {
 <tw-settings-icon ng-switch-when="settings" size="$ctrl.size"></tw-settings-icon>
 <tw-coins-icon ng-switch-when="coins" size="$ctrl.size"></tw-coins-icon>
 <tw-collapse-icon ng-switch-when="collapse" size="$ctrl.size"></tw-collapse-icon>
+<tw-compact-more-icon ng-switch-when="compact-more" size="$ctrl.size"></tw-compact-more-icon>
 <tw-confetti-icon ng-switch-when="confetti" size="$ctrl.size"></tw-confetti-icon>
 <tw-contactless-icon ng-switch-when="contactless" size="$ctrl.size"></tw-contactless-icon>
 <tw-convert-icon ng-switch-when="convert" size="$ctrl.size"></tw-convert-icon>
@@ -101,6 +103,7 @@ export const IconComponent = {
 <tw-facebook-icon ng-switch-when="facebook" size="$ctrl.size"></tw-facebook-icon>
 <tw-facebook-square-icon ng-switch-when="facebook-square" size="$ctrl.size"></tw-facebook-square-icon>
 <tw-fast-flag-icon ng-switch-when="fast-flag" size="$ctrl.size"></tw-fast-flag-icon>
+<tw-female-icon ng-switch-when="female" size="$ctrl.size"></tw-female-icon>
 <tw-fingerprint-icon ng-switch-when="fingerprint" size="$ctrl.size"></tw-fingerprint-icon>
 <tw-fpx-icon ng-switch-when="fpx" size="$ctrl.size"></tw-fpx-icon>
 <tw-freeze-icon ng-switch-when="freeze" size="$ctrl.size"></tw-freeze-icon>
@@ -152,6 +155,7 @@ export const IconComponent = {
 <tw-location-marker-icon ng-switch-when="location-marker" size="$ctrl.size"></tw-location-marker-icon>
 <tw-log-in-icon ng-switch-when="log-in" size="$ctrl.size"></tw-log-in-icon>
 <tw-log-out-icon ng-switch-when="log-out" size="$ctrl.size"></tw-log-out-icon>
+<tw-mallet-icon ng-switch-when="mallet" size="$ctrl.size"></tw-mallet-icon>
 <tw-mass-payout-icon ng-switch-when="mass-payout" size="$ctrl.size"></tw-mass-payout-icon>
 <tw-menu-icon ng-switch-when="menu" size="$ctrl.size"></tw-menu-icon>
 <tw-messenger-icon ng-switch-when="messenger" size="$ctrl.size"></tw-messenger-icon>
@@ -283,6 +287,7 @@ export const IconComponent = {
 <tw-venmo-icon ng-switch-when="venmo" size="$ctrl.size"></tw-venmo-icon>
 <tw-wallet-icon ng-switch-when="wallet" size="$ctrl.size"></tw-wallet-icon>
 <tw-warning-icon ng-switch-when="warning" size="$ctrl.size"></tw-warning-icon>
+<tw-water-icon ng-switch-when="water" size="$ctrl.size"></tw-water-icon>
 <tw-whatsapp-icon ng-switch-when="whatsapp" size="$ctrl.size"></tw-whatsapp-icon>
 <tw-withdrawal-icon ng-switch-when="withdrawal" size="$ctrl.size"></tw-withdrawal-icon>
 <tw-owners-withdrawal-icon ng-switch-when="owners-withdrawal" size="$ctrl.size"></tw-owners-withdrawal-icon>

package/build/angular/components/mallet-icon.component.ts

@@ -0,0 +1,19 @@
+// This is an automatically generated file, please don't edit it
+export const MalletIconComponent = {
+  template: `
+  <span ng-switch="$ctrl.size" class="tw-icon tw-icon-mallet">
+    <svg ng-switch-when="32" width="32" height="32" viewBox="0 0 24 24" fill="currentColor">
+      <path fill-rule="evenodd" d="M13.14 1.968a.86.86 0 0 0-1.216 0L10.11 3.782a.86.86 0 0 0 0 1.216l.013.013L5.225 9.91l-.227-.227a.86.86 0 0 0-1.216 0l-1.814 1.814a.86.86 0 0 0 0 1.216l5.45 5.45a.86.86 0 0 0 1.217 0l1.814-1.813a.86.86 0 0 0 .186-.94l.872-.872 7.277 7.278a.86.86 0 0 0 1.217 0L21.815 20a.86.86 0 0 0 0-1.216l-7.278-7.277 1.041-1.041a.86.86 0 0 0 1.2-.017l1.814-1.814a.86.86 0 0 0 0-1.217l-5.451-5.45ZM11.928 4.39l.606-.606 4.242 4.243-.606.606-4.242-4.243Zm-7.388 7.422a.858.858 0 0 1-.186-.277l-.57.57 4.243 4.242.524-.524-4.011-4.011Zm9.695-2.426-4.766 4.766-3.03-3.03 4.766-4.767 3.03 3.03Zm-3.948 12.9H1.714V20.57h8.572v1.715Zm2.44-8.955.605-.606L20 19.392l-.607.606-6.667-6.667Z" clip-rule="evenodd"/>
+    </svg>
+    <svg ng-switch-when="24" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
+      <path fill-rule="evenodd" d="M13.14 1.968a.86.86 0 0 0-1.216 0L10.11 3.782a.86.86 0 0 0 0 1.216l.013.013L5.225 9.91l-.227-.227a.86.86 0 0 0-1.216 0l-1.814 1.814a.86.86 0 0 0 0 1.216l5.45 5.45a.86.86 0 0 0 1.217 0l1.814-1.813a.86.86 0 0 0 .186-.94l.872-.872 7.277 7.278a.86.86 0 0 0 1.217 0L21.815 20a.86.86 0 0 0 0-1.216l-7.278-7.277 1.041-1.041a.86.86 0 0 0 1.2-.017l1.814-1.814a.86.86 0 0 0 0-1.217l-5.451-5.45ZM11.928 4.39l.606-.606 4.242 4.243-.606.606-4.242-4.243Zm-7.388 7.422a.858.858 0 0 1-.186-.277l-.57.57 4.243 4.242.524-.524-4.011-4.011Zm9.695-2.426-4.766 4.766-3.03-3.03 4.766-4.767 3.03 3.03Zm-3.948 12.9H1.714V20.57h8.572v1.715Zm2.44-8.955.605-.606L20 19.392l-.607.606-6.667-6.667Z" clip-rule="evenodd"/>
+    </svg>
+    <svg ng-switch-default width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
+      <path fill-rule="evenodd" d="M13.14 1.968a.86.86 0 0 0-1.216 0L10.11 3.782a.86.86 0 0 0 0 1.216l.013.013L5.225 9.91l-.227-.227a.86.86 0 0 0-1.216 0l-1.814 1.814a.86.86 0 0 0 0 1.216l5.45 5.45a.86.86 0 0 0 1.217 0l1.814-1.813a.86.86 0 0 0 .186-.94l.872-.872 7.277 7.278a.86.86 0 0 0 1.217 0L21.815 20a.86.86 0 0 0 0-1.216l-7.278-7.277 1.041-1.041a.86.86 0 0 0 1.2-.017l1.814-1.814a.86.86 0 0 0 0-1.217l-5.451-5.45ZM11.928 4.39l.606-.606 4.242 4.243-.606.606-4.242-4.243Zm-7.388 7.422a.858.858 0 0 1-.186-.277l-.57.57 4.243 4.242.524-.524-4.011-4.011Zm9.695-2.426-4.766 4.766-3.03-3.03 4.766-4.767 3.03 3.03Zm-3.948 12.9H1.714V20.57h8.572v1.715Zm2.44-8.955.605-.606L20 19.392l-.607.606-6.667-6.667Z" clip-rule="evenodd"/>
+    </svg>
+  </span>
+  `,
+  bindings: {
+    size: '<',
+  },
+};

package/build/angular/components/speech-bubble-exclamation-icon.component.ts

@@ -3,13 +3,13 @@ export const SpeechBubbleExclamationIconComponent = {
   template: `
   <span ng-switch="$ctrl.size" class="tw-icon tw-icon-speech-bubble-exclamation">
     <svg ng-switch-when="32" width="32" height="32" viewBox="0 0 24 24" fill="currentColor">
-      <path fill-rule="evenodd" d="M2.571 3H21.43a.86.86 0 0 1 .857.857v12.857a.86.86 0 0 1-.857.857h-8.315l-4.928 3.3a.864.864 0 0 1-.472.129c-.128 0-.257 0-.385-.086a.903.903 0 0 1-.472-.771V17.57H2.572a.86.86 0 0 1-.858-.857V3.857A.86.86 0 0 1 2.571 3Zm10.286 12.857h7.715V4.714H3.428v11.143h4.285a.86.86 0 0 1 .857.857v1.843l3.815-2.571a.864.864 0 0 1 .471-.129Zm0-9.428h-1.714v4.285h1.714V6.43ZM12 14.144a1.286 1.286 0 1 0 0-2.572 1.286 1.286 0 0 0 0 2.572Z" clip-rule="evenodd" style="fill:#f0f;fill:color(display-p3 1 0 1);fill-opacity:1"/>
+      <path fill-rule="evenodd" d="M2.571 3H21.43a.86.86 0 0 1 .857.857v12.857a.86.86 0 0 1-.857.857h-8.315l-4.928 3.3a.864.864 0 0 1-.472.129c-.128 0-.257 0-.385-.086a.903.903 0 0 1-.472-.771V17.57H2.572a.86.86 0 0 1-.858-.857V3.857A.86.86 0 0 1 2.571 3Zm10.286 12.857h7.715V4.714H3.428v11.143h4.285a.86.86 0 0 1 .857.857v1.843l3.815-2.571a.864.864 0 0 1 .471-.129Zm0-9.428h-1.714v4.285h1.714V6.43ZM12 14.144a1.286 1.286 0 1 0 0-2.572 1.286 1.286 0 0 0 0 2.572Z" clip-rule="evenodd"/>
     </svg>
     <svg ng-switch-when="24" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
-      <path fill-rule="evenodd" d="M2.571 3H21.43a.86.86 0 0 1 .857.857v12.857a.86.86 0 0 1-.857.857h-8.315l-4.928 3.3a.864.864 0 0 1-.472.129c-.128 0-.257 0-.385-.086a.903.903 0 0 1-.472-.771V17.57H2.572a.86.86 0 0 1-.858-.857V3.857A.86.86 0 0 1 2.571 3Zm10.286 12.857h7.715V4.714H3.428v11.143h4.285a.86.86 0 0 1 .857.857v1.843l3.815-2.571a.864.864 0 0 1 .471-.129Zm0-9.428h-1.714v4.285h1.714V6.43ZM12 14.144a1.286 1.286 0 1 0 0-2.572 1.286 1.286 0 0 0 0 2.572Z" clip-rule="evenodd" style="fill:#f0f;fill:color(display-p3 1 0 1);fill-opacity:1"/>
+      <path fill-rule="evenodd" d="M2.571 3H21.43a.86.86 0 0 1 .857.857v12.857a.86.86 0 0 1-.857.857h-8.315l-4.928 3.3a.864.864 0 0 1-.472.129c-.128 0-.257 0-.385-.086a.903.903 0 0 1-.472-.771V17.57H2.572a.86.86 0 0 1-.858-.857V3.857A.86.86 0 0 1 2.571 3Zm10.286 12.857h7.715V4.714H3.428v11.143h4.285a.86.86 0 0 1 .857.857v1.843l3.815-2.571a.864.864 0 0 1 .471-.129Zm0-9.428h-1.714v4.285h1.714V6.43ZM12 14.144a1.286 1.286 0 1 0 0-2.572 1.286 1.286 0 0 0 0 2.572Z" clip-rule="evenodd"/>
     </svg>
     <svg ng-switch-default width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
-      <path fill-rule="evenodd" d="M2.571 3H21.43a.86.86 0 0 1 .857.857v12.857a.86.86 0 0 1-.857.857h-8.315l-4.928 3.3a.864.864 0 0 1-.472.129c-.128 0-.257 0-.385-.086a.903.903 0 0 1-.472-.771V17.57H2.572a.86.86 0 0 1-.858-.857V3.857A.86.86 0 0 1 2.571 3Zm10.286 12.857h7.715V4.714H3.428v11.143h4.285a.86.86 0 0 1 .857.857v1.843l3.815-2.571a.864.864 0 0 1 .471-.129Zm0-9.428h-1.714v4.285h1.714V6.43ZM12 14.144a1.286 1.286 0 1 0 0-2.572 1.286 1.286 0 0 0 0 2.572Z" clip-rule="evenodd" style="fill:#f0f;fill:color(display-p3 1 0 1);fill-opacity:1"/>
+      <path fill-rule="evenodd" d="M2.571 3H21.43a.86.86 0 0 1 .857.857v12.857a.86.86 0 0 1-.857.857h-8.315l-4.928 3.3a.864.864 0 0 1-.472.129c-.128 0-.257 0-.385-.086a.903.903 0 0 1-.472-.771V17.57H2.572a.86.86 0 0 1-.858-.857V3.857A.86.86 0 0 1 2.571 3Zm10.286 12.857h7.715V4.714H3.428v11.143h4.285a.86.86 0 0 1 .857.857v1.843l3.815-2.571a.864.864 0 0 1 .471-.129Zm0-9.428h-1.714v4.285h1.714V6.43ZM12 14.144a1.286 1.286 0 1 0 0-2.572 1.286 1.286 0 0 0 0 2.572Z" clip-rule="evenodd"/>
     </svg>
   </span>
   `,

package/build/angular/components/water-icon.component.ts

@@ -0,0 +1,19 @@
+// This is an automatically generated file, please don't edit it
+export const WaterIconComponent = {
+  template: `
+  <span ng-switch="$ctrl.size" class="tw-icon tw-icon-water">
+    <svg ng-switch-when="32" width="32" height="32" viewBox="0 0 24 24" fill="currentColor">
+      <path fill-rule="evenodd" d="M12.761 2.177a.862.862 0 0 0-1.523 0l-5.273 9.921c-2.441 4.594.84 10.187 6.035 10.187 5.194 0 8.476-5.593 6.034-10.187l-5.273-9.92ZM7.48 12.903 12 4.397l4.521 8.506c1.85 3.48-.651 7.668-4.52 7.668-3.87 0-6.37-4.188-4.521-7.668Zm4.95 4.24c-1.461 0-2.569-1.114-2.569-2.572H8.146c0 2.4 1.87 4.286 4.282 4.286v-1.714Z" clip-rule="evenodd"/>
+    </svg>
+    <svg ng-switch-when="24" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
+      <path fill-rule="evenodd" d="M12.761 2.177a.862.862 0 0 0-1.523 0l-5.273 9.921c-2.441 4.594.84 10.187 6.035 10.187 5.194 0 8.476-5.593 6.034-10.187l-5.273-9.92ZM7.48 12.903 12 4.397l4.521 8.506c1.85 3.48-.651 7.668-4.52 7.668-3.87 0-6.37-4.188-4.521-7.668Zm4.95 4.24c-1.461 0-2.569-1.114-2.569-2.572H8.146c0 2.4 1.87 4.286 4.282 4.286v-1.714Z" clip-rule="evenodd"/>
+    </svg>
+    <svg ng-switch-default width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
+      <path fill-rule="evenodd" d="M12.761 2.177a.862.862 0 0 0-1.523 0l-5.273 9.921c-2.441 4.594.84 10.187 6.035 10.187 5.194 0 8.476-5.593 6.034-10.187l-5.273-9.92ZM7.48 12.903 12 4.397l4.521 8.506c1.85 3.48-.651 7.668-4.52 7.668-3.87 0-6.37-4.188-4.521-7.668Zm4.95 4.24c-1.461 0-2.569-1.114-2.569-2.572H8.146c0 2.4 1.87 4.286 4.282 4.286v-1.714Z" clip-rule="evenodd"/>
+    </svg>
+  </span>
+  `,
+  bindings: {
+    size: '<',
+  },
+};

package/build/angular/index.ts

@@ -3,6 +3,7 @@ import angular from 'angular';
 import { AlertCircleFillIconComponent } from './components/alert-circle-fill-icon.component';
 import { AlertCircleIconComponent } from './components/alert-circle-icon.component';
 import { AlertIconComponent } from './components/alert-icon.component';
+import { AlipayIconComponent } from './components/alipay-icon.component';
 import { ArrowDiagonalDownIconComponent } from './components/arrow-diagonal-down-icon.component';
 import { ArrowDiagonalUpIconComponent } from './components/arrow-diagonal-up-icon.component';
 import { ArrowDownIconComponent } from './components/arrow-down-icon.component';
@@ -67,6 +68,7 @@ import { CogIconComponent } from './components/cog-icon.component';
 import { SettingsIconComponent } from './components/settings-icon.component';
 import { CoinsIconComponent } from './components/coins-icon.component';
 import { CollapseIconComponent } from './components/collapse-icon.component';
+import { CompactMoreIconComponent } from './components/compact-more-icon.component';
 import { ConfettiIconComponent } from './components/confetti-icon.component';
 import { ContactlessIconComponent } from './components/contactless-icon.component';
 import { ConvertIconComponent } from './components/convert-icon.component';
@@ -96,6 +98,7 @@ import { FaceIdIconComponent } from './components/face-id-icon.component';
 import { FacebookIconComponent } from './components/facebook-icon.component';
 import { FacebookSquareIconComponent } from './components/facebook-square-icon.component';
 import { FastFlagIconComponent } from './components/fast-flag-icon.component';
+import { FemaleIconComponent } from './components/female-icon.component';
 import { FingerprintIconComponent } from './components/fingerprint-icon.component';
 import { FpxIconComponent } from './components/fpx-icon.component';
 import { FreezeIconComponent } from './components/freeze-icon.component';
@@ -147,6 +150,7 @@ import { ActivityIconComponent } from './components/activity-icon.component';
 import { LocationMarkerIconComponent } from './components/location-marker-icon.component';
 import { LogInIconComponent } from './components/log-in-icon.component';
 import { LogOutIconComponent } from './components/log-out-icon.component';
+import { MalletIconComponent } from './components/mallet-icon.component';
 import { MassPayoutIconComponent } from './components/mass-payout-icon.component';
 import { MenuIconComponent } from './components/menu-icon.component';
 import { MessengerIconComponent } from './components/messenger-icon.component';
@@ -278,6 +282,7 @@ import { ExchangeRateIconComponent } from './components/exchange-rate-icon.compo
 import { VenmoIconComponent } from './components/venmo-icon.component';
 import { WalletIconComponent } from './components/wallet-icon.component';
 import { WarningIconComponent } from './components/warning-icon.component';
+import { WaterIconComponent } from './components/water-icon.component';
 import { WhatsappIconComponent } from './components/whatsapp-icon.component';
 import { WithdrawalIconComponent } from './components/withdrawal-icon.component';
 import { OwnersWithdrawalIconComponent } from './components/owners-withdrawal-icon.component';
@@ -288,6 +293,7 @@ export const TwIconsModule = angular
   .component('twAlertCircleFillIcon', AlertCircleFillIconComponent)
   .component('twAlertCircleIcon', AlertCircleIconComponent)
   .component('twAlertIcon', AlertIconComponent)
+  .component('twAlipayIcon', AlipayIconComponent)
   .component('twArrowDiagonalDownIcon', ArrowDiagonalDownIconComponent)
   .component('twArrowDiagonalUpIcon', ArrowDiagonalUpIconComponent)
   .component('twArrowDownIcon', ArrowDownIconComponent)
@@ -352,6 +358,7 @@ export const TwIconsModule = angular
   .component('twSettingsIcon', SettingsIconComponent)
   .component('twCoinsIcon', CoinsIconComponent)
   .component('twCollapseIcon', CollapseIconComponent)
+  .component('twCompactMoreIcon', CompactMoreIconComponent)
   .component('twConfettiIcon', ConfettiIconComponent)
   .component('twContactlessIcon', ContactlessIconComponent)
   .component('twConvertIcon', ConvertIconComponent)
@@ -381,6 +388,7 @@ export const TwIconsModule = angular
   .component('twFacebookIcon', FacebookIconComponent)
   .component('twFacebookSquareIcon', FacebookSquareIconComponent)
   .component('twFastFlagIcon', FastFlagIconComponent)
+  .component('twFemaleIcon', FemaleIconComponent)
   .component('twFingerprintIcon', FingerprintIconComponent)
   .component('twFpxIcon', FpxIconComponent)
   .component('twFreezeIcon', FreezeIconComponent)
@@ -432,6 +440,7 @@ export const TwIconsModule = angular
   .component('twLocationMarkerIcon', LocationMarkerIconComponent)
   .component('twLogInIcon', LogInIconComponent)
   .component('twLogOutIcon', LogOutIconComponent)
+  .component('twMalletIcon', MalletIconComponent)
   .component('twMassPayoutIcon', MassPayoutIconComponent)
   .component('twMenuIcon', MenuIconComponent)
   .component('twMessengerIcon', MessengerIconComponent)
@@ -563,6 +572,7 @@ export const TwIconsModule = angular
   .component('twVenmoIcon', VenmoIconComponent)
   .component('twWalletIcon', WalletIconComponent)
   .component('twWarningIcon', WarningIconComponent)
+  .component('twWaterIcon', WaterIconComponent)
   .component('twWhatsappIcon', WhatsappIconComponent)
   .component('twWithdrawalIcon', WithdrawalIconComponent)
   .component('twOwnersWithdrawalIcon', OwnersWithdrawalIconComponent)

package/build/components/ach.tsx

@@ -26,7 +26,7 @@ export const Ach: React.FunctionComponent<AchIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-ach tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-ach ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'ach-icon'}

package/build/components/activity.tsx

@@ -26,7 +26,7 @@ export const Activity: React.FunctionComponent<ActivityIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-activity tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-activity ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'activity-icon'}

package/build/components/alert-circle-fill.tsx

@@ -26,7 +26,7 @@ export const AlertCircleFill: React.FunctionComponent<AlertCircleFillIconProps>
 
   return (
     <span
-      className={`tw-icon tw-icon-alert-circle-fill tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-alert-circle-fill ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'alert-circle-fill-icon'}

package/build/components/alert-circle.tsx

@@ -26,7 +26,7 @@ export const AlertCircle: React.FunctionComponent<AlertCircleIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-alert-circle tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-alert-circle ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'alert-circle-icon'}

package/build/components/alert.tsx

@@ -26,7 +26,7 @@ export const Alert: React.FunctionComponent<AlertIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-alert tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-alert ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'alert-icon'}

package/build/components/alipay.tsx

@@ -0,0 +1,54 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface AlipayIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+  role?: React.AriaRole;
+}
+
+export const Alipay: React.FunctionComponent<AlipayIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  role = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Alipay filled /> is now deprecated, please use <AlipayFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-alipay ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={role ?? (title ? undefined : 'none')}
+      data-testid={restProps['data-testid'] || 'alipay-icon'}
+    >
+      <svg
+        width={String(size)}
+        height={String(size)}
+        fill="currentColor"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
+          <>
+            <path
+              fillRule="evenodd"
+              d="M22.424 15.673s-.668-.067-3.674-1.069v.001c-.662-.22-1.552-.532-2.594-.898l-.68-.237a16.844 16.844 0 0 0 1.738-4.342h-4.076V7.66h5.01v-.735h-5.01V4.453h-2.004c-.334 0-.334.334-.334.334v2.07H5.723v.802H10.8v1.603H6.658v.801h8.084a12.994 12.994 0 0 1-1.136 2.805c-2.605-.868-5.411-1.536-7.148-1.135-1.136.267-1.87.735-2.272 1.269-2.004 2.338-.6 5.944 3.541 5.944 2.472 0 4.81-1.402 6.614-3.606 2.739 1.335 8.083 3.54 8.083 3.54v.133c0 1.803-1.536 3.273-3.34 3.273H5.054c-1.87 0-3.34-1.47-3.34-3.273V4.987c0-1.803 1.537-3.273 3.34-3.273h14.03c1.87 0 3.34 1.47 3.34 3.273v10.686ZM4.771 13.62c.535-.468 1.47-.668 2.005-.735 1.937-.201 3.674.534 5.812 1.536-1.47 1.87-3.34 3.072-5.211 3.072-3.274 0-4.209-2.47-2.606-3.873Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/arrow-diagonal-down.tsx

@@ -26,9 +26,7 @@ export const ArrowDiagonalDown: React.FunctionComponent<ArrowDiagonalDownIconPro
 
   return (
     <span
-      className={`tw-icon tw-icon-arrow-diagonal-down tw-icon-${size} ${
-        className ? className : ''
-      }`}
+      className={`tw-icon tw-icon-arrow-diagonal-down ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'arrow-diagonal-down-icon'}
@@ -42,10 +40,7 @@ export const ArrowDiagonalDown: React.FunctionComponent<ArrowDiagonalDownIconPro
       >
         {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
           <>
-            <path
-              d="M18.857 20.357h-12v-1.714H16.8L4.07 5.914l1.2-1.2L18 17.443V7.5h1.714v12a.86.86 0 0 1-.857.857Z"
-              style="fill:#f0f;fill:color(display-p3 1 0 1);fill-opacity:1"
-            />
+            <path d="M18.857 20.357h-12v-1.714H16.8L4.07 5.914l1.2-1.2L18 17.443V7.5h1.714v12a.86.86 0 0 1-.857.857Z" />
           </>
         )}
       </svg>

package/build/components/arrow-diagonal-up.tsx

@@ -26,7 +26,7 @@ export const ArrowDiagonalUp: React.FunctionComponent<ArrowDiagonalUpIconProps>
 
   return (
     <span
-      className={`tw-icon tw-icon-arrow-diagonal-up tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-arrow-diagonal-up ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'arrow-diagonal-up-icon'}
@@ -40,10 +40,7 @@ export const ArrowDiagonalUp: React.FunctionComponent<ArrowDiagonalUpIconProps>
       >
         {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
           <>
-            <path
-              d="M18.857 4.714h-12V6.43H16.8L4.07 19.157l1.2 1.2L18 7.63v9.942h1.714v-12a.86.86 0 0 0-.857-.857Z"
-              style="fill:#f0f;fill:color(display-p3 1 0 1);fill-opacity:1"
-            />
+            <path d="M18.857 4.714h-12V6.43H16.8L4.07 19.157l1.2 1.2L18 7.63v9.942h1.714v-12a.86.86 0 0 0-.857-.857Z" />
           </>
         )}
       </svg>

package/build/components/arrow-down.tsx

@@ -26,7 +26,7 @@ export const ArrowDown: React.FunctionComponent<ArrowDownIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-arrow-down tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-arrow-down ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'arrow-down-icon'}

package/build/components/arrow-left.tsx

@@ -26,7 +26,7 @@ export const ArrowLeft: React.FunctionComponent<ArrowLeftIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-arrow-left tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-arrow-left ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'arrow-left-icon'}

package/build/components/arrow-right.tsx

@@ -26,7 +26,7 @@ export const ArrowRight: React.FunctionComponent<ArrowRightIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-arrow-right tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-arrow-right ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'arrow-right-icon'}

package/build/components/arrow-up.tsx

@@ -26,7 +26,7 @@ export const ArrowUp: React.FunctionComponent<ArrowUpIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-arrow-up tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-arrow-up ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'arrow-up-icon'}

package/build/components/atm.tsx

@@ -26,7 +26,7 @@ export const Atm: React.FunctionComponent<AtmIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-atm tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-atm ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'atm-icon'}

package/build/components/auto-convert.tsx

@@ -26,7 +26,7 @@ export const AutoConvert: React.FunctionComponent<AutoConvertIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-auto-convert tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-auto-convert ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'auto-convert-icon'}

package/build/components/balance.tsx

@@ -26,7 +26,7 @@ export const Balance: React.FunctionComponent<BalanceIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-balance tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-balance ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'balance-icon'}

package/build/components/bank-strikethrough.tsx

@@ -26,7 +26,7 @@ export const BankStrikethrough: React.FunctionComponent<BankStrikethroughIconPro
 
   return (
     <span
-      className={`tw-icon tw-icon-bank-strikethrough tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-bank-strikethrough ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'bank-strikethrough-icon'}
@@ -44,7 +44,6 @@ export const BankStrikethrough: React.FunctionComponent<BankStrikethroughIconPro
               fillRule="evenodd"
               d="m1.965 20.608 2.32-2.32V9.857H3.019a.857.857 0 0 1-.462-1.59l8.983-5.434a1.286 1.286 0 0 1 1.354.014l4.183 2.65 3.532-3.532 1.072 1.072L3.037 21.68l-1.072-1.072Zm3.747.82H21.43v-1.714h-1.715V9.857h1.27a.857.857 0 0 0 .475-1.581L19.871 7.27l-2.587 2.587H18v9.857h-5.143v-5.43l-1.714 1.714v3.716H7.427l-1.715 1.714ZM6 16.573l5.143-5.142V9.857H6v6.716Zm8.43-8.43 1.403-1.403L12.2 4.437 6.073 8.143h8.358Z"
               clipRule="evenodd"
-              style="fill:#f0f;fill:color(display-p3 1 0 1);fill-opacity:1"
             />
           </>
         )}

package/build/components/bank-transfer.tsx

@@ -26,7 +26,7 @@ export const BankTransfer: React.FunctionComponent<BankTransferIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-bank-transfer tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-bank-transfer ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'bank-transfer-icon'}

package/build/components/bank.tsx

@@ -26,7 +26,7 @@ export const Bank: React.FunctionComponent<BankIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-bank tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-bank ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'bank-icon'}

package/build/components/bar-chart.tsx

@@ -26,7 +26,7 @@ export const BarChart: React.FunctionComponent<BarChartIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-bar-chart tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-bar-chart ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'bar-chart-icon'}

package/build/components/barcode.tsx

@@ -26,7 +26,7 @@ export const Barcode: React.FunctionComponent<BarcodeIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-barcode tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-barcode ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'barcode-icon'}

package/build/components/batch.tsx

@@ -26,7 +26,7 @@ export const Batch: React.FunctionComponent<BatchIconProps> = ({
 
   return (
     <span
-      className={`tw-icon tw-icon-batch tw-icon-${size} ${className ? className : ''}`}
+      className={`tw-icon tw-icon-batch ${className ? className : ''}`}
       aria-hidden={!title ? 'true' : undefined}
       role={role ?? (title ? undefined : 'none')}
       data-testid={restProps['data-testid'] || 'batch-icon'}