@transferwise/icons 3.6.0 → 3.7.0

package/build/components/spend-lira.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface SpendLiraIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const SpendLira: React.FunctionComponent<SpendLiraIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<SpendLira filled /> is now deprecated, please use <SpendLiraFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-spend-lira ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'spend-lira-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.571 11.999a8.571 8.571 0 1 1-17.142 0 8.571 8.571 0 0 1 17.142 0Zm1.715 0c0 5.68-4.605 10.285-10.286 10.285C6.32 22.284 1.714 17.68 1.714 12 1.714 6.318 6.32 1.713 12 1.713c5.68 0 10.286 4.605 10.286 10.286Zm-6.429 1.918v-.092h-1.714v.092c0 1.231-.94 2.243-2.143 2.357v-3.288l1.714-.578v-1.695L12 11.278V9.986l1.714-.578V7.713L12 8.278v-2.28h-1.714v2.845l-1.715.565v1.734l1.715-.578v1.28l-1.715.564v1.734l1.715-.578v2.945c0 .823.667 1.49 1.49 1.49a4.082 4.082 0 0 0 4.081-4.082Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/spend-pound.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface SpendPoundIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const SpendPound: React.FunctionComponent<SpendPoundIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<SpendPound filled /> is now deprecated, please use <SpendPoundFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-spend-pound ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'spend-pound-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.571 11.999a8.571 8.571 0 1 1-17.142 0 8.571 8.571 0 0 1 17.142 0Zm1.715 0c0 5.68-4.605 10.285-10.286 10.285C6.32 22.284 1.714 17.68 1.714 12 1.714 6.318 6.32 1.713 12 1.713c5.68 0 10.286 4.605 10.286 10.286Zm-10.072-6A3.214 3.214 0 0 0 9 9.213v1.929h-.429v1.714H9v2.571h-.429v1.715h6.857v-1.715h-4.714v-2.571h3.457v-1.714h-3.457v-1.93a1.5 1.5 0 1 1 3 0v.215h1.714v-.214a3.214 3.214 0 0 0-3.214-3.214Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/spend-real.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface SpendRealIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const SpendReal: React.FunctionComponent<SpendRealIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<SpendReal filled /> is now deprecated, please use <SpendRealFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-spend-real ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'spend-real-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.571 11.999a8.571 8.571 0 1 1-17.142 0 8.571 8.571 0 0 1 17.142 0Zm1.715 0c0 5.68-4.605 10.285-10.286 10.285C6.32 22.284 1.714 17.68 1.714 12 1.714 6.318 6.32 1.713 12 1.713c5.68 0 10.286 4.605 10.286 10.286ZM6.429 7.713H6v8.571h1.714v-3.428l1.715 3.428h1.714l-1.85-3.7a2.571 2.571 0 0 0-1.15-4.871H6.429Zm1.714 3.429h-.429V9.427h.429a.857.857 0 1 1 0 1.715Zm5.571-4.286h1.714v.857h1.715v1.714h-1.715v1.715a2.571 2.571 0 1 1 0 5.142v.858h-1.714v-.858H12V14.57h1.714v-1.714a2.571 2.571 0 1 1 0-5.143v-.857Zm0 2.571a.857.857 0 1 0 0 1.715V9.427Zm1.714 3.429v1.714a.857.857 0 1 0 0-1.714Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/spend-ringgit.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface SpendRinggitIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const SpendRinggit: React.FunctionComponent<SpendRinggitIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<SpendRinggit filled /> is now deprecated, please use <SpendRinggitFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-spend-ringgit ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'spend-ringgit-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.571 11.999a8.571 8.571 0 1 1-17.142 0 8.571 8.571 0 0 1 17.142 0Zm1.715 0c0 5.68-4.605 10.285-10.286 10.285C6.32 22.284 1.714 17.68 1.714 12 1.714 6.318 6.32 1.713 12 1.713c5.68 0 10.286 4.605 10.286 10.286Zm-15 4.285H5.57V7.713H7.714a2.571 2.571 0 0 1 1.466 4.685l1.748 3.886H9.214l-1.543-3.428h-.385v3.428Zm0-5.142V9.427h.428a.857.857 0 1 1 0 1.715h-.428Zm4.285-3.43h1.715L15 12.857l1.714-5.143h1.715v8.571h-1.715v-3.428l-.857 2.571h-1.714l-.857-2.572v3.43H11.57V7.712Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/spend-rupee.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface SpendRupeeIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const SpendRupee: React.FunctionComponent<SpendRupeeIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<SpendRupee filled /> is now deprecated, please use <SpendRupeeFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-spend-rupee ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'spend-rupee-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.57a8.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.285C22.286 6.318 17.68 1.713 12 1.713c-5.68 0-10.286 4.605-10.286 10.286 0 5.68 4.605 10.285 10.286 10.285ZM15.857 6H8.571v1.714h2.143c.635 0 1.189.345 1.485.857H8.571v1.714H12.2c-.296.513-.85.857-1.485.857H8.571v1.715l3 5.142h1.715l-3-5.142h.428a3.43 3.43 0 0 0 3.32-2.572h1.823V8.57h-1.822a3.407 3.407 0 0 0-.35-.857h2.172V5.999Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/spend-rupiah.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface SpendRupiahIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const SpendRupiah: React.FunctionComponent<SpendRupiahIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<SpendRupiah filled /> is now deprecated, please use <SpendRupiahFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-spend-rupiah ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'spend-rupiah-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.57a8.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.285C22.286 6.318 17.68 1.713 12 1.713c-5.68 0-10.286 4.605-10.286 10.286 0 5.68 4.605 10.285 10.286 10.285Zm.857-12H15a3 3 0 0 1 0 6h-.429v2.572h-1.714v-8.572Zm1.714 4.286H15a1.286 1.286 0 1 0 0-2.571h-.429v2.571ZM7.286 7.713h-.429v8.571h1.714v-3.428h.386l1.543 3.428h1.714l-1.749-3.886A2.571 2.571 0 0 0 9 7.713H7.286ZM9 11.142h-.429V9.427H9a.857.857 0 1 1 0 1.715Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/spend-yen.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface SpendYenIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const SpendYen: React.FunctionComponent<SpendYenIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<SpendYen filled /> is now deprecated, please use <SpendYenFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-spend-yen ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'spend-yen-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.571 11.999a8.571 8.571 0 1 1-17.142 0 8.571 8.571 0 0 1 17.142 0Zm1.715 0c0 5.68-4.605 10.285-10.286 10.285C6.32 22.284 1.714 17.68 1.714 12 1.714 6.318 6.32 1.713 12 1.713c5.68 0 10.286 4.605 10.286 10.286Zm-13.715-6 2.204 5.143H8.571v1.714h2.572v.857H8.57v1.714h2.572V18h1.714v-2.572h2.572v-1.714h-2.572v-.857h2.572v-1.714h-2.204l2.204-5.143h-1.715l-1.714 4-1.714-4H8.57Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/spend-zloty.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface SpendZlotyIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const SpendZloty: React.FunctionComponent<SpendZlotyIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<SpendZloty filled /> is now deprecated, please use <SpendZlotyFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-spend-zloty ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'spend-zloty-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.571 11.999a8.571 8.571 0 1 1-17.142 0 8.571 8.571 0 0 1 17.142 0Zm1.715 0c0 5.68-4.605 10.285-10.286 10.285C6.32 22.284 1.714 17.68 1.714 12 1.714 6.318 6.32 1.713 12 1.713c5.68 0 10.286 4.605 10.286 10.286Zm-6.858-4.286h-1.714v2.679l-.857.32v1.715l.857-.318v4.175h1.714v-4.81l.858-.318V9.427l-.858.322V7.713ZM7.714 9.427H12.428l-2.57 5.143H12v1.714H7.286l2.571-5.142H7.714V9.427Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/split-money.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface SplitMoneyIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const SplitMoney: React.FunctionComponent<SplitMoneyIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<SplitMoney filled /> is now deprecated, please use <SplitMoneyFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-split-money ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'split-money-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="M4.856 6.857h7.466l.428-1.714H2.504a.861.861 0 0 0-.86.86V16.21c0 .476.385.861.86.861h7.032l.428-1.714H4.856a1.57 1.57 0 0 0-1.499-1.498V8.355a1.571 1.571 0 0 0 1.499-1.498Zm3.182 3.418a3.214 3.214 0 0 0 2.273 3.937l.444-1.656a1.5 1.5 0 0 1 .776-2.898l.444-1.656a3.214 3.214 0 0 0-3.937 2.273Zm11.107 6.796h-7.466l-.429 1.715h10.246a.861.861 0 0 0 .861-.861V7.718a.861.861 0 0 0-.86-.86h-7.033l-.428 1.713h5.109a1.573 1.573 0 0 0 1.498 1.499v5.503a1.573 1.573 0 0 0-1.498 1.498Zm-3.183-3.418a3.214 3.214 0 0 0-2.273-3.936l-.443 1.655a1.5 1.5 0 0 1-.777 2.898l-.444 1.656a3.214 3.214 0 0 0 3.937-2.273Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/star-fill.tsx

@@ -0,0 +1,48 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface StarFillIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const StarFill: React.FunctionComponent<StarFillIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<StarFill filled /> is now deprecated, please use <StarFillFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-star-fill ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'star-fill-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="M21.804 9.73c-.086-.3-.386-.558-.729-.6l-5.871-.643-2.443-5.4a.847.847 0 0 0-.772-.515.846.846 0 0 0-.771.515l-2.443 5.4-5.871.642c-.343.043-.6.258-.729.6-.086.3 0 .686.257.9l4.372 3.986-1.2 5.786c-.086.343.042.686.342.857.258.214.643.214.943.043l5.143-2.914 5.143 2.914a.723.723 0 0 0 .429.128.824.824 0 0 0 .514-.171.973.973 0 0 0 .343-.857l-1.2-5.786 4.371-3.986c.172-.257.257-.6.172-.9Z" />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/star.tsx

@@ -0,0 +1,48 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface StarIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Star: React.FunctionComponent<StarIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Star filled /> is now deprecated, please use <StarFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-star ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'star-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="M21.803 9.73c-.085-.3-.385-.558-.728-.6l-5.871-.643-2.443-5.4a.847.847 0 0 0-.772-.515.847.847 0 0 0-.771.515l-2.443 5.4-5.871.642c-.343.043-.6.258-.729.6-.086.3 0 .686.257.9l4.372 3.986-1.2 5.786c-.086.343.042.686.342.857.258.214.643.214.943.043l5.143-2.914 5.143 2.914a.723.723 0 0 0 .428.128.823.823 0 0 0 .515-.171.973.973 0 0 0 .343-.857l-1.2-5.786 4.371-3.986c.171-.257.257-.6.171-.9Zm-6.128 3.942c-.214.215-.343.515-.257.815l.9 4.414-3.9-2.272a.724.724 0 0 0-.429-.128c-.128 0-.3.043-.428.128l-3.9 2.229.9-4.371a.948.948 0 0 0-.257-.815L4.96 10.63l4.5-.514a.851.851 0 0 0 .685-.514l1.843-4.114L13.832 9.6a.944.944 0 0 0 .686.514l4.5.514-3.343 3.043Z" />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/stationery.tsx

@@ -0,0 +1,48 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface StationeryIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Stationery: React.FunctionComponent<StationeryIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Stationery filled /> is now deprecated, please use <StationeryFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-stationery ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'stationery-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="M15.343 7.33 12.77 2.185c-.128-.3-.428-.471-.771-.471s-.643.171-.772.471L8.657 7.33c-.043.129-.086.257-.086.386V21.429a.86.86 0 0 0 .857.857h5.143a.86.86 0 0 0 .857-.857V7.715a1.25 1.25 0 0 0-.085-.386Zm-5.057 1.242h3.428v8.571h-3.428V8.572ZM12 4.501l1.2 2.357h-2.357L12 4.5Zm1.714 16.071h-3.428v-1.714h3.428v1.714Z" />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/suitcase.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface SuitcaseIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Suitcase: React.FunctionComponent<SuitcaseIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Suitcase filled /> is now deprecated, please use <SuitcaseFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-suitcase ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'suitcase-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="M14.567 1.713c.476 0 .862.386.862.861v4.282h.857a2.571 2.571 0 0 1 2.571 2.571v9A2.571 2.571 0 0 1 16.286 21h-.429v.428a.857.857 0 1 1-1.714 0V21H9.857v.428a.857.857 0 1 1-1.714 0V21h-.429a2.571 2.571 0 0 1-2.571-2.572v-9a2.571 2.571 0 0 1 2.571-2.571h.858V2.574c0-.475.385-.861.861-.861h5.134Zm0 6.857H16.286c.473 0 .857.384.857.857v1.286H6.857V9.427c0-.473.384-.857.857-.857h6.853Zm-7.71 3.857v6c0 .474.384.857.857.857h8.572a.857.857 0 0 0 .857-.857v-6H6.857Zm6.857-9v3.429h-3.428V3.427h3.428Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};