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

package/lib/react/material/Position.tsx

@@ -0,0 +1,18 @@
+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,18 @@
+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,18 @@
+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,18 @@
+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,18 @@
+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;

package/lib/react/material/Safari.tsx

@@ -0,0 +1,85 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgSafari = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M24 12A12 12 0 1 1-.002 12 12 12 0 0 1 24 12Z"
+      fill="url(#safari_svg__a)"
+    />
+    <path
+      d="M23.06 12A11.06 11.06 0 1 1 .94 12a11.06 11.06 0 0 1 22.12 0Z"
+      fill="url(#safari_svg__b)"
+    />
+    <path
+      d="M12 1.517a.16.16 0 0 0-.161.16v1.86a.16.16 0 1 0 .322 0v-1.86a.16.16 0 0 0-.161-.16Zm-1.055.066a.16.16 0 0 0-.176.177l.08.779a.16.16 0 1 0 .322-.034l-.082-.778a.16.16 0 0 0-.144-.144Zm2.117.001a.16.16 0 0 0-.144.144l-.082.778a.161.161 0 1 0 .32.034l.082-.779a.16.16 0 0 0-.176-.177Zm-3.2.156a.16.16 0 0 0-.157.195l.385 1.82a.161.161 0 1 0 .315-.067l-.385-1.82a.16.16 0 0 0-.159-.128Zm4.284.002a.16.16 0 0 0-.159.128l-.386 1.819a.16.16 0 1 0 .315.067l.386-1.82a.16.16 0 0 0-.156-.194Zm-5.319.29a.16.16 0 0 0-.167.21l.242.745a.16.16 0 1 0 .307-.1l-.242-.744a.16.16 0 0 0-.14-.111Zm6.347 0a.16.16 0 0 0-.14.111l-.241.744a.161.161 0 1 0 .306.1l.242-.744a.16.16 0 0 0-.167-.21Zm-7.37.374a.16.16 0 0 0-.144.227l.756 1.7a.16.16 0 1 0 .295-.131l-.756-1.7a.16.16 0 0 0-.15-.096Zm8.404.006a.161.161 0 0 0-.15.096L15.3 4.206a.16.16 0 1 0 .295.132l.757-1.699a.16.16 0 0 0-.144-.227Zm-9.353.496a.16.16 0 0 0-.15.242l.39.678a.16.16 0 1 0 .28-.162l-.391-.677a.16.16 0 0 0-.129-.08Zm10.29 0a.16.16 0 0 0-.129.08l-.391.678a.161.161 0 1 0 .28.162l.39-.678a.16.16 0 0 0-.15-.242Zm-11.211.575a.162.162 0 0 0-.125.256L6.9 5.245a.161.161 0 1 0 .26-.19L6.07 3.55a.16.16 0 0 0-.136-.067Zm12.144.009a.16.16 0 0 0-.136.066l-1.095 1.504a.16.16 0 1 0 .261.19l1.094-1.504a.16.16 0 0 0-.124-.256ZM5.11 4.174a.16.16 0 0 0-.128.269l.523.582a.16.16 0 1 0 .24-.216l-.524-.581a.16.16 0 0 0-.111-.054Zm13.781.001a.162.162 0 0 0-.111.054l-.524.581a.161.161 0 1 0 .24.216l.524-.581a.161.161 0 0 0-.129-.27Zm-14.57.758a.161.161 0 0 0-.1.28l1.382 1.245a.16.16 0 1 0 .216-.24L4.436 4.975a.16.16 0 0 0-.116-.041Zm15.364.005a.16.16 0 0 0-.117.042l-1.383 1.243a.16.16 0 1 0 .216.24l1.383-1.244a.16.16 0 0 0-.1-.28Zm-16.022.84a.16.16 0 0 0-.1.292l.633.459a.16.16 0 1 0 .19-.26l-.633-.461a.161.161 0 0 0-.09-.03Zm16.678.005a.161.161 0 0 0-.09.03l-.633.46a.16.16 0 1 0 .19.261l.633-.46a.16.16 0 0 0-.1-.29ZM3.05 6.678a.16.16 0 0 0-.07.3l1.611.93a.16.16 0 1 0 .161-.279l-1.61-.93a.161.161 0 0 0-.092-.021Zm17.9 0a.16.16 0 0 0-.092.021l-1.61.93a.16.16 0 1 0 .161.28l1.61-.93a.16.16 0 0 0-.069-.301Zm-18.364.96a.16.16 0 0 0-.069.309l.715.318a.16.16 0 1 0 .13-.294l-.714-.319a.16.16 0 0 0-.062-.014Zm18.831.007a.161.161 0 0 0-.063.014l-.714.318a.161.161 0 1 0 .131.294l.715-.318a.16.16 0 0 0-.069-.308ZM2.172 8.64a.16.16 0 0 0-.036.314l1.768.577a.16.16 0 1 0 .1-.307l-1.768-.576a.161.161 0 0 0-.064-.008Zm19.658.007a.156.156 0 0 0-.064.008l-1.769.575a.16.16 0 1 0 .1.306l1.769-.575a.161.161 0 0 0-.036-.314ZM1.915 9.695a.161.161 0 0 0-.035.32l.765.161a.16.16 0 1 0 .067-.315l-.765-.163a.158.158 0 0 0-.032-.003Zm20.17.001a.2.2 0 0 0-.032.004l-.765.162a.16.16 0 1 0 .067.315l.765-.162a.161.161 0 0 0-.035-.32v.001ZM1.72 10.754a.16.16 0 0 0-.145.144.16.16 0 0 0 .143.177l1.85.196a.16.16 0 1 0 .034-.321l-1.85-.196a.156.156 0 0 0-.032 0Zm20.562.014a.144.144 0 0 0-.033 0l-1.85.193a.161.161 0 1 0 .034.32l1.85-.192a.16.16 0 0 0-.001-.321Zm-20.594 1.07a.16.16 0 1 0 0 .323h.783a.16.16 0 1 0 0-.322h-.783Zm19.841 0a.16.16 0 1 0 0 .323h.782a.16.16 0 1 0 0-.322h-.782Zm-17.93.88a.143.143 0 0 0-.032 0l-1.85.193a.16.16 0 1 0 .033.32l1.85-.192a.161.161 0 0 0 0-.321Zm16.8.011a.16.16 0 0 0-.001.32l1.85.196a.161.161 0 1 0 .033-.32l-1.85-.196a.171.171 0 0 0-.032 0Zm-17.721 1.09a.165.165 0 0 0-.033.003l-.765.162a.161.161 0 1 0 .067.316l.765-.163a.161.161 0 0 0-.034-.319Zm18.644 0a.16.16 0 0 0-.034.32l.765.162a.161.161 0 1 0 .067-.316l-.766-.162a.158.158 0 0 0-.032-.003Zm-17.356.636a.156.156 0 0 0-.063.007l-1.77.575a.16.16 0 1 0 .1.307l1.77-.575a.161.161 0 0 0-.037-.314Zm16.066.006a.16.16 0 0 0-.037.314l1.769.576a.16.16 0 1 0 .1-.307l-1.769-.576a.161.161 0 0 0-.063-.007Zm-16.74 1.253a.16.16 0 0 0-.063.014l-.715.319a.16.16 0 1 0 .131.294l.715-.318a.16.16 0 0 0-.069-.309Zm17.414.006a.161.161 0 0 0-.069.309l.714.319a.16.16 0 1 0 .132-.295l-.715-.319a.159.159 0 0 0-.062-.014Zm-16.023.35a.16.16 0 0 0-.092.021l-1.61.93a.16.16 0 1 0 .161.28l1.61-.93a.16.16 0 0 0-.069-.301Zm14.634 0a.16.16 0 0 0-.07.3l1.611.93a.16.16 0 0 0 .22-.059.16.16 0 0 0-.059-.22l-1.61-.93a.16.16 0 0 0-.092-.021ZM4.28 17.434a.162.162 0 0 0-.089.031l-.633.46a.16.16 0 1 0 .19.26l.633-.459a.16.16 0 0 0-.1-.291Zm15.434.006a.161.161 0 0 0-.1.292l.632.46a.16.16 0 0 0 .225-.036.16.16 0 0 0-.035-.225l-.633-.46a.161.161 0 0 0-.09-.031Zm-14 .056a.16.16 0 0 0-.116.04L4.216 18.78a.16.16 0 1 0 .216.24l1.383-1.243a.16.16 0 0 0-.1-.281Zm12.566.004a.161.161 0 0 0-.1.281l1.382 1.245a.161.161 0 1 0 .216-.24l-1.382-1.245a.16.16 0 0 0-.116-.04ZM7.027 18.681a.16.16 0 0 0-.136.067l-1.095 1.504a.16.16 0 1 0 .261.19l1.094-1.505a.161.161 0 0 0-.124-.256Zm9.935.007a.16.16 0 0 0-.125.256l1.092 1.506a.161.161 0 1 0 .261-.19L17.1 18.755a.16.16 0 0 0-.136-.067Zm-11.348.232a.161.161 0 0 0-.111.054l-.524.581a.161.161 0 1 0 .24.216l.524-.582a.161.161 0 0 0-.129-.269Zm12.769.001a.16.16 0 0 0-.128.27l.523.58a.16.16 0 0 0 .227.013.16.16 0 0 0 .012-.228l-.523-.582a.16.16 0 0 0-.111-.053Zm-9.828.645a.16.16 0 0 0-.15.096l-.759 1.698a.16.16 0 1 0 .295.132l.758-1.699a.16.16 0 0 0-.144-.227Zm6.878.005a.162.162 0 0 0-.144.227l.755 1.7a.161.161 0 1 0 .295-.132l-.756-1.7a.16.16 0 0 0-.15-.095Zm-8.21.52a.16.16 0 0 0-.128.08l-.391.678a.16.16 0 0 0 .059.22.16.16 0 0 0 .22-.059l.391-.677a.16.16 0 0 0-.151-.242Zm9.552 0a.16.16 0 0 0-.15.242l.39.677a.16.16 0 1 0 .28-.16l-.392-.678a.161.161 0 0 0-.128-.08Zm-6.533.024a.16.16 0 0 0-.16.128l-.386 1.82a.16.16 0 1 0 .316.067l.386-1.82a.161.161 0 0 0-.156-.194Zm3.508.002a.16.16 0 0 0-.157.194l.386 1.82a.16.16 0 1 0 .316-.067l-.386-1.82a.161.161 0 0 0-.159-.127ZM12 20.3a.16.16 0 0 0-.161.162v1.86a.16.16 0 1 0 .322 0v-1.86A.16.16 0 0 0 12 20.3Zm-2.96.601a.16.16 0 0 0-.14.111l-.241.744a.16.16 0 1 0 .306.1l.242-.744a.161.161 0 0 0-.167-.21Zm5.919 0a.16.16 0 0 0-.167.21l.241.745a.16.16 0 0 0 .203.104.16.16 0 0 0 .104-.203l-.242-.745a.16.16 0 0 0-.14-.11Zm-3.971.415a.161.161 0 0 0-.145.144l-.082.778a.16.16 0 0 0 .144.177.16.16 0 0 0 .177-.144l.082-.778a.161.161 0 0 0-.176-.177Zm2.018 0a.161.161 0 0 0-.176.177l.08.78a.161.161 0 1 0 .321-.034l-.081-.779a.16.16 0 0 0-.144-.143Z"
+      fill="#F4F2F3"
+    />
+    <g opacity={0.409} filter="url(#safari_svg__c)">
+      <path
+        d="m19.558 5.55-8.822 5.125-5.578 8.782 8.16-6.044 6.24-7.863Z"
+        fill="#000"
+      />
+    </g>
+    <path
+      d="m13.264 13.324-2.528-2.648 8.97-6.034-6.442 8.682Z"
+      fill="#FF5150"
+    />
+    <path d="m13.265 13.324-2.53-2.648-6.44 8.682 8.97-6.034Z" fill="#F1F1F1" />
+    <path
+      opacity={0.243}
+      d="m4.294 19.358 8.97-6.035 6.442-8.682L4.294 19.358Z"
+      fill="#000"
+    />
+    <defs>
+      <radialGradient
+        id="safari_svg__b"
+        cx={0}
+        cy={0}
+        r={1}
+        gradientUnits="userSpaceOnUse"
+        gradientTransform="translate(12.05 10.388) scale(12.0001)"
+      >
+        <stop stopColor="#06C2E7" />
+        <stop offset={0.25} stopColor="#0DB8EC" />
+        <stop offset={0.5} stopColor="#12AEF1" />
+        <stop offset={0.75} stopColor="#1F86F9" />
+        <stop offset={1} stopColor="#107DDD" />
+      </radialGradient>
+      <linearGradient
+        id="safari_svg__a"
+        x1={12}
+        y1={24}
+        x2={12}
+        y2={0}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#BDBDBD" />
+        <stop offset={1} stopColor="#fff" />
+      </linearGradient>
+      <filter
+        id="safari_svg__c"
+        x={4.484}
+        y={4.876}
+        width={15.747}
+        height={15.253}
+        filterUnits="userSpaceOnUse"
+        colorInterpolationFilters="sRGB"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+        <feGaussianBlur
+          stdDeviation={0.337}
+          result="effect1_foregroundBlur_7177_30769"
+        />
+      </filter>
+    </defs>
+  </svg>
+);
+
+export default SvgSafari;

package/lib/react/material/Search.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgSearch = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14Zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgSearch;

package/lib/react/material/Send.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgSend = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m3.4 20.4 17.45-7.48a1 1 0 0 0 0-1.84L3.4 3.6a.993.993 0 0 0-1.39.91L2 9.12c0 .5.37.93.87.99L17 12 2.87 13.88c-.5.07-.87.5-.87 1l.01 4.61c0 .71.73 1.2 1.39.91Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgSend;

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/TipsAndUpdates.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgTipsAndUpdates = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 23 22"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M6 20h4c0 1.1-.9 2-2 2s-2-.9-2-2Zm-2-2c0 .55.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1Zm11.5-8.5c0 3.82-2.66 5.86-3.77 6.5H4.27C3.16 15.36.5 13.32.5 9.5.5 5.36 3.86 2 8 2c4.14 0 7.5 3.36 7.5 7.5Zm4.87-2.13L19 8l1.37.63L21 10l.63-1.37L23 8l-1.37-.63L21 6l-.63 1.37ZM18 6l.94-2.06L21 3l-2.06-.94L18 0l-.94 2.06L15 3l2.06.94L18 6Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgTipsAndUpdates;

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;