@livechat/design-system-icons 1.0.0-alpha.9 → 1.0.0-beta.10

package/index.d.ts

@@ -1,6 +1,2 @@
-import * as React from 'react';
-
-declare module '@livechat/design-system-icons/react/*' {
-  const components: Record<string, React.ReactElement>;
-  export default components;
-}
+declare module '@livechat/design-system-icons/react/material';
+declare module '@livechat/design-system-icons/react/tabler';

package/lib/react/material/AccountCircle.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgAccountCircle = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3Zm0 14.2a7.2 7.2 0 0 1-6-3.22c.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08a7.2 7.2 0 0 1-6 3.22Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgAccountCircle;

package/lib/react/material/Activities.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgActivities = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M20.311 3.69c.35.35.75 2.27.67 4.69l-5.36-5.36c2.41-.09 4.34.32 4.69.67Z"
+      fill="currentcolor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M13.081 3.28c-2.33.42-4.79 1.34-6.62 3.18s-2.76 4.29-3.18 6.62l7.63 7.63c2.34-.41 4.79-1.34 6.62-3.18s2.76-4.29 3.18-6.62l-7.63-7.63Zm1.72 7.32-4.2 4.2a.983.983 0 0 1-1.4 0 .984.984 0 0 1 0-1.4l4.2-4.2a.983.983 0 0 1 1.4 0c.39.39.39 1.01 0 1.4Z"
+      fill="currentcolor"
+    />
+    <path
+      d="M3.02 15.62c-.081 2.42.32 4.34.669 4.69.35.35 2.28.76 4.69.67l-5.36-5.36Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgActivities;

package/lib/react/material/Add.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgAdd = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgAdd;

package/lib/react/material/AddCircle.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgAddCircle = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 7c-.55 0-1 .45-1 1v3H8c-.55 0-1 .45-1 1s.45 1 1 1h3v3c0 .55.45 1 1 1s1-.45 1-1v-3h3c.55 0 1-.45 1-1s-.45-1-1-1h-3V8c0-.55-.45-1-1-1Zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgAddCircle;

package/lib/react/material/AddReaction.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgAddReaction = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    fill="none"
+    {...props}
+  >
+    <path
+      d="M12 12Zm0 10q-2.075 0-3.9-.788-1.825-.787-3.175-2.137-1.35-1.35-2.137-3.175Q2 14.075 2 12t.788-3.9q.787-1.825 2.137-3.175 1.35-1.35 3.175-2.138Q9.925 2 12 2q1.075 0 2.075.212 1 .213 1.925.613v2.25q-.875-.5-1.887-.788Q13.1 4 12 4 8.675 4 6.338 6.337 4 8.675 4 12t2.338 5.663Q8.675 20 12 20q3.325 0 5.663-2.337Q20 15.325 20 12q0-.8-.163-1.55Q19.675 9.7 19.4 9h2.15q.225.725.338 1.462Q22 11.2 22 12q0 2.075-.788 3.9-.787 1.825-2.137 3.175-1.35 1.35-3.175 2.137Q14.075 22 12 22Zm3.5-11q.65 0 1.075-.425Q17 10.15 17 9.5q0-.65-.425-1.075Q16.15 8 15.5 8q-.65 0-1.075.425Q14 8.85 14 9.5q0 .65.425 1.075Q14.85 11 15.5 11Zm-7 0q.65 0 1.075-.425Q10 10.15 10 9.5q0-.65-.425-1.075Q9.15 8 8.5 8q-.65 0-1.075.425Q7 8.85 7 9.5q0 .65.425 1.075Q7.85 11 8.5 11Zm3.5 6.5q1.775 0 3.137-.975Q16.5 15.55 17.1 14H6.9q.6 1.55 1.963 2.525 1.362.975 3.137.975ZM20 7V5h-2V3h2V1h2v2h2v2h-2v2Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgAddReaction;

package/lib/react/material/AddTemplate.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgAddTemplate = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M18 12c-.55 0-1 .45-1 1v5.22c0 .55-.45 1-1 1H6c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1ZM21.02 5H19V2.98c0-.54-.44-.98-.98-.98h-.03c-.55 0-.99.44-.99.98V5h-2.01c-.54 0-.98.44-.99.98v.03c0 .55.44.99.99.99H17v2.01c0 .54.44.99.99.98h.03c.54 0 .98-.44.98-.98V7h2.02c.54 0 .98-.44.98-.98v-.04c0-.54-.44-.98-.98-.98Z"
+      fill="currentcolor"
+    />
+    <path
+      d="M14 9H8c-.55 0-1 .45-1 1s.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1ZM14 12H8c-.55 0-1 .45-1 1s.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1ZM14 15H8c-.55 0-1 .45-1 1s.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgAddTemplate;

package/lib/react/material/Adjust.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgAdjust = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M3 18c0 .55.45 1 1 1h5v-2H4c-.55 0-1 .45-1 1ZM3 6c0 .55.45 1 1 1h9V5H4c-.55 0-1 .45-1 1Zm10 14v-1h7c.55 0 1-.45 1-1s-.45-1-1-1h-7v-1c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1s1-.45 1-1ZM7 10v1H4c-.55 0-1 .45-1 1s.45 1 1 1h3v1c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1s-1 .45-1 1Zm14 2c0-.55-.45-1-1-1h-9v2h9c.55 0 1-.45 1-1Zm-5-3c.55 0 1-.45 1-1V7h3c.55 0 1-.45 1-1s-.45-1-1-1h-3V4c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgAdjust;

package/lib/react/material/Android.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgAndroid = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m17.6 9.48 1.84-3.18c.16-.31.04-.69-.26-.85a.637.637 0 0 0-.83.22l-1.88 3.24a11.463 11.463 0 0 0-8.94 0L5.65 5.67a.643.643 0 0 0-.87-.2c-.28.18-.37.54-.22.83L6.4 9.48A10.78 10.78 0 0 0 1 18h22a10.78 10.78 0 0 0-5.4-8.52ZM7 15.25a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Zm10 0a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgAndroid;

package/lib/react/material/Animals.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgAnimals = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M20.68 4c.57 0 1.08.35 1.26.88.18.56-.05 1.17-.56 1.48l-.87.52.39 1.24c.23.58.05 1.25-.45 1.62-.23.17-.51.26-.78.26-.31 0-.61-.11-.86-.32l-.81-.7-.81.7c-.25.21-.55.32-.86.32-.27 0-.55-.09-.78-.26-.49-.37-.68-1.04-.45-1.62l.4-1.24-.87-.52c-.52-.31-.75-.92-.56-1.48.18-.53.69-.88 1.26-.88h1.07l.31-.96C16.85 2.43 17.39 2 18 2s1.15.43 1.29 1.03l.31.97h1.08ZM17 6c0 .55.45 1 1 1s1-.45 1-1-.45-1-1-1-1 .45-1 1Zm-2.592 6H15.5c.28 0 .5.22.51.51 0 .28-.22.5-.5.5h-.88c.1 1.13-.271 2.3-1.14 3.17-.17.16-.35.3-.53.43l.52 1.37c.56 1.58-.26 3.3-1.821 3.85-.33.11-.67.17-1.01.17-.44 0-.87-.1-1.29-.3-.48-.23-.87-.58-1.16-1-1.34.38-2.85.06-3.91-1s-1.38-2.56-1-3.91c-.42-.29-.77-.68-1-1.16-.35-.72-.39-1.54-.12-2.29.55-1.552 2.272-2.37 3.832-1.82l1.4.53c.13-.19.27-.37.43-.53.78-.78 1.81-1.17 2.83-1.17.075 0 .154.009.232.018L11 9.38V8.5c0-.28.22-.5.5-.5s.5.22.5.5v1.09A3.865 3.865 0 0 1 14.41 12h-.002Zm-10.31 1.78c.12.24.32.42.57.51 1.18.42 2.66-.09 3.81-.69l-3.16-1.19c-.5-.18-1.07.09-1.26.61-.09.25-.08.52.04.76Zm6.13 6.12c.24.12.51.13.76.04.52-.18.79-.76.61-1.28l-1.18-3.13c-.61 1.15-1.12 2.62-.7 3.8.09.25.27.46.51.57Zm1.36-6.91.61 1.61c.64-.79.6-1.94-.13-2.67a1.967 1.967 0 0 0-2.67-.13l1.6.6c.01.01.02.02.03.02a.218.218 0 0 1 .083.037l.037.023c.04.02.08.04.11.07l.18.18c.03.04.05.07.07.11l.06.12c.01.01.02.02.02.03Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgAnimals;

package/lib/react/material/AppSettings.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgAppSettings = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M17 18H7V6h10v1h2V3c0-1.1-.9-2-2-2L7 1.01C5.9 1.01 5 1.9 5 3v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2v-4h-2v1Zm4-6c0-.13-.02-.26-.04-.39l.64-.48c.2-.15.26-.44.13-.66l-.57-.96a.495.495 0 0 0-.62-.2l-.72.3c-.2-.15-.42-.29-.65-.39l-.1-.77a.505.505 0 0 0-.49-.44l-1.12-.02c-.26 0-.47.18-.5.44l-.1.79c-.24.1-.45.23-.65.39l-.72-.3c-.23-.1-.5-.01-.62.2l-.57.96c-.13.22-.08.5.13.66l.64.48c-.05.13-.07.26-.07.39s.02.25.04.37l-.64.49c-.2.15-.26.43-.13.65l.56.97c.13.22.39.31.63.21l.73-.31c.2.16.42.3.67.4l.1.77c.03.25.24.44.5.44h1.12c.25 0 .46-.19.5-.44l.1-.77c.24-.1.46-.24.67-.4l.73.31c.23.1.5.01.63-.21l.56-.97c.13-.22.07-.5-.13-.65l-.64-.49c-.02-.12 0-.24 0-.37Zm-3 1.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgAppSettings;

package/lib/react/material/Apple.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgApple = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="-80.823 0 909.283 909.283"
+    {...props}
+  >
+    <defs>
+      <clipPath id="apple_svg__a">
+        <path d="M45.3 72h13v15.8h-13V71.9z" />
+      </clipPath>
+    </defs>
+    <g
+      transform="matrix(54.85033 0 0 -54.85033 -2466 4835)"
+      clipPath="url(#apple_svg__a)"
+    >
+      <path d="M56.1 79.4c0 2 1.6 3 1.7 3A3.7 3.7 0 0 1 55 84c-1.2 0-2.4-.8-3-.8-.6 0-1.6.7-2.6.7-1.4 0-2.6-.8-3.3-2-1.4-2.4-.4-6 1-8 .7-1 1.4-2 2.5-2 1 0 1.4.7 2.6.7 1.2 0 1.5-.7 2.6-.7 1 0 1.8 1 2.4 2 .8 1.1 1.1 2.2 1.1 2.3 0 0-2 .8-2.1 3.2" />
+    </g>
+    <path d="M501.8 158.5c30.3-36.8 50.9-88 45.2-139-43.8 1.8-96.7 29.2-128.2 66C390.7 118 366 170 372.7 220c48.8 3.8 98.7-24.9 129-61.6" />
+  </svg>
+);
+export default SvgApple;

package/lib/react/material/Apps.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgApps = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M4 8h4V4H4v4Zm6 12h4v-4h-4v4Zm-6 0h4v-4H4v4Zm0-6h4v-4H4v4Zm6 0h4v-4h-4v4Zm6-10v4h4V4h-4Zm-6 4h4V4h-4v4Zm6 6h4v-4h-4v4Zm0 6h4v-4h-4v4Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgApps;

package/lib/react/material/Archives.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgArchives = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2Zm3.55 13.8-4.08-2.51c-.3-.18-.48-.5-.48-.85V7.75a.77.77 0 0 1 .76-.75c.41 0 .75.34.75.75v4.45l3.84 2.31c.36.22.48.69.26 1.05-.22.35-.69.46-1.05.24Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgArchives;

package/lib/react/material/ArrowBack.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgArrowBack = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42a.996.996 0 0 0-1.41 0l-6.59 6.59a.996.996 0 0 0 0 1.41l6.59 6.59a.996.996 0 1 0 1.41-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgArrowBack;

package/lib/react/material/ArrowDownward.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgArrowDownward = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M11 5v11.17l-4.88-4.88c-.39-.39-1.03-.39-1.42 0a.996.996 0 0 0 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0l6.59-6.59a.996.996 0 1 0-1.41-1.41L13 16.17V5c0-.55-.45-1-1-1s-1 .45-1 1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgArrowDownward;

package/lib/react/material/ArrowForward.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgArrowForward = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M5 13h11.17l-4.88 4.88c-.39.39-.39 1.03 0 1.42.39.39 1.02.39 1.41 0l6.59-6.59a.996.996 0 0 0 0-1.41l-6.58-6.6a.996.996 0 1 0-1.41 1.41L16.17 11H5c-.55 0-1 .45-1 1s.45 1 1 1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgArrowForward;

package/lib/react/material/ArrowReverse.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgArrowReverse = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m7.872 19.29-4.58-4.58c-.39-.39-.39-1.03 0-1.42.39-.39 1.03-.39 1.42 0l2.87 2.88V6c0-.55.45-1 1-1h10c.55 0 1 .45 1 1s-.45 1-1 1h-9v9.17l2.87-2.88c.39-.39 1.03-.39 1.42 0 .39.39.39 1.03 0 1.42l-4.58 4.58c-.39.39-1.03.39-1.42 0Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgArrowReverse;

package/lib/react/material/ArrowUpward.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgArrowUpward = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M13 19V7.83l4.88 4.88c.39.39 1.03.39 1.42 0a.996.996 0 0 0 0-1.41l-6.59-6.59a.996.996 0 0 0-1.41 0l-6.6 6.58a.996.996 0 1 0 1.41 1.41L11 7.83V19c0 .55.45 1 1 1s1-.45 1-1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgArrowUpward;

package/lib/react/material/Assessment.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgAssessment = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2ZM9 17H7v-7h2v7Zm4 0h-2V7h2v10Zm4 0h-2v-4h2v4Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgAssessment;

package/lib/react/material/Assignment.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgAssignment = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M19 3h-1V2c0-.55-.45-1-1-1s-1 .45-1 1v1H8V2c0-.55-.45-1-1-1s-1 .45-1 1v1H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Zm-7 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3Zm6 12H6v-1c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgAssignment;

package/lib/react/material/Attachment.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgAttachment = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12 20.7a6.3 6.3 0 0 1-6.3-6.3V7.886a.9.9 0 0 0-1.8 0V14.4a8.1 8.1 0 0 0 16.2 0V7.608a6.108 6.108 0 1 0-12.215 0v6.83a3.948 3.948 0 0 0 7.895 0V7.886a.9.9 0 0 0-1.8 0v6.552a2.148 2.148 0 0 1-4.295 0v-6.83a4.308 4.308 0 0 1 8.615 0V14.4a6.3 6.3 0 0 1-6.3 6.3Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgAttachment;

package/lib/react/material/Audiotrack.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgAudiotrack = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 5v8.55c-.94-.54-2.1-.75-3.33-.32-1.34.48-2.37 1.67-2.61 3.07a4.007 4.007 0 0 0 4.59 4.65c1.96-.31 3.35-2.11 3.35-4.1V7h2c1.1 0 2-.9 2-2s-.9-2-2-2h-2c-1.1 0-2 .9-2 2Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgAudiotrack;

package/lib/react/material/Automaiton.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgAutomaiton = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M7 3v9c0 .55.45 1 1 1h2v7.15c0 .51.67.69.93.25l5.19-8.9a.995.995 0 0 0-.86-1.5H13l2.49-6.65A.994.994 0 0 0 14.56 2H8c-.55 0-1 .45-1 1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgAutomaiton;

package/lib/react/material/Block.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgBlock = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2ZM4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9A7.902 7.902 0 0 1 4 12Zm8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1A7.902 7.902 0 0 1 20 12c0 4.42-3.58 8-8 8Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgBlock;

package/lib/react/material/Bot.tsx

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgBot = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M9 13c-.83 0-1.5-.67-1.5-1.5S8.17 10 9 10s1.5.67 1.5 1.5S9.83 13 9 13ZM16.5 11.5c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5.67-1.5 1.5-1.5 1.5.67 1.5 1.5ZM8 16a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Z"
+      fill="currentcolor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M8 5a1 1 0 0 1 2 0h4a1 1 0 1 1 2 0h2c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H6c-1.1 0-2-.9-2-2V7c0-1.1.9-2 2-2h2Zm10 14H6V7h12v12Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgBot;

package/lib/react/material/BugReport.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgBugReport = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M19 8h-1.81a5.985 5.985 0 0 0-1.82-1.96l.93-.93a.996.996 0 1 0-1.41-1.41l-1.47 1.47C12.96 5.06 12.49 5 12 5c-.49 0-.96.06-1.41.17L9.11 3.7A.996.996 0 1 0 7.7 5.11l.92.93C7.88 6.55 7.26 7.22 6.81 8H5c-.55 0-1 .45-1 1s.45 1 1 1h1.09c-.05.33-.09.66-.09 1v1H5c-.55 0-1 .45-1 1s.45 1 1 1h1v1c0 .34.04.67.09 1H5c-.55 0-1 .45-1 1s.45 1 1 1h1.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H19c.55 0 1-.45 1-1s-.45-1-1-1h-1.09c.05-.33.09-.66.09-1v-1h1c.55 0 1-.45 1-1s-.45-1-1-1h-1v-1c0-.34-.04-.67-.09-1H19c.55 0 1-.45 1-1s-.45-1-1-1Zm-6 8h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1s-.45 1-1 1Zm0-4h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1s-.45 1-1 1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgBugReport;

package/lib/react/material/Calendar.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgCalendar = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M19 4h-1V3c0-.55-.45-1-1-1s-1 .45-1 1v1H8V3c0-.55-.45-1-1-1s-1 .45-1 1v1H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2Zm0 15c0 .55-.45 1-1 1H6c-.55 0-1-.45-1-1V9h14v10ZM7 11h2v2H7v-2Zm4 0h2v2h-2v-2Zm4 0h2v2h-2v-2Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgCalendar;

package/lib/react/material/Camera.tsx

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgCamera = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path d="M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" fill="currentcolor" />
+    <path
+      d="M20 4h-3.17l-1.24-1.35A1.99 1.99 0 0 0 14.12 2H9.88c-.56 0-1.1.24-1.48.65L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2Zm-8 13c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgCamera;

package/lib/react/material/CannedResponse.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgCannedResponse = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M9.685 1.51a.9.9 0 0 1 .764 1.017l-.635 4.459h5.703l.671-4.713a.9.9 0 1 1 1.782.254l-.635 4.459H20.4a.9.9 0 0 1 0 1.8h-3.321l-.818 5.743h3.748a.9.9 0 0 1 0 1.8h-4.005l-.769 5.398a.9.9 0 0 1-1.782-.254l.733-5.144H8.483l-.768 5.398a.9.9 0 0 1-1.782-.254l.732-5.144H3.6a.9.9 0 1 1 0-1.8h3.322l.818-5.743H4.675a.9.9 0 1 1 0-1.8h3.321l.671-4.713a.9.9 0 0 1 1.018-.764Zm-.127 7.276-.818 5.743h5.702l.819-5.743H9.558Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgCannedResponse;

package/lib/react/material/Channels.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgChannels = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m19.15 14.85-1.44 1.44-2.88-2.88-1.42 1.42 2.88 2.88-1.44 1.44a.5.5 0 0 0 .36.85h4.29c.28 0 .5-.22.5-.5v-4.29a.5.5 0 0 0-.85-.36ZM20 8.79V4.5c0-.28-.22-.5-.5-.5h-4.29c-.45 0-.67.54-.35.85l1.44 1.44L11.6 11H5c-.55 0-1 .45-1 1s.45 1 1 1h7c.26 0 .52-.11.71-.29l5.01-5 1.44 1.44c.3.31.84.09.84-.36Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgChannels;

package/lib/react/material/Chart.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgChart = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m4.2 17.78 5.3-5.3 3.25 3.25c.41.41 1.07.39 1.45-.04l7.17-8.07c.35-.39.33-.99-.04-1.37a1 1 0 0 0-1.45.04l-6.39 7.18-3.29-3.29a.996.996 0 0 0-1.41 0l-6.09 6.1a.996.996 0 0 0 0 1.41l.09.09c.39.39 1.03.39 1.41 0Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgChart;

package/lib/react/material/Chat.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgChat = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2ZM7 9h10c.55 0 1 .45 1 1s-.45 1-1 1H7c-.55 0-1-.45-1-1s.45-1 1-1Zm6 5H7c-.55 0-1-.45-1-1s.45-1 1-1h6c.55 0 1 .45 1 1s-.45 1-1 1Zm4-6H7c-.55 0-1-.45-1-1s.45-1 1-1h10c.55 0 1 .45 1 1s-.45 1-1 1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgChat;

package/lib/react/material/ChatMissed.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgChatMissed = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M18.89 7.7 12 14.59 6.41 9H10c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1s1-.45 1-1v-3.59l6.29 6.29c.39.39 1.02.39 1.41 0l7.59-7.59a.996.996 0 0 0 0-1.41c-.38-.38-1.02-.38-1.4 0Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgChatMissed;

package/lib/react/material/ChatTakeover.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgChatTakeover = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M17.42 17.42A6.938 6.938 0 0 0 19 13c0-2.18-1.01-4.14-2.58-5.42l1.42-1.42a8.978 8.978 0 0 1 1 12.68l-1.42-1.42ZM12 1l4 4-4 4V6c-3.86 0-7 3.14-7 7 0 1.68.59 3.21 1.58 4.42l-1.42 1.42A8.974 8.974 0 0 1 3 13a9 9 0 0 1 9-9V1ZM8 14c0-2.21 1.79-4 4-4s4 1.79 4 4-1.79 4-4 4-4-1.79-4-4Zm5.12-1.5c0-.61-.5-1.12-1.12-1.12-.62 0-1.12.51-1.12 1.12 0 .61.51 1.12 1.12 1.12.61 0 1.12-.51 1.12-1.12Zm-3.36 3.08c.5.71 1.31 1.17 2.24 1.17.93 0 1.74-.46 2.24-1.17-.05-.72-1.51-1.08-2.24-1.08-.73 0-2.19.36-2.24 1.08Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgChatTakeover;