@transferwise/icons 3.6.0 → 3.8.0

package/build/components/bar-chart.tsx

@@ -0,0 +1,48 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface BarChartIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const BarChart: React.FunctionComponent<BarChartIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<BarChart filled /> is now deprecated, please use <BarChartFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-bar-chart ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'bar-chart-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 18.856V3.428h-1.714v15.428h-3.429V7.713h-1.714v11.143H7.714v-6H6v6H4.286v1.715h15.428v-1.715H18Z" />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/barcode.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface BarcodeIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Barcode: React.FunctionComponent<BarcodeIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Barcode filled /> is now deprecated, please use <BarcodeFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-barcode ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'barcode-icon'}
+    >
+      <svg
+        width={String(size)}
+        height={String(size)}
+        fill="currentColor"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
+          <>
+            <path
+              fillRule="evenodd"
+              d="M3.429 4.287h1.714v15.429H3.429V4.287Zm3.857 0H9v13.714H7.286V4.287Zm3.857 0h1.714v13.714h-1.714V4.287Zm5.571 0H15v13.714h1.714V4.287Zm3.857 0h-1.714v15.429h1.714V4.287Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/batch.tsx

@@ -0,0 +1,48 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface BatchIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Batch: React.FunctionComponent<BatchIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Batch filled /> is now deprecated, please use <BatchFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-batch ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'batch-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.525 15.569c-.428.428-.729.985-.9 1.585H9.268c-.086-.3-.214-.6-.386-.9l7.329-7.328c.514.3 1.157.471 1.757.471.857 0 1.757-.343 2.443-.985a3.44 3.44 0 0 0 0-4.843 3.44 3.44 0 0 0-4.843 0c-1.114 1.114-1.286 2.828-.514 4.157l-7.329 7.328c-.3-.171-.557-.3-.9-.385V9.312a3.314 3.314 0 0 0 1.586-.9 3.44 3.44 0 0 0 0-4.843 3.44 3.44 0 0 0-4.843 0 3.44 3.44 0 0 0 0 4.843c.429.428.986.728 1.586.9v5.357a3.314 3.314 0 0 0-1.586.9 3.44 3.44 0 0 0 0 4.843 3.313 3.313 0 0 0 2.4 1.028c.857 0 1.757-.343 2.443-.986.428-.428.728-.985.9-1.585h5.357c.129.557.429 1.114.9 1.585a3.445 3.445 0 0 0 2.4.986c.857 0 1.757-.343 2.443-.986a3.44 3.44 0 0 0 0-4.842c-1.329-1.329-3.515-1.372-4.886-.043Zm1.243-10.757a1.692 1.692 0 0 1 1.2-.515c.428 0 .857.172 1.2.515a1.708 1.708 0 0 1 0 2.442 1.708 1.708 0 0 1-2.443 0 1.707 1.707 0 0 1 .043-2.442Zm-12 0a1.692 1.692 0 0 1 1.2-.515c.429 0 .857.172 1.2.515a1.708 1.708 0 0 1 0 2.442 1.708 1.708 0 0 1-2.443 0 1.708 1.708 0 0 1 .043-2.442Zm2.4 14.4a1.708 1.708 0 0 1-2.443 0 1.708 1.708 0 0 1 0-2.443c.386-.3.814-.472 1.243-.472.429 0 .857.172 1.2.515a1.657 1.657 0 0 1 0 2.4Zm12 0a1.708 1.708 0 0 1-2.443 0 1.708 1.708 0 0 1 0-2.443c.386-.3.814-.472 1.243-.472.428 0 .857.172 1.2.515a1.657 1.657 0 0 1 0 2.4Z" />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/beach.tsx

@@ -0,0 +1,48 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface BeachIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Beach: React.FunctionComponent<BeachIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Beach filled /> is now deprecated, please use <BeachFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-beach ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'beach-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="m20.549 7.22-.6-.6c-3-3-7.543-3.557-11.1-1.67a8.321 8.321 0 0 0-2.014 1.456l-.215.215-.214.214c-.6.643-1.071 1.328-1.457 2.014-1.886 3.557-1.329 8.1 1.671 11.1l.6.6 6.043-6.043 6.043 6.043 1.2-1.2-6.043-6.086 6.086-6.042Zm-2.486 0-2.4 2.4a11.905 11.905 0 0 0-6.6-2.87c2.786-1.758 6.429-1.587 9 .47ZM7.22 18.064a7.667 7.667 0 0 1-.428-9 12.036 12.036 0 0 0 2.871 6.6l-2.443 2.4Zm1.243-9.6c2.143.129 4.243.943 6 2.4l-3.6 3.6c-1.457-1.757-2.271-3.857-2.4-6Z" />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/bill-split.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface BillSplitIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const BillSplit: React.FunctionComponent<BillSplitIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<BillSplit filled /> is now deprecated, please use <BillSplitFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-bill-split ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'bill-split-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.07 5.143H9V3.429H3.6c-.805 0-1.457.652-1.457 1.457v5.4h1.714V6.355l7.286 7.286v8.645h1.714V13.64l7.286-7.286v3.93h1.714v-5.4c0-.804-.652-1.456-1.457-1.456H15v1.714h3.93L12 12.073l-6.93-6.93Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/bills.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface BillsIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Bills: React.FunctionComponent<BillsIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Bills filled /> is now deprecated, please use <BillsFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-bills ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'bills-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.714 2.574c0-.476.386-.861.862-.861H19.28c.476 0 .862.386.862.861v18.849a.861.861 0 0 1-.862.861H5.576a.861.861 0 0 1-.862-.861V2.574Zm1.715.853V20.57h12V3.427h-12ZM8.57 7.284h7.715V5.57H8.57v1.714Zm7.715 3.429H8.57V8.999h7.715v1.714Zm0 3.429H8.57v-1.715h7.715v1.715Zm-2.572 3.428h2.572v-1.714h-2.572v1.714Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/bin.tsx

@@ -0,0 +1,48 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface BinIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Bin: React.FunctionComponent<BinIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Bin filled /> is now deprecated, please use <BinFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-bin ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'bin-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="M20.571 4.286h-4.628C15.3 2.786 13.757 1.715 12 1.715c-1.757 0-3.257 1.071-3.943 2.571H3.428v1.715h.943L6 21.515a.877.877 0 0 0 .857.771h10.286a.877.877 0 0 0 .857-.771L19.628 6h.943V4.286ZM12 3.43c.771 0 1.457.343 1.928.857h-3.814A2.456 2.456 0 0 1 12 3.43Zm4.371 17.143H7.628L6.086 6.001h11.828l-1.543 14.571Z" />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/book.tsx

@@ -0,0 +1,48 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface BookIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Book: React.FunctionComponent<BookIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Book filled /> is now deprecated, please use <BookFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-book ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'book-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 1.715A15.298 15.298 0 0 0 12 4.929c-2.7-2.1-6-3.214-9.428-3.214a.86.86 0 0 0-.858.857v15.386a.86.86 0 0 0 .857.857c3.258 0 6.386 1.157 8.872 3.257.171.129.343.214.557.214.214 0 .386-.085.557-.214a13.726 13.726 0 0 1 8.872-3.257.86.86 0 0 0 .857-.857V2.572a.86.86 0 0 0-.857-.857Zm-18 15.428V3.472a13.62 13.62 0 0 1 7.714 2.957v13.286c-2.272-1.543-4.972-2.4-7.714-2.572Zm17.143 0c-2.743.172-5.443 1.029-7.715 2.572V6.429a13.62 13.62 0 0 1 7.715-2.957v13.671Z" />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/boxes.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface BoxesIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Boxes: React.FunctionComponent<BoxesIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Boxes filled /> is now deprecated, please use <BoxesFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-boxes ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'boxes-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="M18 11.142h6v1.714h-.857v7.714a.86.86 0 0 1-.857.857H1.714a.86.86 0 0 1-.857-.857v-7.714H0v-1.714h6V4.285h-.857V2.57h13.671v1.715H18v6.857Zm-1.714-6.857H7.714v6.857h8.572V4.285Zm-9.429 8.571H2.571v6.857h8.572v-6.857H6.857Zm6 6.857h8.572v-6.857h-8.572v6.857ZM10.286 5.998h3.428v1.714h-3.428V5.998ZM5.143 14.57h3.429v1.715H5.143V14.57Zm13.714 0H15.43v1.715h3.428V14.57Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/briefcase.tsx

@@ -0,0 +1,48 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface BriefcaseIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Briefcase: React.FunctionComponent<BriefcaseIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Briefcase filled /> is now deprecated, please use <BriefcaseFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-briefcase ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'briefcase-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.428 6.429H18V3.857A.86.86 0 0 0 17.143 3H6.857A.86.86 0 0 0 6 3.857V6.43H2.571a.86.86 0 0 0-.857.857v12.857a.86.86 0 0 0 .857.857h18.857a.86.86 0 0 0 .858-.857V7.286a.86.86 0 0 0-.858-.857ZM7.714 4.714h8.572V6.43H7.714V4.714Zm8.572 3.429v11.143H7.714V8.143h8.572Zm-12.857 0H6v11.143H3.429V8.143ZM20.57 19.286H18V8.143h2.571v11.143Z" />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/building.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface BuildingIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Building: React.FunctionComponent<BuildingIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Building filled /> is now deprecated, please use <BuildingFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-building ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'building-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="M18.857 3.004a.861.861 0 0 0-1.013-.848L5.853 4.298a.861.861 0 0 0-.71.848V20.57H1.714v1.715h20.572V20.57h-3.429V3.004ZM15 20.57h2.143V4.023L6.857 5.86v14.71H9V16.29c0-.003.002-.004.004-.004h5.992c.002 0 .004.002.004.004v4.281Zm-1.714 0V18h-2.572v2.571h2.572ZM9 9.427h6V7.713H9v1.714Zm6 4.286H9V12h6v1.714Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/bulb.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface BulbIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const Bulb: React.FunctionComponent<BulbIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<Bulb filled /> is now deprecated, please use <BulbFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-bulb ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'bulb-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="M10.975 2.193a.859.859 0 0 0-1.157-.386.859.859 0 0 0-.386 1.157c.215.429.729.6 1.157.386a.859.859 0 0 0 .386-1.157ZM7.504 3.394c-.386-.3-.9-.257-1.2.129-.3.385-.257.9.129 1.2.385.3.9.257 1.2-.129.3-.386.257-.9-.129-1.2ZM3.775 6.481c.086-.472.557-.729 1.029-.6.471.128.728.6.6 1.028-.086.472-.557.686-1.029.6-.471-.086-.728-.557-.6-1.028Zm-.471 2.74c-.471.086-.771.514-.729.986.086.471.515.771.986.728.472-.043.772-.514.729-.986-.086-.471-.515-.771-.986-.728Zm18.085.557c.129.428-.085.943-.514 1.114-.428.172-.986-.085-1.114-.514-.129-.429.085-.986.514-1.114.429-.129.943.085 1.114.514Zm-1.37-2.489a.829.829 0 0 0 0-1.2.829.829 0 0 0-1.2 0 .829.829 0 0 0 0 1.2c.342.343.9.343 1.2 0Zm-2.7-4.068a.855.855 0 0 1 .514 1.114c-.172.471-.643.686-1.114.514a.855.855 0 0 1-.515-1.114.855.855 0 0 1 1.115-.514Zm-2.658-.685c-.043-.471-.428-.857-.9-.814-.471.043-.857.429-.814.9.043.471.428.857.9.814.471 0 .814-.428.814-.9ZM5.575 10.98c0-3.642 2.786-6.428 6.429-6.428 3.643 0 6.429 2.785 6.429 6.428 0 2.143-1.372 4.715-3 6v3c0 1.672-1.972 2.572-3.43 2.572-1.456 0-3.428-.9-3.428-2.572v-3c-1.628-1.285-3-3.857-3-6Zm4.715 9c0 .343.9.858 1.714.858s1.714-.515 1.714-.858v-.857H10.29v.857Zm3.428-3.428c0-.3.129-.557.386-.729 1.329-.857 2.614-3.214 2.614-4.843 0-2.7-2.014-4.714-4.714-4.714-2.7 0-4.714 2.014-4.714 4.714 0 1.629 1.285 3.986 2.614 4.843a.842.842 0 0 1 .386.729v.857h3.428v-.857Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};

package/build/components/calendar-check.tsx

@@ -0,0 +1,52 @@
+// This is an automatically generated file, please don't edit it
+import { IconSize } from '../types';
+
+export interface CalendarCheckIconProps {
+  size?: IconSize;
+  filled?: boolean;
+  className?: string;
+  title?: string;
+  ['data-testid']?: string;
+}
+
+export const CalendarCheck: React.FunctionComponent<CalendarCheckIconProps> = ({
+  size = 16,
+  className = undefined,
+  title = undefined,
+  filled = undefined,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn(
+      '<CalendarCheck filled /> is now deprecated, please use <CalendarCheckFill /> or refer to https://transferwise.github.io/icons/ for more info.',
+    );
+  }
+
+  return (
+    <span
+      className={`tw-icon tw-icon-calendar-check ${className ? className : ''}`}
+      aria-hidden={!title ? 'true' : undefined}
+      role={!title ? 'presentation' : undefined}
+      data-testid={restProps['data-testid'] || 'calendar-check-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="M16.286 6.856V8.57H18V6.856h2.571v12H3.43v-12H6V8.57h1.714V6.856h8.572ZM2.576 5.142H6V2.57h1.714v2.572h8.572V2.57H18v2.572h3.424c.476 0 .862.386.862.861V19.71a.861.861 0 0 1-.862.861H2.576a.861.861 0 0 1-.862-.861V6.003c0-.476.386-.861.862-.861Zm12.176 11.531 4.068-4.068-1.212-1.212-3.465 3.465-1.537-1.537-1.212 1.213 2.14 2.14a.861.861 0 0 0 1.218 0Z"
+              clipRule="evenodd"
+            />
+          </>
+        )}
+      </svg>
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};