@transferwise/icons 3.5.1 → 3.7.0

package/build/components/crystal-ball.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface CrystalBallIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const CrystalBall: React.FunctionComponent<CrystalBallIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<CrystalBall filled /> is now deprecated, please use <CrystalBallFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-crystal-ball ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'crystal-ball-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="M5.333 10.222a6.667 6.667 0 1 1 9.066 6.223H9.602a6.67 6.67 0 0 1-4.269-6.223Zm2.126 7.121a8.444 8.444 0 1 1 9.081 0c.203.229.368.494.484.788l.896 2.268c.345.875-.3 1.823-1.24 1.823H7.32c-.94 0-1.586-.948-1.24-1.823l.896-2.268c.116-.294.281-.56.483-.788ZM13.38 5.071a5.333 5.333 0 0 1 3.772 3.77l-1.717.461a3.555 3.555 0 0 0-2.515-2.514l.46-1.717ZM8.63 18.785a.889.889 0 0 1 .826-.563h5.088c.365 0 .692.223.826.563l.656 1.66H7.973l.656-1.66Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/cs.tsx

@@ -0,0 +1,48 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface CsIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Cs: React.FunctionComponent<CsIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Cs filled /> is now deprecated, please use <CsFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-cs ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'cs-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.814 8.872c-.257-3.514-3.214-6.3-6.814-6.3s-6.557 2.786-6.814 6.3c-1.5.343-2.614 1.629-2.614 3.129s1.114 2.786 2.614 3.128c.257 3.515 3.214 6.3 6.814 6.3h2.572v-1.714H12c-2.828 0-5.143-2.314-5.143-5.143V9.43c0-2.828 2.315-5.142 5.143-5.142 2.829 0 5.143 2.314 5.143 5.142v4.929a.86.86 0 0 0 .857.857c1.886 0 3.429-1.457 3.429-3.214 0-1.5-1.114-2.786-2.614-3.129ZM4.286 12.001c0-.557.343-1.029.857-1.286v2.572c-.514-.258-.857-.729-.857-1.286Zm14.571 1.286v-2.572c.515.257.858.729.858 1.286s-.343 1.028-.858 1.286Z" />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/defrost.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface DefrostIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Defrost: React.FunctionComponent<DefrostIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Defrost filled /> is now deprecated, please use <DefrostFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-defrost ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'defrost-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="m6.295 3 1.243 1.2c-1.758 1.843-1.972 4.2-.686 7.671.986 2.615 1.971 6.429-1.029 9.472l-1.243-1.2c1.8-1.843 2.015-4.2.686-7.672C4.28 9.857 3.295 6.043 6.295 3Zm7.243 1.2L12.295 3c-3 3.043-2.014 6.857-1.029 9.471 1.329 3.472 1.115 5.829-.685 7.672l1.242 1.2c3-3.043 2.015-6.857 1.029-9.472-1.286-3.471-1.071-5.828.686-7.671Zm5.357 7.671C17.566 8.4 17.78 6.043 19.58 4.2L18.338 3c-3 3.043-2.015 6.857-1.029 9.471 1.329 3.472 1.114 5.829-.686 7.672l1.243 1.2c2.957-3.043 2.015-6.857 1.029-9.472Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/delivery.tsx

@@ -0,0 +1,48 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface DeliveryIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Delivery: React.FunctionComponent<DeliveryIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Delivery filled /> is now deprecated, please use <DeliveryFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-delivery ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'delivery-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="m22.286 10.543-.857-4.286a.876.876 0 0 0-.857-.685H18v-.857a.86.86 0 0 0-.857-.858H2.57a.86.86 0 0 0-.857.858v12.857a.86.86 0 0 0 .857.857h1.886a2.553 2.553 0 0 0 2.4 1.714 2.553 2.553 0 0 0 2.4-1.714H14.7a2.553 2.553 0 0 0 2.4 1.714c1.243 0 2.314-.9 2.529-2.1l2.228-1.5a.842.842 0 0 0 .386-.728v-5.1c.043-.043.043-.129.043-.172Zm-2.4-3.257.514 2.571H18V7.286h1.886ZM6.857 18.429A.86.86 0 0 1 6 17.572a.86.86 0 0 1 .857-.857.86.86 0 0 1 .857.857.86.86 0 0 1-.857.857Zm10.286 0a.86.86 0 0 1-.857-.857.86.86 0 0 1 .857-.857.86.86 0 0 1 .857.857.86.86 0 0 1-.857.857Zm3.428-3.043-1.242.814c-.472-.728-1.243-1.2-2.186-1.2a2.553 2.553 0 0 0-2.4 1.715H9.257A2.553 2.553 0 0 0 6.857 15a2.553 2.553 0 0 0-2.4 1.715H3.43V5.572h12.857v5.143a.86.86 0 0 0 .857.857h3.428v3.814Z" />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/dial.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface DialIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Dial: React.FunctionComponent<DialIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Dial filled /> is now deprecated, please use <DialFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-dial ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'dial-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="M5.143 2.57h3.386V6H5.143V2.57Zm5.143 0h3.386V6h-3.386V2.57Zm0 5.145h3.386v3.428h-3.386V7.715Zm3.386 5.14h-3.386v3.429h3.386v-3.428Zm-5.143-5.14H5.143v3.428h3.386V7.715Zm-3.386 5.14h3.386v3.429H5.143v-3.428ZM18.814 2.57H15.43V6h3.385V2.57Zm-3.386 5.145h3.386v3.428h-3.386V7.715Zm3.386 5.14h-3.386v3.429h3.386v-3.428Zm-8.528 5.147h3.386v3.428h-3.386v-3.428Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/direct-debits.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface DirectDebitsIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const DirectDebits: React.FunctionComponent<DirectDebitsIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<DirectDebits filled /> is now deprecated, please use <DirectDebitsFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-direct-debits ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'direct-debits-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="M17.657 7.885H8.786a3.657 3.657 0 0 0-3.643 3.429H3.429c.128-2.871 2.485-5.143 5.357-5.143h8.871l-2.829-2.828 1.2-1.2 4.286 4.285a.829.829 0 0 1 0 1.2l-4.285 4.286-1.2-1.2 2.828-2.829ZM6.343 16.456h8.871c1.929 0 3.514-1.5 3.643-3.428h1.714c-.128 2.871-2.485 5.143-5.357 5.143H6.343l2.828 2.828-1.2 1.2-4.285-4.286a.829.829 0 0 1 0-1.2l4.285-4.285 1.2 1.2-2.828 2.828Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/disco-ball.tsx

@@ -0,0 +1,57 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface DiscoBallIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const DiscoBall: React.FunctionComponent<DiscoBallIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<DiscoBall filled /> is now deprecated, please use <DiscoBallFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-disco-ball ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'disco-ball-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="M8.596 12.429c.104-1.785.528-3.355 1.132-4.502C10.448 6.56 11.293 6 12 6c.707 0 1.552.56 2.272 1.927.604 1.147 1.027 2.717 1.132 4.502H8.596Zm-1.717 0H3.857v1.714h3.022c.106 2.027.584 3.878 1.332 5.3.831 1.58 2.129 2.843 3.789 2.843 1.66 0 2.957-1.263 3.789-2.843.748-1.422 1.226-3.273 1.331-5.3h3.023v-1.714H17.12c-.105-2.027-.583-3.879-1.331-5.3-.832-1.58-2.13-2.843-3.79-2.843-1.66 0-2.957 1.262-3.788 2.843-.748 1.421-1.226 3.273-1.332 5.3Zm8.524 1.714c-.104 1.785-.527 3.354-1.131 4.501-.72 1.367-1.565 1.927-2.272 1.927-.707 0-1.553-.56-2.272-1.927-.604-1.147-1.028-2.716-1.132-4.501h6.807Z"
+              clipRule="evenodd"
+            />
+            <path
+              fillRule="evenodd"
+              d="M9.429 1.714h5.143V3.43h-1.715v.897a9.001 9.001 0 1 1-1.714 0v-.897H9.429V1.714Zm1.714 4.336a7.287 7.287 0 0 0 0 14.471V6.05Zm1.714 14.471a7.287 7.287 0 0 0 0-14.471V20.52ZM3.429 3.857l.606 1.108 1.108.606-1.108.606-.606 1.109-.606-1.109-1.109-.606 1.109-.606.606-1.108Zm17.748 16.108-.606-1.108-.606 1.108-1.108.606 1.108.606.606 1.108.606-1.108 1.108-.606-1.108-.606Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/do.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface DoIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Do: React.FunctionComponent<DoIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Do filled /> is now deprecated, please use <DoFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-do ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'do-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.714 11.999C1.714 6.299 6.3 1.713 12 1.713c5.7 0 10.286 4.586 10.286 10.286 0 5.7-4.586 10.285-10.286 10.285C6.3 22.284 1.714 17.7 1.714 12Zm1.715 0c0 4.714 3.857 8.571 8.571 8.571 4.714 0 8.572-3.857 8.572-8.571 0-4.715-3.858-8.572-8.572-8.572C7.286 3.427 3.43 7.284 3.43 12Zm4.886 1.757c.771 1.328 2.142 2.1 3.685 2.1 1.5 0 2.915-.815 3.686-2.143l1.5.857a6.012 6.012 0 0 1-5.186 3 6.007 6.007 0 0 1-5.143-2.914l1.458-.9ZM9 11.144a1.286 1.286 0 1 0 0-2.572 1.286 1.286 0 0 0 0 2.572Zm7.286-1.286a1.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/document.tsx

@@ -0,0 +1,48 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface DocumentIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Document: React.FunctionComponent<DocumentIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Document filled /> is now deprecated, please use <DocumentFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-document ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'document-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="m19.457 7.115-5.143-5.143a.846.846 0 0 0-.6-.257H5.143a.86.86 0 0 0-.857.857v18.857a.86.86 0 0 0 .857.857h13.714a.86.86 0 0 0 .857-.857V7.715a.846.846 0 0 0-.257-.6Zm-1.8.6h-3.943V3.772l3.943 3.943ZM6 20.572V3.429h6v5.143a.86.86 0 0 0 .857.857H18v11.143H6Z" />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/documents.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface DocumentsIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Documents: React.FunctionComponent<DocumentsIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Documents filled /> is now deprecated, please use <DocumentsFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-documents ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'documents-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.6 1.97 5.143 5.143a.846.846 0 0 1 .257.6v10.286a.86.86 0 0 1-.857.857H7.286a.86.86 0 0 1-.857-.857V2.57a.86.86 0 0 1 .857-.857H15c.214 0 .429.086.6.257ZM15 7.713h3.943L15 3.77v3.943ZM8.143 3.427v13.715h11.143V9.427h-5.143a.86.86 0 0 1-.857-.857V3.427H8.143ZM3 5.141h1.714v15.428h11.143v1.715h-12A.86.86 0 0 1 3 21.425V5.141Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/dont.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface DontIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Dont: React.FunctionComponent<DontIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Dont filled /> is now deprecated, please use <DontFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-dont ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'dont-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.714 11.999C1.714 6.299 6.3 1.713 12 1.713c5.7 0 10.286 4.586 10.286 10.286 0 5.7-4.586 10.285-10.286 10.285C6.3 22.284 1.714 17.7 1.714 12Zm1.715 0c0 4.714 3.857 8.571 8.571 8.571 4.714 0 8.572-3.857 8.572-8.571 0-4.715-3.858-8.572-8.572-8.572C7.286 3.427 3.43 7.284 3.43 12Zm6.857-2.141a1.286 1.286 0 1 1-2.572 0 1.286 1.286 0 0 1 2.572 0ZM15 11.144a1.286 1.286 0 1 0 0-2.572 1.286 1.286 0 0 0 0 2.572Zm-8.143 5.483A6.007 6.007 0 0 1 12 13.713c2.1 0 4.114 1.157 5.229 3l-1.5.857A4.3 4.3 0 0 0 12 15.427c-1.543 0-2.914.772-3.686 2.1l-1.457-.9Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/download.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface DownloadIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Download: React.FunctionComponent<DownloadIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Download filled /> is now deprecated, please use <DownloadFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-download ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'download-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.6 17.745a.846.846 0 0 1-.6.258.748.748 0 0 1-.6-.3L5.357 11.66l1.2-1.2 4.586 4.628V1.717h1.714v13.371l4.586-4.585 1.2 1.2-6.043 6.042ZM1.714 20.572h20.572v1.715H1.714v-1.715Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/drivers-license.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface DriversLicenseIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const DriversLicense: React.FunctionComponent<DriversLicenseIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<DriversLicense filled /> is now deprecated, please use <DriversLicenseFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-drivers-license ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'drivers-license-icon'}
+    >
+      <svg
+        width={String(size)}
+        height={String(size)}
+        fill="currentColor"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
+          <>
+            <path
+              fillRule="evenodd"
+              d="M22.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"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};