@transferwise/icons 3.7.0 → 3.9.0

package/build/angular/components/taxi-icon.component.js

@@ -0,0 +1,19 @@
+// This is an automatically generated file, please don't edit it
+export const TaxiIconComponent = {
+  template: `
+  <span ng-switch="$ctrl.size" class="tw-icon tw-icon-taxi">
+    <svg ng-switch-when="32" width="32" height="32" viewBox="0 0 24 24" fill="currentColor">
+      <path fill-rule="evenodd" d="M9 1.714a.429.429 0 0 0-.428.429V3c0 .237.191.429.428.429h6A.429.429 0 0 0 15.43 3v-.857A.429.429 0 0 0 15 1.714H9ZM5.954 4.41a.861.861 0 0 1 .804-.553h10.484c.357 0 .677.22.804.553L19.81 9h2.047c.237 0 .429.192.429.429v.857a.429.429 0 0 1-.429.428h-.962l.047.056 1.064 1.335c.181.228.28.51.28.801v3.48a.862.862 0 0 1-.188.536L21 18.3v3.124a.861.861 0 0 1-.861.862h-2.992a.861.861 0 0 1-.861-.862v-2.567H7.714v2.567a.861.861 0 0 1-.861.862H3.862A.861.861 0 0 1 3 21.424V18.3l-1.098-1.378a.862.862 0 0 1-.188-.537v-3.479c0-.29.1-.573.28-.801l1.064-1.335.047-.056h-.962a.429.429 0 0 1-.429-.428v-.857c0-.237.192-.429.429-.429H4.19l1.763-4.59ZM19.708 12h.022l.841 1.056v3.03l-.841 1.057H4.27l-.841-1.056v-3.03L4.27 12h15.438Zm-3.052-6.428 1.811 4.714H5.533l1.811-4.714h9.312Zm2.63 13.285H18v1.715h1.286v-1.715ZM6 18.857H4.714v1.715H6v-1.715Zm-.428-3.428a.857.857 0 1 0 0-1.715.857.857 0 0 0 0 1.715Zm13.714-.857a.857.857 0 1 1-1.714 0 .857.857 0 0 1 1.714 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="M9 1.714a.429.429 0 0 0-.428.429V3c0 .237.191.429.428.429h6A.429.429 0 0 0 15.43 3v-.857A.429.429 0 0 0 15 1.714H9ZM5.954 4.41a.861.861 0 0 1 .804-.553h10.484c.357 0 .677.22.804.553L19.81 9h2.047c.237 0 .429.192.429.429v.857a.429.429 0 0 1-.429.428h-.962l.047.056 1.064 1.335c.181.228.28.51.28.801v3.48a.862.862 0 0 1-.188.536L21 18.3v3.124a.861.861 0 0 1-.861.862h-2.992a.861.861 0 0 1-.861-.862v-2.567H7.714v2.567a.861.861 0 0 1-.861.862H3.862A.861.861 0 0 1 3 21.424V18.3l-1.098-1.378a.862.862 0 0 1-.188-.537v-3.479c0-.29.1-.573.28-.801l1.064-1.335.047-.056h-.962a.429.429 0 0 1-.429-.428v-.857c0-.237.192-.429.429-.429H4.19l1.763-4.59ZM19.708 12h.022l.841 1.056v3.03l-.841 1.057H4.27l-.841-1.056v-3.03L4.27 12h15.438Zm-3.052-6.428 1.811 4.714H5.533l1.811-4.714h9.312Zm2.63 13.285H18v1.715h1.286v-1.715ZM6 18.857H4.714v1.715H6v-1.715Zm-.428-3.428a.857.857 0 1 0 0-1.715.857.857 0 0 0 0 1.715Zm13.714-.857a.857.857 0 1 1-1.714 0 .857.857 0 0 1 1.714 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="M9 1.714a.429.429 0 0 0-.428.429V3c0 .237.191.429.428.429h6A.429.429 0 0 0 15.43 3v-.857A.429.429 0 0 0 15 1.714H9ZM5.954 4.41a.861.861 0 0 1 .804-.553h10.484c.357 0 .677.22.804.553L19.81 9h2.047c.237 0 .429.192.429.429v.857a.429.429 0 0 1-.429.428h-.962l.047.056 1.064 1.335c.181.228.28.51.28.801v3.48a.862.862 0 0 1-.188.536L21 18.3v3.124a.861.861 0 0 1-.861.862h-2.992a.861.861 0 0 1-.861-.862v-2.567H7.714v2.567a.861.861 0 0 1-.861.862H3.862A.861.861 0 0 1 3 21.424V18.3l-1.098-1.378a.862.862 0 0 1-.188-.537v-3.479c0-.29.1-.573.28-.801l1.064-1.335.047-.056h-.962a.429.429 0 0 1-.429-.428v-.857c0-.237.192-.429.429-.429H4.19l1.763-4.59ZM19.708 12h.022l.841 1.056v3.03l-.841 1.057H4.27l-.841-1.056v-3.03L4.27 12h15.438Zm-3.052-6.428 1.811 4.714H5.533l1.811-4.714h9.312Zm2.63 13.285H18v1.715h1.286v-1.715ZM6 18.857H4.714v1.715H6v-1.715Zm-.428-3.428a.857.857 0 1 0 0-1.715.857.857 0 0 0 0 1.715Zm13.714-.857a.857.857 0 1 1-1.714 0 .857.857 0 0 1 1.714 0Z" clip-rule="evenodd"/>
+    </svg>
+  </span>
+  `,
+  bindings: {
+    size: '<',
+  },
+};

package/build/angular/components/transport-icon.component.js

@@ -3,13 +3,13 @@ export const TransportIconComponent = {
   template: `
   <span ng-switch="$ctrl.size" class="tw-icon tw-icon-transport">
     <svg ng-switch-when="32" width="32" height="32" viewBox="0 0 24 24" fill="currentColor">
-      <path fill-rule="evenodd" d="M6.214 1.715h11.572c1.543 0 2.786 1.157 2.786 2.571v13.715a.86.86 0 0 1-.858.857v2.571a.86.86 0 0 1-.857.857h-2.571a.86.86 0 0 1-.857-.857v-2.571H8.572v2.571a.86.86 0 0 1-.858.857H5.143a.86.86 0 0 1-.857-.857v-2.571A.86.86 0 0 1 3.429 18V4.286c0-1.414 1.243-2.571 2.785-2.571Zm11.572 1.714H6.214c-.6 0-1.071.386-1.071.857v1.715h13.714V4.286c0-.471-.471-.857-1.071-.857ZM5.143 12.001h13.714V7.715H5.143V12ZM6 20.572h.857v-1.714H6v1.714Zm-.857-6.857v3.428h13.714v-3.428H5.143Zm12 6.857H18v-1.714h-.857v1.714ZM6.857 16.285a.857.857 0 1 0 0-1.715.857.857 0 0 0 0 1.715Zm10.286 0a.857.857 0 1 0 0-1.715.857.857 0 0 0 0 1.715Z" clip-rule="evenodd"/>
+      <path fill-rule="evenodd" d="M3.429 4.286A2.571 2.571 0 0 1 6 1.714h12a2.571 2.571 0 0 1 2.572 2.572v13.71c0 .474-.384.859-.858.861v2.567a.861.861 0 0 1-.861.862h-2.991a.861.861 0 0 1-.862-.862v-2.567H9v2.567a.861.861 0 0 1-.861.862H5.147a.861.861 0 0 1-.861-.862v-2.567a.861.861 0 0 1-.857-.861V4.286Zm1.714 12.857v-3.429h13.714v3.429H5.143Zm13.714-9.429V12H5.143V7.714h13.714Zm0-1.714H5.143V4.286c0-.474.384-.857.857-.857h12c.474 0 .857.383.857.857V6ZM6 20.572v-1.715h1.286v1.715H6Zm10.714 0v-1.715H18v1.715h-1.286Zm-9-5.143a.857.857 0 1 1-1.714 0 .857.857 0 0 1 1.714 0Zm10.286 0a.857.857 0 1 1-1.714 0 .857.857 0 0 1 1.714 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="M6.214 1.715h11.572c1.543 0 2.786 1.157 2.786 2.571v13.715a.86.86 0 0 1-.858.857v2.571a.86.86 0 0 1-.857.857h-2.571a.86.86 0 0 1-.857-.857v-2.571H8.572v2.571a.86.86 0 0 1-.858.857H5.143a.86.86 0 0 1-.857-.857v-2.571A.86.86 0 0 1 3.429 18V4.286c0-1.414 1.243-2.571 2.785-2.571Zm11.572 1.714H6.214c-.6 0-1.071.386-1.071.857v1.715h13.714V4.286c0-.471-.471-.857-1.071-.857ZM5.143 12.001h13.714V7.715H5.143V12ZM6 20.572h.857v-1.714H6v1.714Zm-.857-6.857v3.428h13.714v-3.428H5.143Zm12 6.857H18v-1.714h-.857v1.714ZM6.857 16.285a.857.857 0 1 0 0-1.715.857.857 0 0 0 0 1.715Zm10.286 0a.857.857 0 1 0 0-1.715.857.857 0 0 0 0 1.715Z" clip-rule="evenodd"/>
+      <path fill-rule="evenodd" d="M3.429 4.286A2.571 2.571 0 0 1 6 1.714h12a2.571 2.571 0 0 1 2.572 2.572v13.71c0 .474-.384.859-.858.861v2.567a.861.861 0 0 1-.861.862h-2.991a.861.861 0 0 1-.862-.862v-2.567H9v2.567a.861.861 0 0 1-.861.862H5.147a.861.861 0 0 1-.861-.862v-2.567a.861.861 0 0 1-.857-.861V4.286Zm1.714 12.857v-3.429h13.714v3.429H5.143Zm13.714-9.429V12H5.143V7.714h13.714Zm0-1.714H5.143V4.286c0-.474.384-.857.857-.857h12c.474 0 .857.383.857.857V6ZM6 20.572v-1.715h1.286v1.715H6Zm10.714 0v-1.715H18v1.715h-1.286Zm-9-5.143a.857.857 0 1 1-1.714 0 .857.857 0 0 1 1.714 0Zm10.286 0a.857.857 0 1 1-1.714 0 .857.857 0 0 1 1.714 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="M6.214 1.715h11.572c1.543 0 2.786 1.157 2.786 2.571v13.715a.86.86 0 0 1-.858.857v2.571a.86.86 0 0 1-.857.857h-2.571a.86.86 0 0 1-.857-.857v-2.571H8.572v2.571a.86.86 0 0 1-.858.857H5.143a.86.86 0 0 1-.857-.857v-2.571A.86.86 0 0 1 3.429 18V4.286c0-1.414 1.243-2.571 2.785-2.571Zm11.572 1.714H6.214c-.6 0-1.071.386-1.071.857v1.715h13.714V4.286c0-.471-.471-.857-1.071-.857ZM5.143 12.001h13.714V7.715H5.143V12ZM6 20.572h.857v-1.714H6v1.714Zm-.857-6.857v3.428h13.714v-3.428H5.143Zm12 6.857H18v-1.714h-.857v1.714ZM6.857 16.285a.857.857 0 1 0 0-1.715.857.857 0 0 0 0 1.715Zm10.286 0a.857.857 0 1 0 0-1.715.857.857 0 0 0 0 1.715Z" clip-rule="evenodd"/>
+      <path fill-rule="evenodd" d="M3.429 4.286A2.571 2.571 0 0 1 6 1.714h12a2.571 2.571 0 0 1 2.572 2.572v13.71c0 .474-.384.859-.858.861v2.567a.861.861 0 0 1-.861.862h-2.991a.861.861 0 0 1-.862-.862v-2.567H9v2.567a.861.861 0 0 1-.861.862H5.147a.861.861 0 0 1-.861-.862v-2.567a.861.861 0 0 1-.857-.861V4.286Zm1.714 12.857v-3.429h13.714v3.429H5.143Zm13.714-9.429V12H5.143V7.714h13.714Zm0-1.714H5.143V4.286c0-.474.384-.857.857-.857h12c.474 0 .857.383.857.857V6ZM6 20.572v-1.715h1.286v1.715H6Zm10.714 0v-1.715H18v1.715h-1.286Zm-9-5.143a.857.857 0 1 1-1.714 0 .857.857 0 0 1 1.714 0Zm10.286 0a.857.857 0 1 1-1.714 0 .857.857 0 0 1 1.714 0Z" clip-rule="evenodd"/>
     </svg>
   </span>
   `,

package/build/angular/index.js

@@ -3,11 +3,14 @@ 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 { 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';
 import { ArrowLeftIconComponent } from './components/arrow-left-icon.component';
 import { ArrowRightIconComponent } from './components/arrow-right-icon.component';
 import { ArrowUpIconComponent } from './components/arrow-up-icon.component';
 import { AutoConvertIconComponent } from './components/auto-convert-icon.component';
+import { BankStrikethroughIconComponent } from './components/bank-strikethrough-icon.component';
 import { BankTransferIconComponent } from './components/bank-transfer-icon.component';
 import { AchIconComponent } from './components/ach-icon.component';
 import { BankIconComponent } from './components/bank-icon.component';
@@ -55,6 +58,7 @@ import { ChevronRightIconComponent } from './components/chevron-right-icon.compo
 import { ChevronUpIconComponent } from './components/chevron-up-icon.component';
 import { ChipIconComponent } from './components/chip-icon.component';
 import { ChipPinIconComponent } from './components/chip-pin-icon.component';
+import { ClickToPayIconComponent } from './components/click-to-pay-icon.component';
 import { ClockBorderlessIconComponent } from './components/clock-borderless-icon.component';
 import { ClockFillIconComponent } from './components/clock-fill-icon.component';
 import { ClockIconComponent } from './components/clock-icon.component';
@@ -95,6 +99,7 @@ import { FastFlagIconComponent } from './components/fast-flag-icon.component';
 import { FingerprintIconComponent } from './components/fingerprint-icon.component';
 import { FpxIconComponent } from './components/fpx-icon.component';
 import { FreezeIconComponent } from './components/freeze-icon.component';
+import { GamblingIconComponent } from './components/gambling-icon.component';
 import { GeneralFillIconComponent } from './components/general-fill-icon.component';
 import { GeneralFilledIconComponent } from './components/general-filled-icon.component';
 import { GeneralIconComponent } from './components/general-icon.component';
@@ -130,6 +135,7 @@ import { InteracIconComponent } from './components/interac-icon.component';
 import { JarIconComponent } from './components/jar-icon.component';
 import { KeepIconComponent } from './components/keep-icon.component';
 import { KlarnaIconComponent } from './components/klarna-icon.component';
+import { LaptopIconComponent } from './components/laptop-icon.component';
 import { LeafIconComponent } from './components/leaf-icon.component';
 import { LightningBoltIconComponent } from './components/lightning-bolt-icon.component';
 import { LightningIconComponent } from './components/lightning-icon.component';
@@ -165,6 +171,7 @@ import { PadlockIconComponent } from './components/padlock-icon.component';
 import { LockIconComponent } from './components/lock-icon.component';
 import { PaperclipIconComponent } from './components/paperclip-icon.component';
 import { PassportIconComponent } from './components/passport-icon.component';
+import { PauseIconComponent } from './components/pause-icon.component';
 import { PayInIconComponent } from './components/pay-in-icon.component';
 import { SalaryIconComponent } from './components/salary-icon.component';
 import { PaymentsIconComponent } from './components/payments-icon.component';
@@ -176,6 +183,7 @@ import { TaxIconComponent } from './components/tax-icon.component';
 import { PersonIconComponent } from './components/person-icon.component';
 import { ProfileIconComponent } from './components/profile-icon.component';
 import { PersonalCareIconComponent } from './components/personal-care-icon.component';
+import { PetsIconComponent } from './components/pets-icon.component';
 import { PhoneIconComponent } from './components/phone-icon.component';
 import { PieChartIconComponent } from './components/pie-chart-icon.component';
 import { ExpensesIconComponent } from './components/expenses-icon.component';
@@ -183,6 +191,7 @@ import { PiggyBankIconComponent } from './components/piggy-bank-icon.component';
 import { SavingsIconComponent } from './components/savings-icon.component';
 import { PixIconComponent } from './components/pix-icon.component';
 import { PlaneIconComponent } from './components/plane-icon.component';
+import { PlayIconComponent } from './components/play-icon.component';
 import { PlusCircleIconComponent } from './components/plus-circle-icon.component';
 import { PlusIconComponent } from './components/plus-icon.component';
 import { QrCodeIconComponent } from './components/qr-code-icon.component';
@@ -203,6 +212,7 @@ import { RequestSendIconComponent } from './components/request-send-icon.compone
 import { RewardsIconComponent } from './components/rewards-icon.component';
 import { SadEmojiIconComponent } from './components/sad-emoji-icon.component';
 import { DontIconComponent } from './components/dont-icon.component';
+import { ScanQrCodeIconComponent } from './components/scan-qr-code-icon.component';
 import { SearchIconComponent } from './components/search-icon.component';
 import { SendIconComponent } from './components/send-icon.component';
 import { ShareAndroidIconComponent } from './components/share-android-icon.component';
@@ -214,6 +224,7 @@ import { SliderIconComponent } from './components/slider-icon.component';
 import { SofortIconComponent } from './components/sofort-icon.component';
 import { SoftwareAndHostingIconComponent } from './components/software-and-hosting-icon.component';
 import { SoftwareAndWebHostingIconComponent } from './components/software-and-web-hosting-icon.component';
+import { SpeechBubbleExclamationIconComponent } from './components/speech-bubble-exclamation-icon.component';
 import { SpeechBubbleMessageIconComponent } from './components/speech-bubble-message-icon.component';
 import { FeedbackIconComponent } from './components/feedback-icon.component';
 import { SpeechBubblePendingIconComponent } from './components/speech-bubble-pending-icon.component';
@@ -246,12 +257,15 @@ import { StarFillIconComponent } from './components/star-fill-icon.component';
 import { StarIconComponent } from './components/star-icon.component';
 import { StationeryIconComponent } from './components/stationery-icon.component';
 import { OfficeExpensesIconComponent } from './components/office-expenses-icon.component';
+import { StopIconComponent } from './components/stop-icon.component';
 import { SuitcaseIconComponent } from './components/suitcase-icon.component';
 import { TravelIconComponent } from './components/travel-icon.component';
 import { SunglassesIconComponent } from './components/sunglasses-icon.component';
 import { SwitchIconComponent } from './components/switch-icon.component';
+import { TakeawayIconComponent } from './components/takeaway-icon.component';
 import { TargetIconComponent } from './components/target-icon.component';
 import { MarketingIconComponent } from './components/marketing-icon.component';
+import { TaxiIconComponent } from './components/taxi-icon.component';
 import { TeamIconComponent } from './components/team-icon.component';
 import { ThemeIconComponent } from './components/theme-icon.component';
 import { TransferIconComponent } from './components/transfer-icon.component';
@@ -274,11 +288,14 @@ export const TwIconsModule = angular
   .component('twAlertCircleFillIcon', AlertCircleFillIconComponent)
   .component('twAlertCircleIcon', AlertCircleIconComponent)
   .component('twAlertIcon', AlertIconComponent)
+  .component('twArrowDiagonalDownIcon', ArrowDiagonalDownIconComponent)
+  .component('twArrowDiagonalUpIcon', ArrowDiagonalUpIconComponent)
   .component('twArrowDownIcon', ArrowDownIconComponent)
   .component('twArrowLeftIcon', ArrowLeftIconComponent)
   .component('twArrowRightIcon', ArrowRightIconComponent)
   .component('twArrowUpIcon', ArrowUpIconComponent)
   .component('twAutoConvertIcon', AutoConvertIconComponent)
+  .component('twBankStrikethroughIcon', BankStrikethroughIconComponent)
   .component('twBankTransferIcon', BankTransferIconComponent)
   .component('twAchIcon', AchIconComponent)
   .component('twBankIcon', BankIconComponent)
@@ -326,6 +343,7 @@ export const TwIconsModule = angular
   .component('twChevronUpIcon', ChevronUpIconComponent)
   .component('twChipIcon', ChipIconComponent)
   .component('twChipPinIcon', ChipPinIconComponent)
+  .component('twClickToPayIcon', ClickToPayIconComponent)
   .component('twClockBorderlessIcon', ClockBorderlessIconComponent)
   .component('twClockFillIcon', ClockFillIconComponent)
   .component('twClockIcon', ClockIconComponent)
@@ -366,6 +384,7 @@ export const TwIconsModule = angular
   .component('twFingerprintIcon', FingerprintIconComponent)
   .component('twFpxIcon', FpxIconComponent)
   .component('twFreezeIcon', FreezeIconComponent)
+  .component('twGamblingIcon', GamblingIconComponent)
   .component('twGeneralFillIcon', GeneralFillIconComponent)
   .component('twGeneralFilledIcon', GeneralFilledIconComponent)
   .component('twGeneralIcon', GeneralIconComponent)
@@ -401,6 +420,7 @@ export const TwIconsModule = angular
   .component('twJarIcon', JarIconComponent)
   .component('twKeepIcon', KeepIconComponent)
   .component('twKlarnaIcon', KlarnaIconComponent)
+  .component('twLaptopIcon', LaptopIconComponent)
   .component('twLeafIcon', LeafIconComponent)
   .component('twLightningBoltIcon', LightningBoltIconComponent)
   .component('twLightningIcon', LightningIconComponent)
@@ -436,6 +456,7 @@ export const TwIconsModule = angular
   .component('twLockIcon', LockIconComponent)
   .component('twPaperclipIcon', PaperclipIconComponent)
   .component('twPassportIcon', PassportIconComponent)
+  .component('twPauseIcon', PauseIconComponent)
   .component('twPayInIcon', PayInIconComponent)
   .component('twSalaryIcon', SalaryIconComponent)
   .component('twPaymentsIcon', PaymentsIconComponent)
@@ -447,6 +468,7 @@ export const TwIconsModule = angular
   .component('twPersonIcon', PersonIconComponent)
   .component('twProfileIcon', ProfileIconComponent)
   .component('twPersonalCareIcon', PersonalCareIconComponent)
+  .component('twPetsIcon', PetsIconComponent)
   .component('twPhoneIcon', PhoneIconComponent)
   .component('twPieChartIcon', PieChartIconComponent)
   .component('twExpensesIcon', ExpensesIconComponent)
@@ -454,6 +476,7 @@ export const TwIconsModule = angular
   .component('twSavingsIcon', SavingsIconComponent)
   .component('twPixIcon', PixIconComponent)
   .component('twPlaneIcon', PlaneIconComponent)
+  .component('twPlayIcon', PlayIconComponent)
   .component('twPlusCircleIcon', PlusCircleIconComponent)
   .component('twPlusIcon', PlusIconComponent)
   .component('twQrCodeIcon', QrCodeIconComponent)
@@ -474,6 +497,7 @@ export const TwIconsModule = angular
   .component('twRewardsIcon', RewardsIconComponent)
   .component('twSadEmojiIcon', SadEmojiIconComponent)
   .component('twDontIcon', DontIconComponent)
+  .component('twScanQrCodeIcon', ScanQrCodeIconComponent)
   .component('twSearchIcon', SearchIconComponent)
   .component('twSendIcon', SendIconComponent)
   .component('twShareAndroidIcon', ShareAndroidIconComponent)
@@ -485,6 +509,7 @@ export const TwIconsModule = angular
   .component('twSofortIcon', SofortIconComponent)
   .component('twSoftwareAndHostingIcon', SoftwareAndHostingIconComponent)
   .component('twSoftwareAndWebHostingIcon', SoftwareAndWebHostingIconComponent)
+  .component('twSpeechBubbleExclamationIcon', SpeechBubbleExclamationIconComponent)
   .component('twSpeechBubbleMessageIcon', SpeechBubbleMessageIconComponent)
   .component('twFeedbackIcon', FeedbackIconComponent)
   .component('twSpeechBubblePendingIcon', SpeechBubblePendingIconComponent)
@@ -517,12 +542,15 @@ export const TwIconsModule = angular
   .component('twStarIcon', StarIconComponent)
   .component('twStationeryIcon', StationeryIconComponent)
   .component('twOfficeExpensesIcon', OfficeExpensesIconComponent)
+  .component('twStopIcon', StopIconComponent)
   .component('twSuitcaseIcon', SuitcaseIconComponent)
   .component('twTravelIcon', TravelIconComponent)
   .component('twSunglassesIcon', SunglassesIconComponent)
   .component('twSwitchIcon', SwitchIconComponent)
+  .component('twTakeawayIcon', TakeawayIconComponent)
   .component('twTargetIcon', TargetIconComponent)
   .component('twMarketingIcon', MarketingIconComponent)
+  .component('twTaxiIcon', TaxiIconComponent)
   .component('twTeamIcon', TeamIconComponent)
   .component('twThemeIcon', ThemeIconComponent)
   .component('twTransferIcon', TransferIconComponent)

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

@@ -0,0 +1,51 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface ArrowDiagonalDownIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const ArrowDiagonalDown: React.FunctionComponent<ArrowDiagonalDownIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<ArrowDiagonalDown filled /> is now deprecated, please use <ArrowDiagonalDownFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-arrow-diagonal-down ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'arrow-diagonal-down-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
+              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"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

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

@@ -0,0 +1,51 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface ArrowDiagonalUpIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const ArrowDiagonalUp: React.FunctionComponent<ArrowDiagonalUpIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<ArrowDiagonalUp filled /> is now deprecated, please use <ArrowDiagonalUpFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-arrow-diagonal-up ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'arrow-diagonal-up-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
+              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"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/bank-strikethrough.tsx

@@ -0,0 +1,53 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface BankStrikethroughIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const BankStrikethrough: React.FunctionComponent<BankStrikethroughIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<BankStrikethrough filled /> is now deprecated, please use <BankStrikethroughFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-bank-strikethrough ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'bank-strikethrough-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="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"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/car.tsx

@@ -38,9 +38,11 @@ export const Car: React.FunctionComponent<CarIconProps> = ({
       >
         {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
           <>
+            <circle cx="6.428" cy="13.286" r=".857" />
+            <circle cx="17.572" cy="13.286" r=".857" />
             <path
               fillRule="evenodd"
-              d="M22.297 7.713v.857c0 .472-.386.857-.857.815h-.558c.343.385.558.857.643 1.414l.772 6.214a.79.79 0 0 1-.215.686.771.771 0 0 1-.642.3h-.858v2.571a.86.86 0 0 1-.857.857h-1.714a.86.86 0 0 1-.857-.857V18H6.868v2.571a.86.86 0 0 1-.857.857H4.297a.86.86 0 0 1-.857-.857V18h-.858c-.257 0-.471-.043-.642-.257-.172-.215-.258-.429-.215-.686l.772-6.214c.043-.557.3-1.029.643-1.415h-.558a.86.86 0 0 1-.857-.857v-.857a.86.86 0 0 1 .857-.857H4.468l1.629-3.771a.847.847 0 0 1 .771-.515h10.286c.343 0 .643.215.771.515l1.629 3.771H21.44a.86.86 0 0 1 .857.857Zm-5.7-3.428H7.425L5.582 8.57H18.44l-1.843-4.285ZM4.21 11.056l-.643 5.229h16.886l-.6-5.229a.877.877 0 0 0-.857-.771H5.068a.877.877 0 0 0-.857.771ZM6.44 14.57a1.286 1.286 0 1 0 0-2.572 1.286 1.286 0 0 0 0 2.572Zm11.143 0a1.286 1.286 0 1 0 0-2.572 1.286 1.286 0 0 0 0 2.572Z"
+              d="M6.69 2.571a.861.861 0 0 0-.8.542L4.047 7.714H2.143a.429.429 0 0 0-.429.429V9c0 .237.192.429.429.429h.903c-.346.386-.578.88-.64 1.43l-.686 6.184a.861.861 0 0 0 .856.957H3v2.567c0 .476.386.862.861.862h2.992a.861.861 0 0 0 .861-.862V18h8.572v2.567c0 .476.385.862.861.862h2.992a.861.861 0 0 0 .86-.862V18h.424a.861.861 0 0 0 .857-.957l-.688-6.184a2.563 2.563 0 0 0-.639-1.43h.904A.429.429 0 0 0 22.285 9v-.857a.429.429 0 0 0-.428-.429h-1.905L18.11 3.113a.861.861 0 0 0-.8-.542H6.69Zm12.347 7.715H4.963a.857.857 0 0 0-.852.762l-.582 5.238H20.47l-.582-5.238a.857.857 0 0 0-.852-.762Zm-.589-1.715-1.715-4.285H7.267L5.552 8.57h12.896ZM4.714 19.714V18H6v1.714H4.714Zm13.286 0V18h1.286v1.714H18Z"
               clipRule="evenodd"
             />
           </>

package/build/components/click-to-pay.tsx

@@ -0,0 +1,48 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface ClickToPayIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const ClickToPay: React.FunctionComponent<ClickToPayIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<ClickToPay filled /> is now deprecated, please use <ClickToPayFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-click-to-pay ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'click-to-pay-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 d="M16.702 18.453h-3.429c-.244 0-.538-.147-.636-.392-.098-.245-.098-.539.098-.735l4.408-5.29-4.555-5.044h-1.323l3.919 4.457a.62.62 0 0 1 0 .882l-4.212 4.995c-.294.441-1.03 1.127-2.058 1.127H3.87c-.734-.098-2.155-.735-2.155-2.449V7.922c0-.93.588-2.302 2.253-2.302h3.135a.67.67 0 0 1 .686.686.67.67 0 0 1-.686.686H3.967c-.734 0-.832.637-.832.93v8.033c0 .833.685 1.029.881 1.078h4.898c.588 0 .931-.49.931-.49 0-.05.049-.05.049-.098l3.87-4.604-4.507-5.143a.594.594 0 0 1-.098-.735c.098-.245.343-.392.637-.392h3.184c.196 0 .391.098.49.245l5.142 5.73c.245.246.245.638 0 .931l-3.87 4.605h1.666l4.261-5.045-4.457-5.29a.699.699 0 0 1 .098-.98.699.699 0 0 1 .98.098l4.849 5.73a.734.734 0 0 1 0 .882l-4.85 5.731c-.195.147-.342.245-.587.245Z" />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/drivers-license.tsx

@@ -38,9 +38,11 @@ export const DriversLicense: React.FunctionComponent<DriversLicenseIconProps> =
       >
         {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
           <>
+            <circle cx="6.428" cy="13.286" r=".857" />
+            <circle cx="17.572" cy="13.286" r=".857" />
             <path
               fillRule="evenodd"
-              d="M22.297 7.713v.857c0 .472-.386.857-.857.815h-.558c.343.385.558.857.643 1.414l.772 6.214a.79.79 0 0 1-.215.686.771.771 0 0 1-.642.3h-.858v2.571a.86.86 0 0 1-.857.857h-1.714a.86.86 0 0 1-.857-.857V18H6.868v2.571a.86.86 0 0 1-.857.857H4.297a.86.86 0 0 1-.857-.857V18h-.858c-.257 0-.471-.043-.642-.257-.172-.215-.258-.429-.215-.686l.772-6.214c.043-.557.3-1.029.643-1.415h-.558a.86.86 0 0 1-.857-.857v-.857a.86.86 0 0 1 .857-.857H4.468l1.629-3.771a.847.847 0 0 1 .771-.515h10.286c.343 0 .643.215.771.515l1.629 3.771H21.44a.86.86 0 0 1 .857.857Zm-5.7-3.428H7.425L5.582 8.57H18.44l-1.843-4.285ZM4.21 11.056l-.643 5.229h16.886l-.6-5.229a.877.877 0 0 0-.857-.771H5.068a.877.877 0 0 0-.857.771ZM6.44 14.57a1.286 1.286 0 1 0 0-2.572 1.286 1.286 0 0 0 0 2.572Zm11.143 0a1.286 1.286 0 1 0 0-2.572 1.286 1.286 0 0 0 0 2.572Z"
+              d="M6.69 2.571a.861.861 0 0 0-.8.542L4.047 7.714H2.143a.429.429 0 0 0-.429.429V9c0 .237.192.429.429.429h.903c-.346.386-.578.88-.64 1.43l-.686 6.184a.861.861 0 0 0 .856.957H3v2.567c0 .476.386.862.861.862h2.992a.861.861 0 0 0 .861-.862V18h8.572v2.567c0 .476.385.862.861.862h2.992a.861.861 0 0 0 .86-.862V18h.424a.861.861 0 0 0 .857-.957l-.688-6.184a2.563 2.563 0 0 0-.639-1.43h.904A.429.429 0 0 0 22.285 9v-.857a.429.429 0 0 0-.428-.429h-1.905L18.11 3.113a.861.861 0 0 0-.8-.542H6.69Zm12.347 7.715H4.963a.857.857 0 0 0-.852.762l-.582 5.238H20.47l-.582-5.238a.857.857 0 0 0-.852-.762Zm-.589-1.715-1.715-4.285H7.267L5.552 8.57h12.896ZM4.714 19.714V18H6v1.714H4.714Zm13.286 0V18h1.286v1.714H18Z"
               clipRule="evenodd"
             />
           </>

package/build/components/eating-out.tsx

@@ -40,7 +40,7 @@ export const EatingOut: React.FunctionComponent<EatingOutIconProps> = ({
           <>
             <path
               fillRule="evenodd"
-              d="M15.698 3.859 10.127 9.43h2.932l6.784-6.784 1.212 1.213-5.571 5.571h2.859c.47 0 .857.38.857.857v1.32a7.062 7.062 0 0 1-4.312 6.505l.635 2.22a.861.861 0 0 1-.829 1.098H7.42a.861.861 0 0 1-.828-1.098l.634-2.22a7.062 7.062 0 0 1-4.312-6.505v-1.32c0-.471.382-.857.857-.857h3.931l6.784-6.784 1.212 1.213Zm1.788 7.285H4.629v.463a5.347 5.347 0 0 0 3.878 5.142c.453.13.72.602.589 1.06l-.545 1.907h5.013l-.545-1.908a.857.857 0 0 1 .588-1.06 5.347 5.347 0 0 0 3.879-5.14v-.464Z"
+              d="M16.212 3.429 10.64 9h3.576L21 2.216l1.212 1.213L16.64 9h4.844c.48 0 .858.39.858.857v.868c0 4.006-2.403 7.599-6.056 9.147V21c0 .71-.576 1.286-1.286 1.286H9c-.71 0-1.286-.576-1.286-1.286v-1.13a9.89 9.89 0 0 1-6-9.093v-.92c0-.475.386-.857.858-.857h5.644L15 2.216l1.212 1.213Zm4.415 7.285H3.43v.063a8.176 8.176 0 0 0 5.426 7.7c.344.123.574.449.574.814v1.28h5.143v-1.28c0-.366.23-.693.576-.815a8.222 8.222 0 0 0 5.48-7.751v-.01Z"
               clipRule="evenodd"
             />
           </>

package/build/components/gambling.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface GamblingIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Gambling: React.FunctionComponent<GamblingIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Gambling filled /> is now deprecated, please use <GamblingFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-gambling ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'gambling-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="M11.143 3.471a8.53 8.53 0 0 0-4.449 1.797L7.917 6.49a6.821 6.821 0 0 1 3.226-1.295V3.47Zm-7.648 7.458a8.535 8.535 0 0 1 1.966-4.47l1.217 1.217a6.827 6.827 0 0 0-1.452 3.253H3.495Zm7.648 9.6a8.534 8.534 0 0 1-4.684-1.99l1.217-1.217c.97.79 2.162 1.32 3.467 1.482v1.725Zm-4.652-4.446-1.223 1.223a8.53 8.53 0 0 1-1.816-4.663h1.72a6.82 6.82 0 0 0 1.319 3.44Zm11.05 2.456a8.534 8.534 0 0 1-4.684 1.99v-1.725a6.826 6.826 0 0 0 3.467-1.482l1.218 1.217Zm1.192-1.233a8.53 8.53 0 0 0 1.815-4.663h-1.72a6.82 6.82 0 0 1-1.318 3.44l1.223 1.223ZM17.306 5.268a8.53 8.53 0 0 0-4.449-1.797v1.725a6.821 6.821 0 0 1 3.226 1.294l1.223-1.222Zm1.233 1.19-1.217 1.218a6.827 6.827 0 0 1 1.452 3.253h1.731a8.535 8.535 0 0 0-1.965-4.47ZM1.715 12C1.714 6.32 6.32 1.714 12 1.714c5.68 0 10.286 4.605 10.286 10.286 0 5.68-4.605 10.286-10.286 10.286C6.32 22.286 1.714 17.68 1.714 12ZM12 6.857a5.143 5.143 0 1 0 0 10.286 5.143 5.143 0 0 0 0-10.286Zm.654 1.589a.861.861 0 0 0-1.308 0L8.78 11.439a.861.861 0 0 0 0 1.122l2.566 2.993a.861.861 0 0 0 1.308 0l2.566-2.993a.861.861 0 0 0 0-1.122l-2.566-2.993ZM10.557 12 12 10.317 13.443 12 12 13.683 10.557 12Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/laptop.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface LaptopIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Laptop: React.FunctionComponent<LaptopIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Laptop filled /> is now deprecated, please use <LaptopFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-laptop ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'laptop-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="M3 5.147c0-.476.386-.861.861-.861H20.14c.475 0 .861.385.861.861V15h.424c.476 0 .862.386.862.861v1.71a2.571 2.571 0 0 1-2.572 2.572H4.286a2.571 2.571 0 0 1-2.572-2.572v-1.71c0-.475.386-.861.862-.861H3V5.147ZM4.714 6v9h14.572V6H4.714ZM3.43 16.714v.857c0 .474.383.858.857.858h15.428a.857.857 0 0 0 .858-.858v-.857h-6.43v.429a.429.429 0 0 1-.428.428h-3a.429.429 0 0 1-.428-.428v-.429H3.429Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};