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

package/lib/react/material/GreetingPlainText.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgGreetingPlainText = (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="M4 2h16c1.1 0 2 .9 2 2v16c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2Zm2 4.5a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2h-3.922a.078.078 0 0 0-.078.078V17.5a1 1 0 1 1-2 0v-10H7a1 1 0 0 1-1-1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgGreetingPlainText;

package/lib/react/material/GreetingQuickReply.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgGreetingQuickReply = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 2.02c-5.51 0-9.98 4.47-9.98 9.98 0 5.51 4.47 9.98 9.98 9.98 5.51 0 9.98-4.47 9.98-9.98 0-5.51-4.47-9.98-9.98-9.98Zm-.52 15.86v-4.14H8.82c-.37 0-.62-.4-.44-.73l3.68-7.17c.23-.47.94-.3.94.23v4.19h2.54c.37 0 .61.39.45.72l-3.56 7.12c-.24.48-.95.31-.95-.22Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgGreetingQuickReply;

package/lib/react/material/Group.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgGroup = (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 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"
+    />
+    <path
+      d="M8 16a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM12 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM16 16a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgGroup;

package/lib/react/material/Help.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgHelp = (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 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8Zm-1-4h2v2h-2v-2Zm1.61-9.96c-2.06-.3-3.88.97-4.43 2.79-.18.58.26 1.17.87 1.17h.2c.41 0 .74-.29.88-.67.32-.89 1.27-1.5 2.3-1.28.95.2 1.65 1.13 1.57 2.1-.1 1.34-1.62 1.63-2.45 2.88 0 .01-.01.01-.01.02-.01.02-.02.03-.03.05-.09.15-.18.32-.25.5-.01.03-.03.05-.04.08-.01.02-.01.04-.02.07-.12.34-.2.75-.2 1.25h2c0-.42.11-.77.28-1.07.02-.03.03-.06.05-.09.08-.14.18-.27.28-.39.01-.01.02-.03.03-.04.1-.12.21-.23.33-.34.96-.91 2.26-1.65 1.99-3.56-.24-1.74-1.61-3.21-3.35-3.47Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgHelp;

package/lib/react/material/Home.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgHome = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgHome;

package/lib/react/material/Image.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgImage = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M19 5v14H5V5h14Zm0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Zm-4.86 8.86-3 3.87L9 13.14 6 17h12l-3.86-5.14Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgImage;

package/lib/react/material/Info.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgInfo = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M11 7h2v2h-2V7Zm0 5a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0v-4Zm1-10C6.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 SvgInfo;

package/lib/react/material/InternetExplorer.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgInternetExplorer = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M23.944 12.582c0-1.934-.493-3.755-1.345-5.348 3.7-8.42-3.924-7.168-4.373-7.168-1.57.318-3.14.83-4.484 1.479-5.158-.063-9.642 2.73-11.1 8.534 2.69-3.072 4.597-4.324 5.718-4.78-.235.217-.47.445-.706.672-1.794 1.82-3.252 3.641-4.485 5.575-.953 1.707-2.018 3.186-2.579 5.12-3.027 11.151 6.503 6.486 7.848 5.69a10.54 10.54 0 0 0 4.821 1.126c4.71 0 8.745-3.072 10.203-7.282h-5.718c-2.69 4.324-9.081 2.39-9.306-2.275H23.91c.059-.467.09-.934.09-1.366l-.056.023Zm-2.018-10.81c.93.638 1.682 1.593.392 5.007-1.233-2.048-3.027-3.641-5.27-4.438.999-.489 3.476-1.479 4.934-.569h-.056ZM2.082 22.367c-.763-.785-.897-2.73.784-6.258a10.734 10.734 0 0 0 4.71 5.803c-1.088.603-3.925 1.934-5.494.376v.08ZM8.36 10.99c.086-2.503 2.242-4.551 4.933-4.551 2.69 0 4.821 2.048 4.933 4.551H8.36Z"
+      fill="#1EBBEE"
+    />
+  </svg>
+);
+export default SvgInternetExplorer;

package/lib/react/material/Keyboard.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgKeyboard = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2Zm-9 3h2v2h-2V8Zm0 3h2v2h-2v-2ZM8 8h2v2H8V8Zm0 3h2v2H8v-2Zm-1 2H5v-2h2v2Zm0-3H5V8h2v2Zm8 7H9c-.55 0-1-.45-1-1s.45-1 1-1h6c.55 0 1 .45 1 1s-.45 1-1 1Zm1-4h-2v-2h2v2Zm0-3h-2V8h2v2Zm3 3h-2v-2h2v2Zm0-3h-2V8h2v2Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgKeyboard;

package/lib/react/material/Link.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgLink = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M17 7h-3c-.55 0-1 .45-1 1s.45 1 1 1h3c1.65 0 3 1.35 3 3s-1.35 3-3 3h-3c-.55 0-1 .45-1 1s.45 1 1 1h3c2.76 0 5-2.24 5-5s-2.24-5-5-5Zm-9 5c0 .55.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1H9c-.55 0-1 .45-1 1Zm2 3H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h3c.55 0 1-.45 1-1s-.45-1-1-1H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h3c.55 0 1-.45 1-1s-.45-1-1-1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgLink;

package/lib/react/material/Linux.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgLinux = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="2 2 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M10.842 6.67c-.212.024-.14.218-.257.223-.116.004-.093-.249.257-.222Zm.638.033c.207-.053.208.155.32.117.11-.037-.002-.264-.32-.117Zm7.107 13.598c-.637.32-1.468 1.032-1.779 1.327-.228.218-1.185.327-1.717.053-.63-.324-.296-.83-1.269-.855a40.044 40.044 0 0 0-1.425-.01c-.417.006-.834.019-1.26.041-1.46.013-1.603.968-2.534.933-.637-.023-1.44-.526-2.821-.815-.97-.202-1.902-.25-2.101-.68-.2-.427.245-.907.275-1.334.036-.556-.421-1.312-.083-1.605.28-.243.891-.065 1.285-.285.42-.233.588-.427.588-.938.155.522-.007.955-.353 1.167-.207.124-.59.19-.905.158-.25-.023-.405.017-.48.112-.097.124-.066.34.056.628.122.287.27.47.25.822-.02.352-.408.77-.346 1.067.024.114.136.209.405.285.444.125 1.238.238 2.022.429.871.214 1.77.616 2.33.539 1.67-.233.717-2.025.447-2.451-1.41-2.221-2.343-3.675-3.09-3.098-.195.15-.202-.377-.194-.58.032-.73.403-.986.623-1.554.413-1.064.734-2.282 1.372-2.912.475-.608 1.216-1.608 1.358-2.136-.12-1.148-.156-2.356-.175-3.414-.018-1.126.16-2.113 1.432-2.804.31-.168.713-.23 1.14-.234.763-.009 1.605.205 2.142.603.858.636 1.396 1.989 1.334 2.961-.051.75.084 1.534.324 2.34.287.96.742 1.633 1.464 2.399.87.923 1.549 2.742 1.74 3.894.179 1.077-.055 1.742-.291 1.775-.352.052-.571 1.17-1.673 1.117-.703-.033-.772-.449-.967-.802-.313-.566-.631-.39-.76.2-.065.302-.017.735.08 1.071.196.69.128 1.343.011 2.136-.225 1.521 1.063 1.809 1.932 1.086.858-.714 1.041-.828 2.126-1.198 1.636-.56 1.087-1.056.207-1.352-.789-.265-.822-1.598-.539-1.85.063 1.432.808 1.64 1.124 1.835 1.353.84-.511 1.53-1.305 1.93Zm-3.644-4.193c.15-.177.325-.196.556-.2.035-.873 1.394-.809 1.839-.444 0-.202-.427-.383-.598-.469.296-.985.157-1.38-.04-2.31-.148-.71-.795-1.666-1.302-1.965.128.112.37.438.628.916.442.823.878 2.039.587 3.06-.111.39-.367.44-.543.46-.779.08-.32-.921-.644-2.3-.36-1.535-.73-1.65-.822-1.77-.447-1.996-.943-1.797-1.083-2.55-.127-.667.58-1.218-.38-1.405-.294-.057-.713-.354-.88-.376-.166-.022-.247-1.1.36-1.144.608-.044.724.687.605.975-.173.285.012.391.313.298.246-.075.087-.715.146-.81-.159-.917-.542-1.049-.94-1.126-1.513.116-.834 1.792-.987 1.63-.214-.227-.859-.012-.856-.158.014-.854-.272-1.35-.667-1.36-.439-.013-.62.602-.646.949-.026.332.197 1.025.36.972.107-.035.29-.25.094-.248-.101.001-.254-.236-.27-.524-.015-.287.09-.576.464-.561.438.017.433.872.386.905-.14.097-.32.285-.34.317-.139.234-.418.291-.52.393-.195.195-.235.416-.089.5.501.287.338.607 1.039.637.46.018.806-.072 1.12-.167.243-.074 1.027-.241 1.192-.529.072-.122.162-.126.222-.091.105.06.128.264-.143.337-.388.105-.779.311-1.122.449-.342.138-.451.192-.774.251-.727.13-1.264-.263-.776.209.161.157.317.255.735.238.917-.036 1.943-1.136 2.045-.644.02.101-.29.239-.533.36-.86.422-1.464 1.257-2.014.968-.493-.26-.982-1.48-.974-.934.014.844-1.112 1.595-.594 2.555-.335.091-1.1 1.705-1.21 2.545-.06.476.046 1.074-.068 1.408-.166.482-.918-.46-.678-1.616.043-.203.007-.246-.047-.148-.306.54-.138 1.294.103 1.823.106.228.352.33.535.533.394.44 1.902 1.559 2.175 1.827a.678.678 0 0 1-.466 1.144c.361.68.713.745.707 1.858.409-.22.244-.699.074-1.015-.12-.216-.276-.314-.242-.365.025-.038.236-.219.362-.077.372.417 1.074.491 1.829.397.753-.095 1.561-.359 1.935-.96.175-.282.301-.381.382-.332.08.05.116.25.107.57-.01.355-.158.724-.25 1.018-.105.334-.137.571.189.584.096-.617.266-1.225.315-1.84.055-.698-.451-2 .094-2.648Zm-4.618-9.923c-.025.138-.015.224.08.224.016 0 .032-.003.038-.038.046-.274-.095-.473-.153-.489-.134-.033-.117.159-.048.144.043-.009.1.061.083.16Zm2.487-.376c-.138.013-.098.082-.03.101.09.027.175.18.194.346.001.015.115-.024.115-.06.009-.266-.219-.392-.279-.387Z"
+      fill="#000"
+    />
+  </svg>
+);
+export default SvgLinux;

package/lib/react/material/List.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgList = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 9h4c.55 0 1-.45 1-1s-.45-1-1-1h-4c-.55 0-1 .45-1 1s.45 1 1 1Zm0 4h4c.55 0 1-.45 1-1s-.45-1-1-1h-4c-.55 0-1 .45-1 1s.45 1 1 1Zm0 4h4c.55 0 1-.45 1-1s-.45-1-1-1h-4c-.55 0-1 .45-1 1s.45 1 1 1ZM7 7h2v2H7V7Zm0 4h2v2H7v-2Zm0 4h2v2H7v-2ZM20 3H4c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1Zm-1 16H5V5h14v14Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgList;

package/lib/react/material/LockBlack.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgLockBlack = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 5.333h-.667v-.666a3.335 3.335 0 0 0-6.666 0v.667H4c-.733 0-1.333.6-1.333 1.333V12c0 .733.6 1.334 1.333 1.334h8c.733 0 1.333-.6 1.333-1.334V6.667c0-.733-.6-1.333-1.333-1.333Zm-4 5.334c-.733 0-1.333-.6-1.333-1.333C6.667 8.6 7.267 8 8 8s1.333.6 1.333 1.334c0 .733-.6 1.333-1.333 1.333ZM6 5.334v-.667c0-1.107.893-2 2-2s2 .893 2 2v.667H6Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgLockBlack;

package/lib/react/material/LockOpen.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgLockOpen = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 13c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm6-5h-1V6c0-2.76-2.24-5-5-5-2.28 0-4.27 1.54-4.84 3.75-.14.54.18 1.08.72 1.22a1 1 0 0 0 1.22-.72A2.996 2.996 0 0 1 12 3c1.65 0 3 1.35 3 3v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2Zm0 11c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1v-8c0-.55.45-1 1-1h10c.55 0 1 .45 1 1v8Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgLockOpen;

package/lib/react/material/MoreHoriz.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgMoreHoriz = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgMoreHoriz;

package/lib/react/material/MoveTo.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgMoveTo = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M20 6h-8l-1.41-1.41C10.21 4.21 9.7 4 9.17 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2Zm-1 12H5c-.55 0-1-.45-1-1V9c0-.55.45-1 1-1h14c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1Z"
+      fill="currentcolor"
+    />
+    <path
+      d="M12 16.091v-1.8H9c-.55 0-1-.45-1-1s.45-1 1-1h3v-1.79c0-.45.54-.67.85-.35l2.79 2.8c.19.2.19.51 0 .71l-2.79 2.79c-.31.3-.85.08-.85-.36Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgMoveTo;

package/lib/react/material/NightMode.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgNightMode = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M11.57 2.3c2.38-.59 4.68-.27 6.63.64.35.16.41.64.1.86C15.7 5.6 14 8.6 14 12c0 3.4 1.7 6.4 4.3 8.2.32.22.26.7-.09.86-1.28.6-2.71.94-4.21.94-6.05 0-10.85-5.38-9.87-11.6.61-3.92 3.59-7.16 7.44-8.1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgNightMode;

package/lib/react/material/NoteAdd.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgNoteAdd = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M14.59 2.59c-.38-.38-.89-.59-1.42-.59H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8.83c0-.53-.21-1.04-.59-1.41l-4.82-4.83ZM15 16h-2v2c0 .55-.45 1-1 1s-1-.45-1-1v-2H9c-.55 0-1-.45-1-1s.45-1 1-1h2v-2c0-.55.45-1 1-1s1 .45 1 1v2h2c.55 0 1 .45 1 1s-.45 1-1 1Zm-2-8V3.5L18.5 9H14c-.55 0-1-.45-1-1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgNoteAdd;

package/lib/react/material/Notifications.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgNotifications = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 22c1.1 0 2-.9 2-2h-4a2 2 0 0 0 2 2Zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-1.29 1.29c-.63.63-.19 1.71.7 1.71h13.17c.89 0 1.34-1.08.71-1.71L18 16Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgNotifications;

package/lib/react/material/Objects.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgObjects = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12.001 3c-.46 0-.93.04-1.4.14-2.76.53-4.96 2.76-5.48 5.52-.48 2.61.48 5.01 2.22 6.56.43.38.66.91.66 1.47V19c0 1.1.9 2 2 2h.28c.35.6.98 1 1.72 1s1.38-.4 1.72-1H14c1.1 0 2-.9 2-2v-2.31c0-.55.22-1.09.64-1.46a6.958 6.958 0 0 0 2.36-5.23c0-3.87-3.13-7-7-7Zm.5 11h-1v-2.59L9.67 9.59l.711-.71 1.62 1.62 1.62-1.62.71.71-1.83 1.83V14Zm1 5c-.01 0-.02-.01-.03-.01V19h-2.94v-.01c-.01 0-.02.01-.03.01-.28 0-.5-.22-.5-.5s.22-.5.5-.5c.01 0 .02.01.03.01V18h2.94v.01c.01 0 .02-.01.03-.01.28 0 .5.22.5.5s-.22.5-.5.5Zm0-2h-3c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h3c.28 0 .5.22.5.5s-.22.5-.5.5Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgObjects;

package/lib/react/material/OpenInNew.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgOpenInNew = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1v5c0 .55-.45 1-1 1ZM14 4c0 .55.45 1 1 1h2.59l-9.13 9.13a.996.996 0 1 0 1.41 1.41L19 6.41V9c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1h-5c-.55 0-1 .45-1 1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgOpenInNew;

package/lib/react/material/Opera.tsx

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgOpera = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M8.05 18.763c-1.328-1.567-2.187-3.88-2.244-6.48v-.566c.057-2.6.916-4.913 2.244-6.48 1.723-2.235 4.281-3.653 7.137-3.653 1.757 0 3.403.538 4.81 1.471A11.947 11.947 0 0 0 12.046 0H12C5.374 0 0 5.374 0 12c0 6.437 5.066 11.688 11.429 11.986a11.953 11.953 0 0 0 8.568-3.038 8.67 8.67 0 0 1-4.81 1.468c-2.856 0-5.414-1.418-7.137-3.653Z"
+      fill="url(#opera_svg__a)"
+    />
+    <path
+      d="M8.05 5.237c1.101-1.301 2.522-2.083 4.077-2.083 3.495 0 6.324 3.96 6.324 8.846s-2.832 8.846-6.324 8.846c-1.553 0-2.976-.784-4.077-2.083 1.723 2.235 4.281 3.653 7.137 3.653a8.675 8.675 0 0 0 4.81-1.469A11.97 11.97 0 0 0 24 12c0-3.554-1.546-6.749-4.003-8.945a8.652 8.652 0 0 0-4.81-1.471c-2.856 0-5.414 1.418-7.137 3.653Z"
+      fill="url(#opera_svg__b)"
+    />
+    <defs>
+      <linearGradient
+        id="opera_svg__a"
+        x1={9.999}
+        y1={0.391}
+        x2={9.999}
+        y2={23.651}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop offset={0.3} stopColor="#FF1B2D" />
+        <stop offset={0.438} stopColor="#FA1A2C" />
+        <stop offset={0.594} stopColor="#ED1528" />
+        <stop offset={0.758} stopColor="#D60E21" />
+        <stop offset={0.927} stopColor="#B70519" />
+        <stop offset={1} stopColor="#A70014" />
+      </linearGradient>
+      <linearGradient
+        id="opera_svg__b"
+        x1={16.025}
+        y1={1.762}
+        x2={16.025}
+        y2={22.334}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#9C0000" />
+        <stop offset={0.7} stopColor="#FF4B4B" />
+      </linearGradient>
+    </defs>
+  </svg>
+);
+export default SvgOpera;

package/lib/react/material/Palette.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgPalette = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 22C6.49 22 2 17.51 2 12S6.49 2 12 2s10 4.04 10 9c0 3.31-2.69 6-6 6h-1.77c-.28 0-.5.22-.5.5 0 .12.05.23.13.33.41.47.64 1.06.64 1.67A2.5 2.5 0 0 1 12 22Zm0-18c-4.41 0-8 3.59-8 8s3.59 8 8 8c.28 0 .5-.22.5-.5a.54.54 0 0 0-.14-.35c-.41-.46-.63-1.05-.63-1.65a2.5 2.5 0 0 1 2.5-2.5H16c2.21 0 4-1.79 4-4 0-3.86-3.59-7-8-7Z"
+      fill="currentcolor"
+    />
+    <path
+      d="M6.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM9.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM14.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM17.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgPalette;

package/lib/react/material/People.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgPeople = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3Zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3Zm0 2c-2.33 0-7 1.17-7 3.5V18c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-1.5c0-2.33-4.67-3.5-7-3.5Zm8 0c-.29 0-.62.02-.97.05.02.01.03.03.04.04 1.14.83 1.93 1.94 1.93 3.41V18c0 .35-.07.69-.18 1H22c.55 0 1-.45 1-1v-1.5c0-2.33-4.67-3.5-7-3.5Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgPeople;

package/lib/react/material/Person.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgPerson = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4Zm0 2c-2.67 0-8 1.34-8 4v1c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-1c0-2.66-5.33-4-8-4Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgPerson;

package/lib/react/material/PersonAdd.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgPersonAdd = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4Zm-9-2V8c0-.55-.45-1-1-1s-1 .45-1 1v2H2c-.55 0-1 .45-1 1s.45 1 1 1h2v2c0 .55.45 1 1 1s1-.45 1-1v-2h2c.55 0 1-.45 1-1s-.45-1-1-1H6Zm9 4c-2.67 0-8 1.34-8 4v1c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-1c0-2.66-5.33-4-8-4Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgPersonAdd;

package/lib/react/material/Place.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgPlace = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 2c-4.2 0-8 3.22-8 8.2 0 3.18 2.45 6.92 7.34 11.23.38.33.95.33 1.33 0C17.55 17.12 20 13.38 20 10.2 20 5.22 16.2 2 12 2Zm0 10c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgPlace;

package/lib/react/material/PlayArrow.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgPlayArrow = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path d="M8 5v14l11-7L8 5Z" fill="currentcolor" />
+  </svg>
+);
+export default SvgPlayArrow;

package/lib/react/material/PlayCircle.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgPlayCircle = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m10.8 15.9 4.67-3.5c.27-.2.27-.6 0-.8L10.8 8.1a.5.5 0 0 0-.8.4v7c0 .41.47.65.8.4ZM12 2C6.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 SvgPlayCircle;

package/lib/react/material/Position.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgPosition = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M10.5 9h3c.28 0 .5-.22.5-.5V6h1.79c.45 0 .67-.54.35-.85l-3.79-3.79c-.2-.2-.51-.2-.71 0L7.85 5.15a.5.5 0 0 0 .36.85H10v2.5c0 .28.22.5.5.5Zm-2 1H6V8.21c0-.45-.54-.67-.85-.35l-3.79 3.79c-.2.2-.2.51 0 .71l3.79 3.79a.5.5 0 0 0 .85-.36V14h2.5c.28 0 .5-.22.5-.5v-3c0-.28-.22-.5-.5-.5Zm14.15 1.65-3.79-3.79a.501.501 0 0 0-.86.35V10h-2.5c-.28 0-.5.22-.5.5v3c0 .28.22.5.5.5H18v1.79c0 .45.54.67.85.35l3.79-3.79c.2-.19.2-.51.01-.7ZM13.5 15h-3c-.28 0-.5.22-.5.5V18H8.21c-.45 0-.67.54-.35.85l3.79 3.79c.2.2.51.2.71 0l3.79-3.79a.5.5 0 0 0-.35-.85H14v-2.5c0-.28-.22-.5-.5-.5Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgPosition;

package/lib/react/material/PowerSettings.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgPowerSettings = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 3c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1Zm5.14 2.86a.99.99 0 0 0-.01 1.39c1.13 1.2 1.83 2.8 1.87 4.57.09 3.83-3.08 7.13-6.91 7.17A6.981 6.981 0 0 1 5 12c0-1.84.71-3.51 1.87-4.76.37-.39.37-1-.01-1.38a.993.993 0 0 0-1.43.02A8.92 8.92 0 0 0 3 11.74c-.14 4.88 3.83 9.1 8.71 9.25 5.1.16 9.29-3.93 9.29-9 0-2.37-.92-4.51-2.42-6.11-.38-.41-1.04-.42-1.44-.02Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgPowerSettings;

package/lib/react/material/Refresh.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgRefresh = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M17.65 6.35a7.95 7.95 0 0 0-6.48-2.31c-3.67.37-6.69 3.35-7.1 7.02C3.52 15.91 7.27 20 12 20a7.98 7.98 0 0 0 7.21-4.56c.32-.67-.16-1.44-.9-1.44-.37 0-.72.2-.88.53a5.994 5.994 0 0 1-6.8 3.31c-2.22-.49-4.01-2.3-4.48-4.52A6.002 6.002 0 0 1 12 6c1.66 0 3.14.69 4.22 1.78l-1.51 1.51c-.63.63-.19 1.71.7 1.71H19c.55 0 1-.45 1-1V6.41c0-.89-1.08-1.34-1.71-.71l-.64.65Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgRefresh;

package/lib/react/material/Remove.tsx

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

package/lib/react/material/Reply.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgReply = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M10 9V7.41c0-.89-1.08-1.34-1.71-.71L3.7 11.29a.996.996 0 0 0 0 1.41l4.59 4.59c.63.63 1.71.19 1.71-.7V14.9c5 0 8.5 1.6 11 5.1-1-5-4-10-11-11Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgReply;