@transferwise/icons 3.7.0 → 3.9.0

package/build/components/pause.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface PauseIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Pause: React.FunctionComponent<PauseIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Pause filled /> is now deprecated, please use <PauseFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-pause ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'pause-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="M12 20.572a8.571 8.571 0 1 0 0-17.143 8.571 8.571 0 0 0 0 17.143Zm0 1.714c5.68 0 10.286-4.605 10.286-10.286C22.286 6.32 17.68 1.714 12 1.714 6.32 1.714 1.714 6.32 1.714 12c0 5.68 4.605 10.286 10.286 10.286Zm.857-13.71c0-.003.002-.005.004-.005h1.706c.002 0 .004.002.004.005v6.848a.004.004 0 0 1-.004.004H12.86a.004.004 0 0 1-.004-.004V8.576ZM9.433 8.57a.004.004 0 0 0-.004.005v6.848c0 .003.002.004.004.004h1.706a.004.004 0 0 0 .004-.004V8.576a.004.004 0 0 0-.004-.005H9.433Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/payments.tsx

@@ -40,7 +40,7 @@ export const Payments: React.FunctionComponent<PaymentsIconProps> = ({
           <>
             <path
               fillRule="evenodd"
-              d="m12 7.37-1.2 1.2-3.085-3.086v15.943H6V5.484L2.915 8.57l-1.2-1.2 4.543-4.543a.829.829 0 0 1 1.2 0L12 7.37Zm0 9.257 1.2-1.2 3.086 3.085V2.57H18v15.942l3.086-3.085 1.2 1.2-4.543 4.543a.829.829 0 0 1-1.2 0L12 16.627Z"
+              d="M6.857 3.43h4.359l-9.465 9.464 1.212 1.212 9.465-9.465v4.36h1.715V2.576a.861.861 0 0 0-.862-.861H6.857v1.714Zm10.286 17.142h-4.36l9.466-9.466-1.212-1.212-9.466 9.465V15H9.857v6.424c0 .476.386.862.861.862h6.425v-1.714Z"
               clipRule="evenodd"
             />
           </>

package/build/components/pets.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface PetsIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Pets: React.FunctionComponent<PetsIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Pets filled /> is now deprecated, please use <PetsFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-pets ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'pets-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="M15.166 5.143c-.28 0-.848.384-.848 1.334 0 .95.568 1.335.848 1.335s.847-.385.847-1.335-.567-1.334-.847-1.334Zm-2.562 1.334c0-1.47.959-3.048 2.562-3.048 1.602 0 2.561 1.578 2.561 3.048 0 1.471-.959 3.05-2.561 3.05-1.603 0-2.562-1.579-2.562-3.05Zm6.945 4.023c-.28 0-.848.385-.848 1.335s.568 1.334.848 1.334.847-.385.847-1.334c0-.95-.567-1.335-.847-1.335Zm-2.562 1.335c0-1.471.959-3.05 2.562-3.05 1.602 0 2.561 1.579 2.561 3.05 0 1.47-.959 3.048-2.561 3.048-1.603 0-2.562-1.578-2.562-3.048Zm-13.383 0c0-.95.567-1.335.847-1.335s.848.385.848 1.335-.568 1.334-.848 1.334-.847-.385-.847-1.334Zm.847-3.05c-1.602 0-2.561 1.579-2.561 3.05 0 1.47.959 3.048 2.561 3.048 1.603 0 2.562-1.578 2.562-3.048 0-1.471-.959-3.05-2.562-3.05Zm4.383-3.642c-.28 0-.847.384-.847 1.334 0 .95.567 1.335.847 1.335s.848-.385.848-1.335-.568-1.334-.848-1.334ZM6.273 6.477c0-1.47.959-3.048 2.561-3.048 1.603 0 2.562 1.578 2.562 3.048 0 1.471-.959 3.05-2.562 3.05-1.602 0-2.561-1.579-2.561-3.05Zm8.379 5.305c-.87-2.521-4.435-2.521-5.304 0l-.784 2.274c-.058.168-.157.32-.287.441l-1.241 1.16c-2.07 1.933-.297 5.365 2.477 4.798l2.268-.464c.144-.03.293-.03.437 0l2.269.464c2.774.567 4.546-2.865 2.477-4.798l-1.241-1.16a1.092 1.092 0 0 1-.287-.441l-.784-2.274Zm-3.683.559c.338-.98 1.724-.98 2.062 0l.784 2.273c.15.433.403.823.737 1.136l1.242 1.16c.804.751.115 2.086-.964 1.865l-2.268-.464a2.804 2.804 0 0 0-1.124 0l-2.269.464c-1.079.221-1.768-1.114-.963-1.866l1.241-1.16c.335-.312.588-.702.737-1.135l.785-2.273Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/play.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface PlayIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Play: React.FunctionComponent<PlayIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Play filled /> is now deprecated, please use <PlayFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-play ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'play-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="M20.572 12a8.571 8.571 0 1 1-17.143 0 8.571 8.571 0 0 1 17.143 0Zm1.714 0c0 5.68-4.605 10.286-10.286 10.286C6.32 22.286 1.714 17.68 1.714 12 1.714 6.32 6.32 1.714 12 1.714c5.68 0 10.286 4.605 10.286 10.286Zm-6.263.805a.429.429 0 0 0 0-.753L9.848 8.691a.429.429 0 0 0-.634.376v6.723c0 .325.348.532.634.376l6.175-3.361Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/scan-qr-code.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface ScanQrCodeIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const ScanQrCode: React.FunctionComponent<ScanQrCodeIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<ScanQrCode filled /> is now deprecated, please use <ScanQrCodeFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-scan-qr-code ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'scan-qr-code-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="M2.576 1.714a.861.861 0 0 0-.862.862V8.57H3.43V3.43h5.143V1.714H2.575Zm18.848 20.572a.861.861 0 0 0 .862-.862V15.43H20.57v5.142h-5.143v1.715h5.996Zm0-20.572c.476 0 .862.386.862.862V8.57H20.57V3.43h-5.143V1.714h5.996Zm-19.71 19.71c0 .476.386.862.862.862H8.57V20.57H3.43v-5.143H1.714v5.996Zm12.857-13.71V9.43h1.714V7.714h-1.714ZM13.286 6a.429.429 0 0 0-.43.429v4.285c0 .237.193.429.43.429h4.285a.429.429 0 0 0 .429-.429V6.43A.429.429 0 0 0 17.57 6h-4.286ZM7.714 9.429V7.714H9.43V9.43H7.714ZM6 6.429C6 6.192 6.192 6 6.429 6h4.285c.237 0 .429.192.429.429v4.285a.429.429 0 0 1-.429.429H6.43A.429.429 0 0 1 6 10.714V6.43Zm1.714 8.142v1.714H9.43v-1.714H7.714ZM6.43 12.857a.429.429 0 0 0-.429.429v4.285c0 .237.192.429.429.429h4.285a.429.429 0 0 0 .429-.429v-4.286a.429.429 0 0 0-.429-.428H6.43ZM15 15h-2.143v-2.143H15V15Zm0 3h-2.143v-2.143H15V18Zm.857-3H18v-2.143h-2.143V15ZM18 18h-2.143v-2.143H18V18Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/slider.tsx

@@ -40,7 +40,7 @@ export const Slider: React.FunctionComponent<SliderIconProps> = ({
           <>
             <path
               fillRule="evenodd"
-              d="M6 6.856a.857.857 0 0 0 .857-.837v-.04A.857.857 0 1 0 6 6.856Zm0 1.715c1.12 0 2.072-.716 2.425-1.714H21V5.143H8.425a2.572 2.572 0 0 0-4.85 0H3v1.714h.575A2.573 2.573 0 0 0 6 8.57Zm8.717 2.572a2.573 2.573 0 0 1 4.851 0H21v1.714h-1.432a2.572 2.572 0 0 1-4.85 0H3v-1.714h11.717ZM6.576 17.14a2.573 2.573 0 0 1 4.849 0H21v1.714h-9.574a2.572 2.572 0 0 1-4.851 0H3V17.14h3.576ZM18 11.999a.857.857 0 1 1-1.714 0A.857.857 0 0 1 18 12Zm-8.143 6a.857.857 0 1 1-1.714 0 .857.857 0 0 1 1.714 0Z"
+              d="M8.143 9.428a2.143 2.143 0 1 0 0-4.285 2.143 2.143 0 0 0 0 4.285Zm0 1.715a3.859 3.859 0 0 0 3.761-3H21V6.428h-9.095a3.859 3.859 0 0 0-7.524 0h-1.38v1.715h1.38c.39 1.717 1.926 3 3.762 3Zm7.714 7.714a2.143 2.143 0 1 0 0-4.286 2.143 2.143 0 0 0 0 4.286Zm0 1.714a3.859 3.859 0 0 0 3.762-3H21v-1.714H19.62a3.859 3.859 0 0 0-7.523 0H3v1.714h9.096c.39 1.718 1.925 3 3.761 3Z"
               clipRule="evenodd"
             />
           </>

package/build/components/speech-bubble-exclamation.tsx

@@ -0,0 +1,53 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface SpeechBubbleExclamationIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const SpeechBubbleExclamation: React.FunctionComponent<SpeechBubbleExclamationIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<SpeechBubbleExclamation filled /> is now deprecated, please use <SpeechBubbleExclamationFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-speech-bubble-exclamation ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'speech-bubble-exclamation-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="M2.571 3H21.43a.86.86 0 0 1 .857.857v12.857a.86.86 0 0 1-.857.857h-8.315l-4.928 3.3a.864.864 0 0 1-.472.129c-.128 0-.257 0-.385-.086a.903.903 0 0 1-.472-.771V17.57H2.572a.86.86 0 0 1-.858-.857V3.857A.86.86 0 0 1 2.571 3Zm10.286 12.857h7.715V4.714H3.428v11.143h4.285a.86.86 0 0 1 .857.857v1.843l3.815-2.571a.864.864 0 0 1 .471-.129Zm0-9.428h-1.714v4.285h1.714V6.43ZM12 14.144a1.286 1.286 0 1 0 0-2.572 1.286 1.286 0 0 0 0 2.572Z"
+              clipRule="evenodd"
+              style="fill:#f0f;fill:color(display-p3 1 0 1);fill-opacity:1"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/stop.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface StopIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Stop: React.FunctionComponent<StopIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Stop filled /> is now deprecated, please use <StopFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-stop ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'stop-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="M20.572 12a8.571 8.571 0 1 1-17.143 0 8.571 8.571 0 0 1 17.143 0Zm1.714 0c0 5.68-4.605 10.286-10.286 10.286C6.32 22.286 1.714 17.68 1.714 12 1.714 6.32 6.32 1.714 12 1.714c5.68 0 10.286 4.605 10.286 10.286ZM9 8.571A.429.429 0 0 0 8.57 9v6c0 .237.192.428.429.428h6a.428.428 0 0 0 .428-.428V9A.429.429 0 0 0 15 8.57H9Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/takeaway.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface TakeawayIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Takeaway: React.FunctionComponent<TakeawayIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Takeaway filled /> is now deprecated, please use <TakeawayFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-takeaway ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'takeaway-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="M19.483 5.143h.66c.71 0 1.285.576 1.285 1.286v3.428c0 .71-.575 1.286-1.285 1.286h-.546l-1.484 10.045a1.286 1.286 0 0 1-1.272 1.098H7.158a1.286 1.286 0 0 1-1.272-1.098L4.403 11.143h-.546c-.71 0-1.286-.576-1.286-1.286V6.43c0-.71.576-1.286 1.286-1.286h.66l.811-2.535c.17-.532.666-.894 1.225-.894h10.894c.56 0 1.054.362 1.225.894l.81 2.535Zm-1.8 0-.549-1.714H6.866l-.549 1.714h11.366Zm.587 1.714h1.444V9.43H4.286V6.857H18.269ZM7.528 20.572l-1.392-9.43h11.728l-1.393 9.43H7.528Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/taxi.tsx

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

package/build/components/transport.tsx

@@ -40,7 +40,7 @@ export const Transport: React.FunctionComponent<TransportIconProps> = ({
           <>
             <path
               fillRule="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"
+              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"
               clipRule="evenodd"
             />
           </>

package/build/icons.json

@@ -20,6 +20,20 @@
       "alert": "./wise-atoms/icons/alert.svg"
     }
   },
+  "arrow-diagonal-down": {
+    "name": "arrow-diagonal-down",
+    "componentName": "ArrowDiagonalDown",
+    "svgFiles": {
+      "arrow-diagonal-down": "./wise-atoms/icons/arrow-diagonal-down.svg"
+    }
+  },
+  "arrow-diagonal-up": {
+    "name": "arrow-diagonal-up",
+    "componentName": "ArrowDiagonalUp",
+    "svgFiles": {
+      "arrow-diagonal-up": "./wise-atoms/icons/arrow-diagonal-up.svg"
+    }
+  },
   "arrow-down": {
     "name": "arrow-down",
     "componentName": "ArrowDown",
@@ -55,6 +69,13 @@
       "auto-convert": "./wise-atoms/icons/auto-convert.svg"
     }
   },
+  "bank-strikethrough": {
+    "name": "bank-strikethrough",
+    "componentName": "BankStrikethrough",
+    "svgFiles": {
+      "bank-strikethrough": "./wise-atoms/icons/bank-strikethrough.svg"
+    }
+  },
   "bank-transfer": {
     "name": "bank-transfer",
     "componentName": "BankTransfer",
@@ -398,6 +419,13 @@
       "chip-pin": "./wise-atoms/icons/chip.svg"
     }
   },
+  "click-to-pay": {
+    "name": "click-to-pay",
+    "componentName": "ClickToPay",
+    "svgFiles": {
+      "click-to-pay": "./wise-atoms/icons/click-to-pay.svg"
+    }
+  },
   "clock-borderless": {
     "name": "clock-borderless",
     "componentName": "ClockBorderless",
@@ -683,6 +711,13 @@
       "freeze": "./wise-atoms/icons/freeze.svg"
     }
   },
+  "gambling": {
+    "name": "gambling",
+    "componentName": "Gambling",
+    "svgFiles": {
+      "gambling": "./wise-atoms/icons/gambling.svg"
+    }
+  },
   "general-fill": {
     "name": "general-fill",
     "componentName": "GeneralFill",
@@ -937,6 +972,13 @@
       "klarna": "./wise-atoms/icons/klarna.svg"
     }
   },
+  "laptop": {
+    "name": "laptop",
+    "componentName": "Laptop",
+    "svgFiles": {
+      "laptop": "./wise-atoms/icons/laptop.svg"
+    }
+  },
   "leaf": {
     "name": "leaf",
     "componentName": "Leaf",
@@ -1187,6 +1229,13 @@
       "passport": "./wise-atoms/icons/passport.svg"
     }
   },
+  "pause": {
+    "name": "pause",
+    "componentName": "Pause",
+    "svgFiles": {
+      "pause": "./wise-atoms/icons/pause.svg"
+    }
+  },
   "pay-in": {
     "name": "pay-in",
     "componentName": "PayIn",
@@ -1268,6 +1317,13 @@
       "personal-care": "./wise-atoms/icons/personal-care.svg"
     }
   },
+  "pets": {
+    "name": "pets",
+    "componentName": "Pets",
+    "svgFiles": {
+      "pets": "./wise-atoms/icons/pets.svg"
+    }
+  },
   "phone": {
     "name": "phone",
     "componentName": "Phone",
@@ -1319,6 +1375,13 @@
       "plane": "./wise-atoms/icons/plane.svg"
     }
   },
+  "play": {
+    "name": "play",
+    "componentName": "Play",
+    "svgFiles": {
+      "play": "./wise-atoms/icons/play.svg"
+    }
+  },
   "plus-circle": {
     "name": "plus-circle",
     "componentName": "PlusCircle",
@@ -1463,6 +1526,13 @@
       "dont": "./wise-atoms/icons/sad-emoji.svg"
     }
   },
+  "scan-qr-code": {
+    "name": "scan-qr-code",
+    "componentName": "ScanQrCode",
+    "svgFiles": {
+      "scan-qr-code": "./wise-atoms/icons/scan-qr-code.svg"
+    }
+  },
   "search": {
     "name": "search",
     "componentName": "Search",
@@ -1542,6 +1612,13 @@
       "software-and-web-hosting": "./wise-atoms/icons/software-and-hosting.svg"
     }
   },
+  "speech-bubble-exclamation": {
+    "name": "speech-bubble-exclamation",
+    "componentName": "SpeechBubbleExclamation",
+    "svgFiles": {
+      "speech-bubble-exclamation": "./wise-atoms/icons/speech-bubble-exclamation.svg"
+    }
+  },
   "speech-bubble-message": {
     "name": "speech-bubble-message",
     "componentName": "SpeechBubbleMessage",
@@ -1771,6 +1848,13 @@
       "office-expenses": "./wise-atoms/icons/stationery.svg"
     }
   },
+  "stop": {
+    "name": "stop",
+    "componentName": "Stop",
+    "svgFiles": {
+      "stop": "./wise-atoms/icons/stop.svg"
+    }
+  },
   "suitcase": {
     "name": "suitcase",
     "componentName": "Suitcase",
@@ -1800,6 +1884,13 @@
       "switch": "./wise-atoms/icons/switch.svg"
     }
   },
+  "takeaway": {
+    "name": "takeaway",
+    "componentName": "Takeaway",
+    "svgFiles": {
+      "takeaway": "./wise-atoms/icons/takeaway.svg"
+    }
+  },
   "target": {
     "name": "target",
     "componentName": "Target",
@@ -1815,6 +1906,13 @@
       "marketing": "./wise-atoms/icons/target.svg"
     }
   },
+  "taxi": {
+    "name": "taxi",
+    "componentName": "Taxi",
+    "svgFiles": {
+      "taxi": "./wise-atoms/icons/taxi.svg"
+    }
+  },
   "team": {
     "name": "team",
     "componentName": "Team",