@transferwise/icons 3.5.1 → 3.7.0

package/build/components/speech-bubble.tsx

@@ -0,0 +1,48 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface SpeechBubbleIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const SpeechBubble: React.FunctionComponent<SpeechBubbleIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<SpeechBubble filled /> is now deprecated, please use <SpeechBubbleFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-speech-bubble ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'speech-bubble-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.429 3H2.572a.86.86 0 0 0-.858.857v12.857a.86.86 0 0 0 .857.857h4.286v2.572c0 .3.172.6.472.771.128.086.257.086.385.086a.864.864 0 0 0 .472-.129l4.928-3.3h8.315a.86.86 0 0 0 .857-.857V3.857A.86.86 0 0 0 21.429 3Zm-.857 12.857h-7.715a.864.864 0 0 0-.471.129l-3.814 2.571v-1.843a.86.86 0 0 0-.858-.857H3.43V4.714H20.57v11.143Z" />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/speech-bubbles.tsx

@@ -0,0 +1,48 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface SpeechBubblesIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const SpeechBubbles: React.FunctionComponent<SpeechBubblesIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<SpeechBubbles filled /> is now deprecated, please use <SpeechBubblesFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-speech-bubbles ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'speech-bubbles-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.429 2.143h-12A.86.86 0 0 0 8.572 3v6h-6a.86.86 0 0 0-.858.857v8.571a.86.86 0 0 0 .858.857h1.714V21c0 .3.171.6.428.728a.724.724 0 0 0 .429.129c.171 0 .3-.043.429-.129l4.071-2.443h4.929a.86.86 0 0 0 .857-.857v-5.357l3 1.8c.128.086.3.129.428.129.129 0 .3-.043.429-.129.257-.171.428-.428.428-.728v-1.715h1.715a.86.86 0 0 0 .857-.857V3a.86.86 0 0 0-.857-.857Zm-12 15.428c-.172 0-.3.043-.429.129l-3 1.8v-1.072a.86.86 0 0 0-.857-.857H3.429v-6.857h5.143v.857a.86.86 0 0 0 .857.857h4.285v5.143H9.43Zm11.143-6.857h-1.715a.86.86 0 0 0-.857.857v1.072l-3-1.8h-.043c-.043-.043-.085-.043-.171-.086h-.043c-.043-.043-.086-.043-.171-.043h-4.286V3.857h10.286v6.857Z" />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/spend-dirham.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface SpendDirhamIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const SpendDirham: React.FunctionComponent<SpendDirhamIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<SpendDirham filled /> is now deprecated, please use <SpendDirhamFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-spend-dirham ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'spend-dirham-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.286ZM8.57 6.856v6.857h1.715V6.856H8.57Zm4.286 6a.857.857 0 1 1-1.714 0 .857.857 0 0 1 1.714 0Zm4.045-1.541-1.135-2.271-1.534.766L15.327 12h-1.613v1.714h1.706a1.657 1.657 0 0 0 1.482-2.398Zm-6.616 5.827H8.57v-.858h.312a1.356 1.356 0 0 1-.02-.063c-.102-.365-.055-.783.164-1.093a1.23 1.23 0 0 1 .65-.492c.215-.066.433-.066.588-.066h.02v.857c-.181 0-.275.004-.354.028-.055.017-.122.051-.204.168a.461.461 0 0 0-.038.366.445.445 0 0 0 .248.295h.349v.858Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/spend-dollar.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface SpendDollarIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const SpendDollar: React.FunctionComponent<SpendDollarIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<SpendDollar filled /> is now deprecated, please use <SpendDollarFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-spend-dollar ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'spend-dollar-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-15V6h1.714v1.285h2.572V9h-2.572v2.071h.607a2.821 2.821 0 0 1 0 5.643h-.607v1.286h-1.714v-1.286H8.57v-1.714h2.572v-2.215h-.679a2.75 2.75 0 1 1 0-5.5h.679Zm0 1.715h-.679a1.036 1.036 0 1 0 0 2.071h.679V8.999Zm1.714 3.785V15h.607a1.107 1.107 0 0 0 0-2.215h-.607Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/spend-euro.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface SpendEuroIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const SpendEuro: React.FunctionComponent<SpendEuroIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<SpendEuro filled /> is now deprecated, please use <SpendEuroFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-spend-euro ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'spend-euro-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.286ZM8.666 9.752a4.043 4.043 0 0 1 6.222-.613L16.1 7.927a5.758 5.758 0 0 0-9.416 1.929H5.571v1.714h.716a5.758 5.758 0 0 0 0 .857H5.57v1.715h1.113A5.757 5.757 0 0 0 16.1 16.07l-1.212-1.212a4.043 4.043 0 0 1-6.288-.716h5.114v-1.715H8.008a4.043 4.043 0 0 1 0-.857h5.706V9.856H8.6c.021-.035.044-.07.067-.104Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/spend-forint.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface SpendForintIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const SpendForint: React.FunctionComponent<SpendForintIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<SpendForint filled /> is now deprecated, please use <SpendForintFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-spend-forint ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'spend-forint-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.285ZM7.714 7.713h5.143v1.714H9.43v1.715h2.742v1.714H9.43v4.286H7.714v-9.43Zm9.429 9.428h-1.295a1.705 1.705 0 0 1-1.705-1.704v-2.153h-.857V11.57h.857v-1.286h1.714v1.286h1.286v1.714h-1.286v2.143h1.286v1.715Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/spend-franc.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface SpendFrancIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const SpendFranc: React.FunctionComponent<SpendFrancIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<SpendFranc filled /> is now deprecated, please use <SpendFrancFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-spend-franc ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'spend-franc-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.286ZM12 8.57h-1.714v6.857H12v-2.571h1.286v2.571H15V8.57h-1.714v2.572H12V8.57Zm3.857 0h3v1.714h-1.286v.857h1.286v1.715h-1.286v2.571h-1.714V8.57Zm-8.37 1.845a1.714 1.714 0 0 1 1.868.371V8.791a3.429 3.429 0 1 0 0 6.415V13.21a1.715 1.715 0 1 1-1.868-2.796Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/spend-hryvnia.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface SpendHryvniaIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const SpendHryvnia: React.FunctionComponent<SpendHryvniaIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<SpendHryvnia filled /> is now deprecated, please use <SpendHryvniaFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-spend-hryvnia ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'spend-hryvnia-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.286ZM10.63 5.38c2.295-.927 4.798.762 4.798 3.237 0 .275-.032.547-.095.81h.953v1.713H14.35c-.153.147-.321.28-.502.399l-.702.459h3.14v1.714h-5.758a1.638 1.638 0 0 0 1.766 2.753l1.86-1.037.835 1.497-1.86 1.038c-2.235 1.246-4.986-.37-4.986-2.929 0-.461.095-.91.272-1.322h-1.13v-1.714h2.729l1.31-.857H7.287V9.427h6.233a1.776 1.776 0 0 0-2.247-2.457l-1.951.788-.642-1.59 1.951-.787Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/spend-koruna.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface SpendKorunaIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const SpendKoruna: React.FunctionComponent<SpendKorunaIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<SpendKoruna filled /> is now deprecated, please use <SpendKorunaFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-spend-koruna ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'spend-koruna-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-5.143-6V7.712h1.714v3.108l1.715-3.107H12l-2.136 3.872 2.136 4.7h-1.714l-1.362-2.997-.353.64v2.356H6.857Zm6.429-8.571h1.285l.429.643.429-.643h1.285l-.857 1.286h-1.714l-.857-1.286Zm1.487 3.559a1.714 1.714 0 0 1 1.868.372V9.649A3.427 3.427 0 0 0 12 12.856a3.43 3.43 0 0 0 4.64 3.207v-1.995a1.714 1.714 0 1 1-1.867-2.796Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/spend-krone.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface SpendKroneIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const SpendKrone: React.FunctionComponent<SpendKroneIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<SpendKrone filled /> is now deprecated, please use <SpendKroneFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-spend-krone ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'spend-krone-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-8.572-1.715v6.429h1.714v-4.714h1.934v-1.715H13.714Zm-5.571-3v9.429h1.714v-1.714l.178-.28 1.108 1.994h1.714L10.95 13.28l1.907-2.997h-1.714l-1.286 2.02v-5.02H8.143Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/spend-kuna.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface SpendKunaIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const SpendKuna: React.FunctionComponent<SpendKunaIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<SpendKuna filled /> is now deprecated, please use <SpendKunaFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-spend-kuna ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'spend-kuna-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.428-6v-6h4.715v6h-1.715V12h-1.285v4.285h-1.715Zm-5.57-8.571v8.571H8.57V14.57l.445-.825 1.27 2.54H12l-2.095-4.191 1.666-3.095H9.857l-1.286 2.387V7.713H6.857Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/spend-leu-lei.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface SpendLeuLeiIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const SpendLeuLei: React.FunctionComponent<SpendLeuLeiIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<SpendLeuLei filled /> is now deprecated, please use <SpendLeuLeiFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-spend-leu-lei ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'spend-leu-lei-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.286ZM8.143 6.856H6.429V17.14h1.714V6.857Zm7.714 10.285v-6.857h1.714v6.857h-1.714Zm-5.603-3c.053.137.12.268.198.392a1.9 1.9 0 0 0 1.176.853 1.73 1.73 0 0 0 1.378-.282c.1-.07.194-.15.28-.239h1.841a3.756 3.756 0 0 1-1.317 1.695 3.113 3.113 0 0 1-2.479.507c-.854-.19-1.61-.74-2.118-1.536a4.23 4.23 0 0 1-.612-2.75c.113-.971.551-1.857 1.224-2.478.673-.622 1.53-.932 2.4-.868.868.064 1.682.498 2.277 1.213.595.714.926 1.657.926 2.636v.857h-5.174Zm3.492-1.714a2.181 2.181 0 0 0-.356-.607 1.827 1.827 0 0 0-1.265-.674 1.769 1.769 0 0 0-1.333.482 2.137 2.137 0 0 0-.538.8h3.492ZM18 8.141a1.286 1.286 0 1 1-2.572 0 1.286 1.286 0 0 1 2.572 0Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/spend-lev.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface SpendLevIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const SpendLev: React.FunctionComponent<SpendLevIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<SpendLev filled /> is now deprecated, please use <SpendLevFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-spend-lev ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'spend-lev-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-4.987-15H12v9.429h-1.714V8.999H8.727v4.772A2.727 2.727 0 0 1 6 16.5v-1.715c.56 0 1.013-.453 1.013-1.013V7.284Zm8.497 0h-2.224v9.429h2.792a2.779 2.779 0 0 0 1.687-4.988 2.793 2.793 0 0 0-2.255-4.441ZM15 15v-2.13h1.078a1.064 1.064 0 1 1 0 2.13H15Zm.51-3.843H15V8.999h.51a1.078 1.078 0 0 1 0 2.157Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};