@livechat/design-system-icons 1.0.0-alpha.1 → 1.0.0-alpha.11

package/lib/react/material/Settings.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgSettings = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M19.5 12c0-.23-.01-.45-.03-.68l1.86-1.41c.4-.3.51-.86.26-1.3l-1.87-3.23a.987.987 0 0 0-1.25-.42l-2.15.91c-.37-.26-.76-.49-1.17-.68l-.29-2.31c-.06-.5-.49-.88-.99-.88h-3.73c-.51 0-.94.38-1 .88l-.29 2.31c-.41.19-.8.42-1.17.68l-2.15-.91c-.46-.2-1-.02-1.25.42L2.41 8.62c-.25.44-.14.99.26 1.3l1.86 1.41a7.343 7.343 0 0 0 0 1.35l-1.86 1.41c-.4.3-.51.86-.26 1.3l1.87 3.23c.25.44.79.62 1.25.42l2.15-.91c.37.26.76.49 1.17.68l.29 2.31c.06.5.49.88.99.88h3.73c.5 0 .93-.38.99-.88l.29-2.31c.41-.19.8-.42 1.17-.68l2.15.91c.46.2 1 .02 1.25-.42l1.87-3.23c.25-.44.14-.99-.26-1.3l-1.86-1.41c.03-.23.04-.45.04-.68Zm-7.46 3.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgSettings;

package/lib/react/material/Share.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgShare = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7 0-.24-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92 0-1.61-1.31-2.92-2.92-2.92Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgShare;

package/lib/react/material/ShoppingCart.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgShoppingCart = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M15.55 13c.75 0 1.41-.41 1.75-1.03l3.58-6.49A.996.996 0 0 0 20.01 4H5.21l-.94-2H1v2h2l3.6 7.59-1.35 2.44C4.52 15.37 5.48 17 7 17h12v-2H7l1.1-2h7.45ZM6.16 6h12.15l-2.76 5H8.53L6.16 6ZM7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2Zm10 0c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgShoppingCart;

package/lib/react/material/Smiles.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgSmiles = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.521 22 22 17.52 22 12S17.522 2 11.99 2Zm.011 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8Zm3.5-9a1.499 1.499 0 1 0-1.5-1.5c0 .83.67 1.5 1.5 1.5Zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11Zm3.5 6.5c2.03 0 3.8-1.11 4.75-2.75a.502.502 0 0 0-.44-.75H7.692c-.38 0-.63.42-.44.75a5.49 5.49 0 0 0 4.75 2.75Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgSmiles;

package/lib/react/material/SoundOff.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgSoundOff = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M3.63 3.63a.996.996 0 0 0 0 1.41L7.29 8.7 7 9H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71v-4.17l4.18 4.18c-.49.37-1.02.68-1.6.91-.36.15-.58.53-.58.92 0 .72.73 1.18 1.39.91.8-.33 1.55-.77 2.22-1.31l1.34 1.34a.996.996 0 1 0 1.41-1.41L5.05 3.63c-.39-.39-1.02-.39-1.42 0ZM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-3.83-2.4-7.11-5.78-8.4-.59-.23-1.22.23-1.22.86v.19c0 .38.25.71.61.85C17.18 6.54 19 9.06 19 12Zm-8.71-6.29-.17.17L12 7.76V6.41c0-.89-1.08-1.33-1.71-.7ZM16.5 12A4.5 4.5 0 0 0 14 7.97v1.79l2.48 2.48c.01-.08.02-.16.02-.24Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgSoundOff;

package/lib/react/material/SoundOn.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgSoundOn = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M3 10v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71V6.41c0-.89-1.08-1.34-1.71-.71L7 9H4c-.55 0-1 .45-1 1Zm13.5 2A4.5 4.5 0 0 0 14 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02ZM14 4.45v.2c0 .38.25.71.6.85A7.004 7.004 0 0 1 19 12c0 2.94-1.82 5.47-4.4 6.5-.36.14-.6.47-.6.85v.2c0 .63.63 1.07 1.21.85A8.98 8.98 0 0 0 21 12c0-3.84-2.4-7.11-5.79-8.4-.58-.23-1.21.22-1.21.85Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgSoundOn;

package/lib/react/material/Symbols.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgSymbols = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M10 5H4c-.55 0-1 .45-1 1s.45 1 1 1h2v3c0 .55.45 1 1 1s1-.45 1-1V7h2c.55 0 1-.45 1-1s-.45-1-1-1Zm0-3H4c-.55 0-1 .45-1 1s.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1Zm10.89 11.11a.996.996 0 0 0-1.41 0l-6.36 6.36a.996.996 0 1 0 1.41 1.41l6.36-6.36a.996.996 0 0 0 0-1.41ZM14.5 16a1.5 1.5 0 1 0-.001-3.001 1.5 1.5 0 0 0 0 3Zm5 5A1.5 1.5 0 1 0 19.499 18 1.5 1.5 0 0 0 19.5 21Zm-4-10A2.5 2.5 0 0 0 18 8.5V4h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1v3.51c-.42-.32-.93-.51-1.5-.51C14.12 6 13 7.12 13 8.5s1.12 2.5 2.5 2.5Zm-5.05 7.09a.996.996 0 1 0-1.41-1.41l-.71.71-.71-.71.35-.35a2.498 2.498 0 0 0-1.77-4.27 2.498 2.498 0 0 0-1.77 4.27l.35.35-1.06 1.06a2.5 2.5 0 0 0 0 3.54c.5.48 1.14.72 1.78.72.64 0 1.28-.24 1.77-.73l1.06-1.06.71.71a.996.996 0 1 0 1.41-1.41l-.71-.71.71-.71Zm-4.6-3.89a.5.5 0 0 1 .35-.15.5.5 0 0 1 .35.15c.19.2.19.51 0 .71l-.35.35-.35-.36a.498.498 0 0 1-.15-.35.5.5 0 0 1 .15-.35Zm0 5.65c-.12.12-.26.15-.35.15a.495.495 0 0 1-.35-.15.498.498 0 0 1-.15-.35.5.5 0 0 1 .15-.35l1.06-1.06.71.71-1.07 1.05Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgSymbols;

package/lib/react/material/Tag.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgTag = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84l3.96-5.58a.99.99 0 0 0 0-1.16l-3.96-5.58Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgTag;

package/lib/react/material/TextBlock.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgTextBlock = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M13 17H5c-.55 0-1 .45-1 1s.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1Zm6-8H5c-.55 0-1 .45-1 1s.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1ZM5 15h14c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1s.45 1 1 1ZM4 6c0 .55.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgTextBlock;

package/lib/react/material/TextFields.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgTextFields = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M2.5 5.5C2.5 6.33 3.17 7 4 7h3.5v10.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V7H14c.83 0 1.5-.67 1.5-1.5S14.83 4 14 4H4c-.83 0-1.5.67-1.5 1.5ZM20 9h-6c-.83 0-1.5.67-1.5 1.5S13.17 12 14 12h1.5v5.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V12H20c.83 0 1.5-.67 1.5-1.5S20.83 9 20 9Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgTextFields;

package/lib/react/material/ThumbDown.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgThumbDown = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m10.88 21.94 5.53-5.54c.37-.37.58-.88.58-1.41V5c0-1.1-.9-2-2-2H6c-.8 0-1.52.48-1.83 1.21L.91 11.82C.06 13.8 1.51 16 3.66 16h5.65l-.95 4.58c-.1.5.05 1.01.41 1.37.59.58 1.53.58 2.11-.01ZM21 3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2s2-.9 2-2V5c0-1.1-.9-2-2-2Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgThumbDown;

package/lib/react/material/ThumbUp.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgThumbUp = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M13.12 2.06 7.58 7.6c-.37.37-.58.88-.58 1.41V19c0 1.1.9 2 2 2h9c.8 0 1.52-.48 1.84-1.21l3.26-7.61C23.94 10.2 22.49 8 20.34 8h-5.65l.95-4.58c.1-.5-.05-1.01-.41-1.37-.59-.58-1.53-.58-2.11.01ZM3 21c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2s-2 .9-2 2v8c0 1.1.9 2 2 2Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgThumbUp;

package/lib/react/material/Tickets.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgTickets = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M22 8.54V6c0-1.1-.9-2-2-2H4c-1.1 0-1.99.89-1.99 2v2.54c0 .69.33 1.37.94 1.69A2.02 2.02 0 0 1 4 12c0 .76-.43 1.43-1.06 1.76-.6.33-.94 1.01-.94 1.7V18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-2.54c0-.69-.34-1.37-.94-1.7-.63-.34-1.06-1-1.06-1.76s.43-1.42 1.06-1.76c.6-.33.94-1.01.94-1.7Zm-9 8.96h-2v-2h2v2Zm0-4.5h-2v-2h2v2Zm0-4.5h-2v-2h2v2Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgTickets;

package/lib/react/material/Time.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgTime = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2ZM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8Zm-.22-13h-.06c-.4 0-.72.32-.72.72v4.72c0 .35.18.68.49.86l4.15 2.49c.34.2.78.1.98-.24a.71.71 0 0 0-.25-.99l-3.87-2.3V7.72c0-.4-.32-.72-.72-.72Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgTime;

package/lib/react/material/Timeline.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgTimeline = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M23 8c0 1.1-.9 2-2 2a1.7 1.7 0 0 1-.51-.07l-3.56 3.55c.05.16.07.34.07.52 0 1.1-.9 2-2 2s-2-.9-2-2c0-.18.02-.36.07-.52l-2.55-2.55c-.16.05-.34.07-.52.07s-.36-.02-.52-.07l-4.55 4.56c.05.16.07.33.07.51 0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2c.18 0 .35.02.51.07l4.56-4.55C8.02 9.36 8 9.18 8 9c0-1.1.9-2 2-2s2 .9 2 2c0 .18-.02.36-.07.52l2.55 2.55c.16-.05.34-.07.52-.07s.36.02.52.07l3.55-3.56A1.7 1.7 0 0 1 19 8c0-1.1.9-2 2-2s2 .9 2 2Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgTimeline;

package/lib/react/material/Tools.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgTools = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12.09 2.91C10.08.9 7.07.49 4.65 1.67L8.28 5.3c.39.39.39 1.02 0 1.41L6.69 8.3c-.39.4-1.02.4-1.41 0L1.65 4.67C.48 7.1.89 10.09 2.9 12.1a6.507 6.507 0 0 0 6.89 1.48l7.96 7.96a2.613 2.613 0 0 0 3.71 0 2.613 2.613 0 0 0 0-3.71L13.54 9.9c.92-2.34.44-5.1-1.45-6.99Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgTools;

package/lib/react/material/Traffic.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgTraffic = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M18.32 5.68c-.36.36-.39.92-.07 1.32 1.45 1.82 2.21 4.31 1.53 6.92-.79 3.05-3.18 5.33-6.21 5.94C8.47 20.87 4 16.93 4 12c0-4.08 3.05-7.44 7-7.93v2.02a5.998 5.998 0 0 0-4.93 6.83c.39 2.61 2.56 4.71 5.18 5.03a6 6 0 0 0 5.72-9.31c-.34-.5-1.07-.53-1.5-.11l-.01.01c-.34.34-.37.87-.11 1.27.6.92.84 2.1.49 3.32a3.99 3.99 0 0 1-2.94 2.77A4 4 0 0 1 8 12c0-1.86 1.28-3.41 3-3.86v2.14c-.6.35-1 .98-1 1.72 0 1.1.9 2 2 2s2-.9 2-2c0-.74-.4-1.38-1-1.72V2.71c0-.39-.32-.71-.71-.71-5.36-.2-9.98 4.06-10.27 9.4-.36 6.55 5.41 11.82 12.01 10.4 3.88-.83 6.88-3.8 7.75-7.67.71-3.16-.2-6.16-1.97-8.37a1 1 0 0 0-1.49-.08Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgTraffic;

package/lib/react/material/Travels.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgTravels = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M17.568 19.33c.254-.254.353-.622.282-.976l-1.993-8.626 3.888-3.889a1.496 1.496 0 0 0 0-2.121 1.495 1.495 0 0 0-2.12 0l-3.89 3.888-8.628-1.992a1.048 1.048 0 0 0-.72 1.95l6.166 3.224-3.888 3.89-2.229-.319a.48.48 0 0 0-.423.142l-.418.417a.503.503 0 0 0 .113.792l2.603 1.443 1.442 2.601c.162.29.558.347.792.114l.417-.417a.476.476 0 0 0 .141-.425L8.785 16.8l3.888-3.888 3.226 6.166a1.049 1.049 0 0 0 1.668.254l.001-.001Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgTravels;

package/lib/react/material/Undo.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgUndo = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12.5 8c-2.65 0-5.05.99-6.9 2.6L3.71 8.71C3.08 8.08 2 8.52 2 9.41V15c0 .55.45 1 1 1h5.59c.89 0 1.34-1.08.71-1.71l-1.91-1.91c1.39-1.16 3.16-1.88 5.12-1.88 3.16 0 5.89 1.84 7.19 4.5.27.56.91.84 1.5.64.71-.23 1.07-1.04.75-1.72C20.23 10.42 16.65 8 12.5 8Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgUndo;

package/lib/react/material/VerifiedUser.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgVerifiedUser = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m11.19 1.36-7 3.11C3.47 4.79 3 5.51 3 6.3V11c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V6.3c0-.79-.47-1.51-1.19-1.83l-7-3.11c-.51-.23-1.11-.23-1.62 0Zm-1.9 14.93L6.7 13.7a.996.996 0 1 1 1.41-1.41L10 14.17l5.88-5.88a.996.996 0 1 1 1.41 1.41l-6.59 6.59a.996.996 0 0 1-1.41 0Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgVerifiedUser;

package/lib/react/material/Video.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgVideo = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M15 8v8H5V8h10Zm1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgVideo;

package/lib/react/material/VisibilityOff.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgVisibilityOff = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 6a9.77 9.77 0 0 1 8.82 5.5 9.647 9.647 0 0 1-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6Zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14ZM2.01 3.87l2.68 2.68A11.737 11.737 0 0 0 1 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87Zm7.5 7.5 2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 0 1-2.5-2.5c0-.05.01-.08.01-.13Zm-3.4-3.4 1.75 1.75a4.6 4.6 0 0 0-.36 1.78 4.507 4.507 0 0 0 6.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 0 1-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgVisibilityOff;

package/lib/react/material/VisibilityOn.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgVisibilityOn = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 4C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4Zm0 12.5c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5Zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgVisibilityOn;

package/lib/react/material/Waiting.tsx

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgWaiting = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M13 5a4 4 0 1 1-8 0 4 4 0 0 1 8 0ZM17.5 13.5a.5.5 0 0 0-1 0V16a.5.5 0 0 0 .146.354l1.5 1.5a.5.5 0 0 0 .708-.708L17.5 15.793V13.5Z"
+      fill="currentcolor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M17 10a6 6 0 1 0 0 12 6 6 0 0 0 0-12Zm-4 6a4 4 0 1 1 8 0 4 4 0 0 1-8 0Z"
+      fill="currentcolor"
+    />
+    <path
+      d="M10.653 11.13A7.965 7.965 0 0 0 9 16c0 .339.021.672.062 1H2c-.55 0-1-.45-1-1v-1c0-2.66 5.33-4 8-4 .48 0 1.047.043 1.653.13Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgWaiting;

package/lib/react/material/Warning.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgWarning = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 4.99 19.53 18H4.47L12 4.99ZM2.74 17c-.77 1.33.19 3 1.73 3h15.06c1.54 0 2.5-1.67 1.73-3L13.73 3.99c-.77-1.33-2.69-1.33-3.46 0L2.74 17ZM11 10v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1Zm0 5h2v2h-2v-2Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgWarning;

package/lib/react/material/World.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgWorld = (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 2Zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93Zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgWorld;

package/lib/react/material/index.ts

@@ -0,0 +1,123 @@
+export { default as AccountCircle } from './AccountCircle';
+export { default as Activities } from './Activities';
+export { default as Add } from './Add';
+export { default as AddCircle } from './AddCircle';
+export { default as AddTemplate } from './AddTemplate';
+export { default as Adjust } from './Adjust';
+export { default as Android } from './Android';
+export { default as Animals } from './Animals';
+export { default as AppSettings } from './AppSettings';
+export { default as Apps } from './Apps';
+export { default as Archives } from './Archives';
+export { default as ArrowBack } from './ArrowBack';
+export { default as ArrowDownward } from './ArrowDownward';
+export { default as ArrowForward } from './ArrowForward';
+export { default as ArrowReverse } from './ArrowReverse';
+export { default as ArrowUpward } from './ArrowUpward';
+export { default as Assessment } from './Assessment';
+export { default as Assignment } from './Assignment';
+export { default as Attachment } from './Attachment';
+export { default as Audiotrack } from './Audiotrack';
+export { default as Automaiton } from './Automaiton';
+export { default as Block } from './Block';
+export { default as Bot } from './Bot';
+export { default as BugReport } from './BugReport';
+export { default as Calendar } from './Calendar';
+export { default as CannedResponse } from './CannedResponse';
+export { default as Channels } from './Channels';
+export { default as Chart } from './Chart';
+export { default as Chat } from './Chat';
+export { default as ChatMissed } from './ChatMissed';
+export { default as ChatTakeover } from './ChatTakeover';
+export { default as Chats } from './Chats';
+export { default as Check } from './Check';
+export { default as CheckBox } from './CheckBox';
+export { default as CheckCircleSolid } from './CheckCircleSolid';
+export { default as ChevronDown } from './ChevronDown';
+export { default as ChevronLeft } from './ChevronLeft';
+export { default as ChevronRight } from './ChevronRight';
+export { default as ChevronUp } from './ChevronUp';
+export { default as Close } from './Close';
+export { default as CloseCircle } from './CloseCircle';
+export { default as CodeBlack } from './CodeBlack';
+export { default as Contact } from './Contact';
+export { default as CreditCardOutline } from './CreditCardOutline';
+export { default as DayMode } from './DayMode';
+export { default as Delete } from './Delete';
+export { default as Description } from './Description';
+export { default as Device } from './Device';
+export { default as Devices } from './Devices';
+export { default as DoubleArrowLeft } from './DoubleArrowLeft';
+export { default as DoubleArrowRight } from './DoubleArrowRight';
+export { default as DragIndicator } from './DragIndicator';
+export { default as DropDown } from './DropDown';
+export { default as Edit } from './Edit';
+export { default as Email } from './Email';
+export { default as EmailAddress } from './EmailAddress';
+export { default as Emoji } from './Emoji';
+export { default as Error } from './Error';
+export { default as Extension } from './Extension';
+export { default as FileCopy } from './FileCopy';
+export { default as FileDownload } from './FileDownload';
+export { default as FileUpload } from './FileUpload';
+export { default as Filter } from './Filter';
+export { default as Flags } from './Flags';
+export { default as Folder } from './Folder';
+export { default as Foods } from './Foods';
+export { default as FrequentlyUsed } from './FrequentlyUsed';
+export { default as GreetingCard } from './GreetingCard';
+export { default as GreetingPlainText } from './GreetingPlainText';
+export { default as GreetingQuickReply } from './GreetingQuickReply';
+export { default as Group } from './Group';
+export { default as Help } from './Help';
+export { default as Home } from './Home';
+export { default as Image } from './Image';
+export { default as Info } from './Info';
+export { default as Keyboard } from './Keyboard';
+export { default as Link } from './Link';
+export { default as List } from './List';
+export { default as LockBlack } from './LockBlack';
+export { default as LockOpen } from './LockOpen';
+export { default as MoreHoriz } from './MoreHoriz';
+export { default as NightMode } from './NightMode';
+export { default as NoteAdd } from './NoteAdd';
+export { default as Notifications } from './Notifications';
+export { default as Objects } from './Objects';
+export { default as OpenInNew } from './OpenInNew';
+export { default as Palette } from './Palette';
+export { default as People } from './People';
+export { default as Person } from './Person';
+export { default as PersonAdd } from './PersonAdd';
+export { default as Place } from './Place';
+export { default as PlayCircle } from './PlayCircle';
+export { default as PowerSettings } from './PowerSettings';
+export { default as Refresh } from './Refresh';
+export { default as Remove } from './Remove';
+export { default as Search } from './Search';
+export { default as Send } from './Send';
+export { default as Settings } from './Settings';
+export { default as Share } from './Share';
+export { default as ShoppingCart } from './ShoppingCart';
+export { default as Smiles } from './Smiles';
+export { default as SoundOff } from './SoundOff';
+export { default as SoundOn } from './SoundOn';
+export { default as Symbols } from './Symbols';
+export { default as Tag } from './Tag';
+export { default as TextBlock } from './TextBlock';
+export { default as TextFields } from './TextFields';
+export { default as ThumbDown } from './ThumbDown';
+export { default as ThumbUp } from './ThumbUp';
+export { default as Tickets } from './Tickets';
+export { default as Time } from './Time';
+export { default as Timeline } from './Timeline';
+export { default as Tools } from './Tools';
+export { default as Traffic } from './Traffic';
+export { default as Travels } from './Travels';
+export { default as Undo } from './Undo';
+export { default as VerifiedUser } from './VerifiedUser';
+export { default as Video } from './Video';
+export { default as VisibilityOff } from './VisibilityOff';
+export { default as VisibilityOn } from './VisibilityOn';
+export { default as Waiting } from './Waiting';
+export { default as Warning } from './Warning';
+export { default as World } from './World';