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

package/lib/react/material/Opera.tsx

@@ -0,0 +1,50 @@
+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/PlayArrow.tsx

@@ -0,0 +1,15 @@
+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/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/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/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/VisibilityOn.tsx

@@ -9,7 +9,7 @@ const SvgVisibilityOn = (props: SVGProps<SVGSVGElement>) => (
     {...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"
+      d="M12 6a9.77 9.77 0 0 1 8.82 5.5A9.77 9.77 0 0 1 12 17a9.77 9.77 0 0 1-8.82-5.5A9.77 9.77 0 0 1 12 6Zm0-2C7 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 5a2.5 2.5 0 0 1 0 5 2.5 2.5 0 0 1 0-5Zm0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7Z"
       fill="currentcolor"
     />
   </svg>

package/lib/react/material/Windows.tsx

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgWindows = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 88" {...props}>
+    <path d="m0 12.4 35.7-4.9V42L0 42.2zm35.7 33.5v34.5L0 75.4V45.8zM40 7l47.3-7v41.5L40 42zm47.3 39.4v41.3L40 80.9V46.2z" />
+  </svg>
+);
+
+export default SvgWindows;

package/lib/react/material/index.ts

@@ -7,6 +7,7 @@ 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 Apple } from './Apple';
 export { default as Apps } from './Apps';
 export { default as Archives } from './Archives';
 export { default as ArrowBack } from './ArrowBack';
@@ -23,6 +24,7 @@ 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 Camera } from './Camera';
 export { default as CannedResponse } from './CannedResponse';
 export { default as Channels } from './Channels';
 export { default as Chart } from './Chart';
@@ -37,20 +39,26 @@ 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 Chrome } from './Chrome';
 export { default as Close } from './Close';
 export { default as CloseCircle } from './CloseCircle';
+export { default as Code } from './Code';
 export { default as CodeBlack } from './CodeBlack';
+export { default as Columns } from './Columns';
 export { default as Contact } from './Contact';
+export { default as ContentCopy } from './ContentCopy';
 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 DeviceMobile } from './DeviceMobile';
 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 Edge } from './Edge';
 export { default as Edit } from './Edit';
 export { default as Email } from './Email';
 export { default as EmailAddress } from './EmailAddress';
@@ -61,10 +69,12 @@ 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 Firefox } from './Firefox';
 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 Glasses } from './Glasses';
 export { default as GreetingCard } from './GreetingCard';
 export { default as GreetingPlainText } from './GreetingPlainText';
 export { default as GreetingQuickReply } from './GreetingQuickReply';
@@ -73,26 +83,34 @@ 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 InternetExplorer } from './InternetExplorer';
 export { default as Keyboard } from './Keyboard';
 export { default as Link } from './Link';
+export { default as Linux } from './Linux';
 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 MoveTo } from './MoveTo';
 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 Opera } from './Opera';
 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 PlayArrow } from './PlayArrow';
 export { default as PlayCircle } from './PlayCircle';
+export { default as Position } from './Position';
 export { default as PowerSettings } from './PowerSettings';
 export { default as Refresh } from './Refresh';
 export { default as Remove } from './Remove';
+export { default as Reply } from './Reply';
+export { default as Safari } from './Safari';
 export { default as Search } from './Search';
 export { default as Send } from './Send';
 export { default as Settings } from './Settings';
@@ -110,6 +128,7 @@ 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 TipsAndUpdates } from './TipsAndUpdates';
 export { default as Tools } from './Tools';
 export { default as Traffic } from './Traffic';
 export { default as Travels } from './Travels';
@@ -120,4 +139,5 @@ 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 Windows } from './Windows';
 export { default as World } from './World';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livechat/design-system-icons",
-  "version": "1.0.0-alpha.11",
+  "version": "1.0.0-alpha.17",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -9,10 +9,11 @@
   "typings": "./index.d.ts",
   "scripts": {
     "prebuild": "rimraf react lib",
-    "build": "run-s build:*",
-    "build:ts": "svgr --replace-attr-values '#424D57=currentcolor' --typescript --no-dimensions -d ./lib/react ./svg ",
+    "build": "run-s build:lib build:js",
+    "build:lib": "svgr --replace-attr-values '#424D57=currentcolor' --typescript --no-dimensions -d ./lib/react ./svg ",
     "build:js": "babel ./lib/react --out-dir react --extensions '.tsx,.ts'",
-    "dev": "npm run build"
+    "build:ts": "rimraf react && svgr --replace-attr-values '#424D57=currentcolor' --typescript --no-dimensions -d ./react ./svg ",
+    "dev": "npm run build:ts"
   },
   "author": "",
   "files": [
@@ -35,5 +36,5 @@
   "peerDependencies": {
     "react": ">= 16"
   },
-  "gitHead": "9b90b59256d806ab40a4a0e08e0874026918fe4a"
+  "gitHead": "aa83ec5100e2fd242d1e73340e3c371285bfd6cc"
 }

package/react/material/Apple.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const SvgApple = props => /*#__PURE__*/React.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "-80.823 0 909.283 909.283",
+  ...props
+}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  id: "apple_svg__a"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M45.3 72h13v15.8h-13V71.9z"
+}))), /*#__PURE__*/React.createElement("g", {
+  transform: "matrix(54.85033 0 0 -54.85033 -2466 4835)",
+  clipPath: "url(#apple_svg__a)"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M56.1 79.4c0 2 1.6 3 1.7 3A3.7 3.7 0 0 1 55 84c-1.2 0-2.4-.8-3-.8-.6 0-1.6.7-2.6.7-1.4 0-2.6-.8-3.3-2-1.4-2.4-.4-6 1-8 .7-1 1.4-2 2.5-2 1 0 1.4.7 2.6.7 1.2 0 1.5-.7 2.6-.7 1 0 1.8 1 2.4 2 .8 1.1 1.1 2.2 1.1 2.3 0 0-2 .8-2.1 3.2"
+})), /*#__PURE__*/React.createElement("path", {
+  d: "M501.8 158.5c30.3-36.8 50.9-88 45.2-139-43.8 1.8-96.7 29.2-128.2 66C390.7 118 366 170 372.7 220c48.8 3.8 98.7-24.9 129-61.6"
+}));
+
+var _default = SvgApple;
+exports.default = _default;

package/react/material/Camera.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const SvgCamera = 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 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z",
+  fill: "currentcolor"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M20 4h-3.17l-1.24-1.35A1.99 1.99 0 0 0 14.12 2H9.88c-.56 0-1.1.24-1.48.65L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2Zm-8 13c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5Z",
+  fill: "currentcolor"
+}));
+
+var _default = SvgCamera;
+exports.default = _default;

package/react/material/Chrome.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const SvgChrome = 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: "M22.39 6A12 12 0 0 0 1.606 6l.72 12.96L22.39 6Z",
+  fill: "url(#chrome_svg__a)"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M6.804 15 1.608 6A12 12 0 0 0 12 24l11.76-12-16.956 3Z",
+  fill: "url(#chrome_svg__b)"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M17.196 15 12 24A12 12 0 0 0 22.39 6H12l5.196 9Z",
+  fill: "url(#chrome_svg__c)"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M12 18a6 6 0 1 0 0-12.002A6 6 0 0 0 12 18Z",
+  fill: "#fff"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M12 16.752a4.753 4.753 0 1 0 0-9.505 4.753 4.753 0 0 0 0 9.505Z",
+  fill: "#1A73E8"
+}), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  id: "chrome_svg__a",
+  x1: 1.608,
+  y1: 7.5,
+  x2: 22.39,
+  y2: 7.5,
+  gradientUnits: "userSpaceOnUse"
+}, /*#__PURE__*/React.createElement("stop", {
+  stopColor: "#D93025"
+}), /*#__PURE__*/React.createElement("stop", {
+  offset: 1,
+  stopColor: "#EA4335"
+})), /*#__PURE__*/React.createElement("linearGradient", {
+  id: "chrome_svg__b",
+  x1: 13.298,
+  y1: 23.249,
+  x2: 2.906,
+  y2: 5.249,
+  gradientUnits: "userSpaceOnUse"
+}, /*#__PURE__*/React.createElement("stop", {
+  stopColor: "#1E8E3E"
+}), /*#__PURE__*/React.createElement("stop", {
+  offset: 1,
+  stopColor: "#34A853"
+})), /*#__PURE__*/React.createElement("linearGradient", {
+  id: "chrome_svg__c",
+  x1: 10.248,
+  y1: 24,
+  x2: 20.64,
+  y2: 6.031,
+  gradientUnits: "userSpaceOnUse"
+}, /*#__PURE__*/React.createElement("stop", {
+  stopColor: "#FCC934"
+}), /*#__PURE__*/React.createElement("stop", {
+  offset: 1,
+  stopColor: "#FBBC04"
+}))));
+
+var _default = SvgChrome;
+exports.default = _default;

package/react/material/Code.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const SvgCode = 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: "M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5a2 2 0 0 0-2-2Zm0 16H5V7h14v12Zm-3-7H8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1Zm-4 4H8c-.55 0-1-.45-1-1s.45-1 1-1h4c.55 0 1 .45 1 1s-.45 1-1 1Z",
+  fill: "currentcolor"
+}));
+
+var _default = SvgCode;
+exports.default = _default;

package/react/material/Columns.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const SvgColumns = 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 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2ZM8 18H4V6h4v12Zm6 0h-4V6h4v12Zm6 0h-4V6h4v12Z",
+  fill: "currentcolor"
+}));
+
+var _default = SvgColumns;
+exports.default = _default;

package/react/material/ContentCopy.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const SvgContentCopy = props => /*#__PURE__*/React.createElement("svg", {
+  viewBox: "0 0 17 20",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M12 18H2V5c0-.55-.45-1-1-1s-1 .45-1 1v13c0 1.1.9 2 2 2h10c.55 0 1-.45 1-1s-.45-1-1-1Zm5-4V2c0-1.1-.9-2-2-2H6C4.9 0 4 .9 4 2v12c0 1.1.9 2 2 2h9c1.1 0 2-.9 2-2Zm-2 0H6V2h9v12Z",
+  fill: "currentcolor"
+}));
+
+var _default = SvgContentCopy;
+exports.default = _default;

package/react/material/DeviceMobile.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const SvgDeviceMobile = props => /*#__PURE__*/React.createElement("svg", {
+  viewBox: "0 0.5 24 23",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...props
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M16 1H8a2.5 2.5 0 0 0-2.5 2.5v17A2.5 2.5 0 0 0 8 23h8a2.5 2.5 0 0 0 2.5-2.5v-17A2.5 2.5 0 0 0 16 1Zm-4 21c-.83 0-1.5-.67-1.5-1.5S11.17 19 12 19s1.5.67 1.5 1.5S12.83 22 12 22Zm4.5-4h-9V4h9v14Z",
+  fill: "currentcolor"
+}));
+
+var _default = SvgDeviceMobile;
+exports.default = _default;