@livechat/design-system-icons 1.0.0-alpha.4 → 1.0.0-alpha.7

package/index.d.ts

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

package/package.json

@@ -1,28 +1,36 @@
 {
   "name": "@livechat/design-system-icons",
-  "version": "1.0.0-alpha.4",
+  "version": "1.0.0-alpha.7",
   "description": "",
   "publishConfig": {
     "access": "public"
   },
-  "types": "index.d.ts",
+  "types": "./index.d.ts",
   "scripts": {
     "prebuild": "rimraf react",
-    "build": "svgr --replace-attr-values '#424D57=currentcolor' --typescript --no-dimensions -d ./react ./svg ",
+    "build": "run-s build:*",
+    "build:react": "svgr --replace-attr-values '#424D57=currentcolor' --typescript --no-dimensions -d ./react ./svg ",
+    "build:jsx": "babel react --out-dir react --extensions '.tsx,.ts'",
     "dev": "npm run build"
   },
   "author": "",
   "files": [
     "react",
-    "svg"
+    "svg",
+    "index.d.ts"
   ],
   "license": "ISC",
   "devDependencies": {
-    "@svgr/cli": "^5.5.0",
+    "@babel/cli": "^7.17.6",
+    "@babel/core": "^7.17.8",
+    "@babel/plugin-transform-runtime": "^7.17.0",
+    "@babel/preset-react": "^7.16.7",
+    "@babel/preset-typescript": "^7.16.7",
+    "@svgr/cli": "^6.2.1",
     "@types/react": "^17.0.40"
   },
   "peerDependencies": {
-    "react": "^17.0.2"
+    "react": ">= 16"
   },
-  "gitHead": "d92d4b040d6f91f8cce3e3e255d78d8de381713a"
+  "gitHead": "ffd7278b06adf9a994987439b9b2ed88294ae4b3"
 }

package/react/material/AccountCircle.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+const SvgAccountCircle = props => /*#__PURE__*/React.createElement("svg", {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...props
+}, /*#__PURE__*/React.createElement("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"
+}));
+
+export default SvgAccountCircle;

package/react/material/AccountCircle.tsx

@@ -1,19 +1,18 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgAccountCircle(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <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 01-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 01-6 3.22z"
-        fill="currentcolor"
-      />
-    </svg>
-  );
-}
+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/react/material/Activities.js

@@ -0,0 +1,21 @@
+import * as React from 'react';
+
+const SvgActivities = props => /*#__PURE__*/React.createElement("svg", {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...props
+}, /*#__PURE__*/React.createElement("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"
+}), /*#__PURE__*/React.createElement("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"
+}), /*#__PURE__*/React.createElement("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"
+}));
+
+export default SvgActivities;

package/react/material/Activities.tsx

@@ -1,29 +1,28 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgActivities(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <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.32l-4.2 4.2a.983.983 0 01-1.4 0 .984.984 0 010-1.4l4.2-4.2a.983.983 0 011.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>
-  );
-}
+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/react/material/Add.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+const SvgAdd = props => /*#__PURE__*/React.createElement("svg", {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...props
+}, /*#__PURE__*/React.createElement("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"
+}));
+
+export default SvgAdd;

package/react/material/Add.tsx

@@ -1,19 +1,18 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgAdd(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <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>
-  );
-}
+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/react/material/AddCircle.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+const SvgAddCircle = props => /*#__PURE__*/React.createElement("svg", {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...props
+}, /*#__PURE__*/React.createElement("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"
+}));
+
+export default SvgAddCircle;

package/react/material/AddCircle.tsx

@@ -1,19 +1,18 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgAddCircle(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <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>
-  );
-}
+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/react/material/AddTemplate.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+const SvgAddTemplate = props => /*#__PURE__*/React.createElement("svg", {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...props
+}, /*#__PURE__*/React.createElement("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"
+}), /*#__PURE__*/React.createElement("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"
+}));
+
+export default SvgAddTemplate;

package/react/material/AddTemplate.tsx

@@ -1,23 +1,22 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgAddTemplate(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <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>
-  );
-}
+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/react/material/Adjust.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+const SvgAdjust = props => /*#__PURE__*/React.createElement("svg", {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...props
+}, /*#__PURE__*/React.createElement("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"
+}));
+
+export default SvgAdjust;

package/react/material/Adjust.tsx

@@ -1,19 +1,18 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgAdjust(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <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>
-  );
-}
+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/react/material/Android.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+const SvgAndroid = props => /*#__PURE__*/React.createElement("svg", {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...props
+}, /*#__PURE__*/React.createElement("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"
+}));
+
+export default SvgAndroid;

package/react/material/Android.tsx

@@ -1,19 +1,18 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgAndroid(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <path
-        d="M17.6 9.48l1.84-3.18c.16-.31.04-.69-.26-.85a.637.637 0 00-.83.22l-1.88 3.24a11.463 11.463 0 00-8.94 0L5.65 5.67a.643.643 0 00-.87-.2c-.28.18-.37.54-.22.83L6.4 9.48A10.78 10.78 0 001 18h22a10.78 10.78 0 00-5.4-8.52zM7 15.25a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm10 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5z"
-        fill="currentcolor"
-      />
-    </svg>
-  );
-}
+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/react/material/Animals.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+const SvgAnimals = props => /*#__PURE__*/React.createElement("svg", {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...props
+}, /*#__PURE__*/React.createElement("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"
+}));
+
+export default SvgAnimals;

package/react/material/Animals.tsx

@@ -1,21 +1,20 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgAnimals(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <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 0114.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.91l.61 1.61c.64-.79.6-1.94-.13-2.67a1.967 1.967 0 00-2.67-.13l1.6.6c.01.01.02.02.03.02a.218.218 0 01.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>
-  );
-}
+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/react/material/AppSettings.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+const SvgAppSettings = props => /*#__PURE__*/React.createElement("svg", {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...props
+}, /*#__PURE__*/React.createElement("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"
+}));
+
+export default SvgAppSettings;

package/react/material/AppSettings.tsx

@@ -1,19 +1,18 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgAppSettings(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <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 00-.62-.2l-.72.3c-.2-.15-.42-.29-.65-.39l-.1-.77a.505.505 0 00-.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>
-  );
-}
+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/react/material/Apps.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+const SvgApps = props => /*#__PURE__*/React.createElement("svg", {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...props
+}, /*#__PURE__*/React.createElement("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"
+}));
+
+export default SvgApps;

package/react/material/Apps.tsx

@@ -1,19 +1,18 @@
 import * as React from 'react';
+import { SVGProps } from 'react';
 
-function SvgApps(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <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>
-  );
-}
+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/react/material/Archives.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+const SvgArchives = props => /*#__PURE__*/React.createElement("svg", {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...props
+}, /*#__PURE__*/React.createElement("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"
+}));
+
+export default SvgArchives;