@100mslive/react-icons 0.0.17 → 0.0.18-alpha.2

package/src/AudioPlayerIcon.tsx

@@ -0,0 +1,22 @@
+import * as React from 'react';
+
+function SvgAudioPlayerIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        d="M16.375 10.305l-4.09-2.324a.688.688 0 00-.688 0 .688.688 0 00-.358.618v4.655a.688.688 0 001.066.619l4.07-2.31a.687.687 0 000-1.245v-.013z"
+        fill="currentColor"
+      />
+      <path
+        d="M19.125 4H7.781a1.375 1.375 0 00-1.375 1.375v11.344a1.375 1.375 0 001.375 1.375h11.344a1.375 1.375 0 001.375-1.375V5.375A1.375 1.375 0 0019.125 4zm-.096 12.616a.378.378 0 01-.248.103H8.125a.344.344 0 01-.344-.344V5.719a.344.344 0 01.344-.344h10.656a.344.344 0 01.344.344v10.656c0 .09-.034.176-.096.24z"
+        fill="currentColor"
+      />
+      <path
+        d="M17.406 19.125H5.72a.344.344 0 01-.344-.344V7.094a.687.687 0 00-1.375 0v12.031A1.375 1.375 0 005.375 20.5h12.031a.687.687 0 100-1.375z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgAudioPlayerIcon;

package/src/BrbIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgBrbIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4 5h16a1 1 0 011 1v12a1 1 0 01-1 1H4a1 1 0 01-1-1V6a1 1 0 011-1zM2 6a2 2 0 012-2h16a2 2 0 012 2v12a2 2 0 01-2 2H4a2 2 0 01-2-2V6zm3 10V8h1.765c.388 0 .715.056.984.169.276.112.502.262.675.449.174.187.296.404.368.652.079.24.118.49.118.753v.292c0 .217-.02.4-.06.55-.03.15-.082.281-.153.393-.134.21-.34.39-.616.54.284.127.493.314.628.562.134.247.201.584.201 1.01v.45c0 .704-.182 1.244-.545 1.618-.355.375-.928.562-1.718.562H5zm1.209-3.708v2.562h.52c.246 0 .435-.034.57-.101a.715.715 0 00.32-.281c.07-.12.114-.262.13-.427.016-.165.024-.345.024-.54 0-.202-.012-.378-.036-.528a.931.931 0 00-.142-.382.645.645 0 00-.32-.224 1.495 1.495 0 00-.533-.079h-.533zm0-3.213v2.202h.545c.402 0 .671-.094.805-.281.143-.195.214-.476.214-.843 0-.36-.08-.629-.237-.809-.15-.18-.427-.27-.83-.27H6.21zm5.045 0v2.494h.687c.213 0 .383-.026.51-.079a.722.722 0 00.295-.247c.064-.105.107-.232.13-.382.024-.157.036-.337.036-.54 0-.201-.012-.377-.035-.527a1.037 1.037 0 00-.142-.405c-.15-.21-.435-.314-.853-.314h-.628zM10.045 16V8h1.943c1.422 0 2.133.783 2.133 2.348 0 .472-.08.873-.237 1.203-.15.33-.419.595-.806.797L14.382 16h-1.28l-1.126-3.416h-.723V16h-1.208zm5.045-8v8h1.647c.79 0 1.363-.187 1.718-.562.363-.374.545-.914.545-1.618v-.45c0-.426-.067-.763-.201-1.01a1.284 1.284 0 00-.628-.562c.276-.15.481-.33.616-.54.07-.112.122-.243.154-.393.04-.15.059-.333.059-.55v-.292c0-.263-.04-.514-.119-.753a1.591 1.591 0 00-.367-.652 1.859 1.859 0 00-.675-.45C17.57 8.057 17.242 8 16.855 8H15.09zm1.209 6.854v-2.562h.533c.22 0 .399.026.533.079.134.045.24.12.32.224a.931.931 0 01.142.382c.024.15.035.326.035.529 0 .194-.007.374-.023.539-.016.165-.06.307-.13.427a.715.715 0 01-.32.28c-.135.068-.324.102-.57.102h-.52zm0-3.573V9.079h.497c.403 0 .68.09.83.27.157.18.236.449.236.808 0 .367-.07.648-.213.843-.134.187-.403.28-.806.28H16.3z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgBrbIcon;

package/src/ChatIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgChatIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.633 5.306a.327.327 0 00-.327.327v9.796a.327.327 0 00.327.326h1.959c.36 0 .653.292.653.653v1.633l2.873-2.155a.653.653 0 01.392-.13h6.857a.327.327 0 00.327-.327V5.633a.326.326 0 00-.327-.327H5.633zm-1.155-.828A1.633 1.633 0 015.633 4h12.734A1.633 1.633 0 0120 5.633v9.796a1.632 1.632 0 01-1.633 1.632h-6.64L7.985 19.87a.653.653 0 01-1.045-.522V17.06H5.633A1.633 1.633 0 014 15.43V5.633c0-.433.172-.849.478-1.155z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgChatIcon;

package/src/ChatUnreadIcon.tsx

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+function SvgChatUnreadIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M20 13.167v2.262a1.632 1.632 0 01-1.633 1.632h-6.64L7.985 19.87a.653.653 0 01-1.045-.522V17.06H5.633A1.633 1.633 0 014 15.43V5.633A1.633 1.633 0 015.633 4h5.2c-.18.416-.322.853-.42 1.306h-4.78a.327.327 0 00-.327.327v9.796a.327.327 0 00.327.326h1.959c.36 0 .653.292.653.653v1.633l2.873-2.155a.653.653 0 01.392-.13h6.857a.327.327 0 00.327-.327v-1.843c.453-.097.89-.239 1.306-.42z"
+        fill="currentColor"
+      />
+      <rect x={12} y={2} width={10} height={10} rx={5} fill="#2F80FF" />
+    </svg>
+  );
+}
+
+export default SvgChatUnreadIcon;

package/src/CheckIcon.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+function SvgCheckIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        d="M8.844 19.434c.464.04.84-.123 1.125-.478L20.6 6.944c.209-.273.308-.511.328-.748.053-.622-.348-1.088-.979-1.141-.429-.037-.705.099-1.003.488L9.02 16.829l-4.354-5.406c-.233-.364-.493-.527-.878-.56-.63-.053-1.124.355-1.176.968-.023.272.051.543.256.834l4.937 6.116c.274.412.583.614 1.039.653z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgCheckIcon;

package/src/ChevronDownIcon.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+function SvgChevronDownIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        d="M12 17.32c.308-.01.589-.123.817-.37l6.68-6.837c.193-.194.299-.44.299-.73 0-.58-.457-1.046-1.037-1.046-.282 0-.554.115-.756.317l-5.994 6.16-6.012-6.16a1.094 1.094 0 00-.756-.317c-.58 0-1.037.466-1.037 1.046 0 .29.106.536.299.73l6.688 6.838c.238.246.501.369.809.369z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgChevronDownIcon;

package/src/ChevronLeftIcon.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+function SvgChevronLeftIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        d="M6.44 12c.008.308.122.589.368.817l6.838 6.68c.194.193.44.299.73.299.58 0 1.046-.457 1.046-1.037 0-.282-.115-.554-.317-.756l-6.16-5.994 6.16-6.012c.194-.202.317-.466.317-.756 0-.58-.466-1.037-1.046-1.037-.29 0-.536.106-.73.299L6.808 11.19c-.246.238-.369.501-.369.809z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgChevronLeftIcon;

package/src/ChevronRightIcon.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+function SvgChevronRightIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        d="M17.542 12a1.123 1.123 0 01-.369.817l-6.838 6.68c-.193.193-.44.299-.73.299-.58 0-1.045-.457-1.045-1.037 0-.282.114-.554.316-.756l6.161-5.994-6.16-6.012a1.094 1.094 0 01-.317-.756c0-.58.466-1.037 1.046-1.037.29 0 .536.106.73.299l6.837 6.688c.246.238.37.501.37.809z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgChevronRightIcon;

package/src/ChevronUpIcon.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+function SvgChevronUpIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        d="M12 6.78a1.124 1.124 0 00-.817.37l-6.68 6.838a1 1 0 00-.299.73c0 .58.457 1.045 1.037 1.045.281 0 .554-.114.756-.316l5.994-6.161 6.012 6.16c.202.194.466.317.756.317.58 0 1.037-.466 1.037-1.046 0-.29-.106-.536-.299-.729L12.81 7.15c-.238-.246-.501-.37-.809-.37z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgChevronUpIcon;

package/src/ClosedCaptionIcon.tsx

@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+function SvgClosedCaptionIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <rect x={3.625} y={5.625} width={16.75} height={11.75} rx={2.875} stroke="currentColor" strokeWidth={1.25} />
+      <path
+        d="M9.438 14.25c-.508 0-.944-.111-1.309-.334a2.233 2.233 0 01-.838-.924c-.194-.395-.291-.85-.291-1.364 0-.516.1-.972.298-1.367.199-.397.48-.706.841-.927C8.504 9.111 8.934 9 9.431 9c.413 0 .778.076 1.096.228.32.15.576.363.766.64.19.273.298.593.324.96h-1.146a1.096 1.096 0 00-.331-.613c-.172-.166-.403-.248-.692-.248-.245 0-.46.066-.646.198-.186.13-.33.318-.434.563a2.294 2.294 0 00-.152.88c0 .347.05.645.152.894.101.247.244.438.427.573.186.132.403.199.653.199.176 0 .334-.034.473-.1a.951.951 0 00.355-.294c.095-.128.16-.284.195-.467h1.146c-.029.36-.135.678-.318.957a1.883 1.883 0 01-.748.648c-.316.155-.687.232-1.113.232zM14.82 14.25c-.507 0-.943-.111-1.308-.334a2.233 2.233 0 01-.838-.924c-.194-.395-.291-.85-.291-1.364 0-.516.1-.972.298-1.367.199-.397.48-.706.841-.927.365-.223.795-.334 1.292-.334.413 0 .778.076 1.096.228.32.15.575.363.765.64.19.273.299.593.325.96h-1.146a1.095 1.095 0 00-.331-.613c-.172-.166-.403-.248-.692-.248-.245 0-.46.066-.646.198-.186.13-.33.318-.434.563a2.296 2.296 0 00-.152.88c0 .347.05.645.152.894.101.247.244.438.427.573.186.132.403.199.653.199.176 0 .334-.034.473-.1a.952.952 0 00.355-.294 1.13 1.13 0 00.195-.467H17c-.029.36-.135.678-.318.957a1.882 1.882 0 01-.748.648c-.316.155-.687.232-1.113.232z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgClosedCaptionIcon;

package/src/CodeIcon.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+function SvgCodeIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        d="M14.525 3.036c.54.146.86.7.714 1.242l-4.522 16.817a1.011 1.011 0 01-1.242.714c-.54-.146-.86-.7-.714-1.241L13.283 3.75a1.012 1.012 0 011.242-.715zm-7.508 4.36a1.013 1.013 0 010 1.433l-3.575 3.575 3.58 3.618a1.013 1.013 0 11-1.442 1.425l-4.287-4.333A1.01 1.01 0 011 12.35c.012-.242.11-.482.296-.667l4.287-4.287a1.017 1.017 0 011.433 0zm11.35-.006l4.332 4.287c.166.164.263.371.291.585.042.304-.053.623-.287.856l-4.333 4.333a1.02 1.02 0 01-1.433 0 1.013 1.013 0 010-1.433l3.614-3.615-3.61-3.572a1.013 1.013 0 111.425-1.442z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgCodeIcon;

package/src/ComputerIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgComputerIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.294 3.372a.75.75 0 01.75-.75h19.912a.75.75 0 01.75.75v13.274a.75.75 0 01-.75.75h-8.737l.07 2.482h4.02a.75.75 0 010 1.5H6.69a.75.75 0 010-1.5h4.021l.07-2.482H2.044a.75.75 0 01-.75-.75V3.372zm19.912 12.524H2.794V4.122h18.412v11.774z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgComputerIcon;

package/src/ConnectivityIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgConnectivityIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.48 10.478a12.069 12.069 0 0115.116.006.91.91 0 101.142-1.42A13.89 13.89 0 003.34 9.057a.91.91 0 101.14 1.42zM17.4 14a7.969 7.969 0 00-10.76.024.91.91 0 01-1.233-1.341 9.79 9.79 0 0113.22-.03A.91.91 0 0117.4 14zm-5.368.198a5.7 5.7 0 011.753.278 5.7 5.7 0 012.267 1.385.91.91 0 01-1.286 1.29 3.877 3.877 0 00-3.66-1.018 3.878 3.878 0 00-1.808 1.018.91.91 0 01-1.285-1.29 5.7 5.7 0 014.02-1.663z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgConnectivityIcon;

package/src/CopyIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgCopyIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.708 4.167c0-.806.653-1.459 1.459-1.459H15c.805 0 1.458.653 1.458 1.459v7.5c0 .805-.653 1.458-1.458 1.458h-1.667v-1.25H15a.208.208 0 00.208-.208v-7.5A.208.208 0 0015 3.958H9.167a.208.208 0 00-.209.209v1.666h-1.25V4.167zM5 6.875c-.805 0-1.458.653-1.458 1.458v7.5c0 .806.653 1.459 1.458 1.459h5.833c.806 0 1.459-.653 1.459-1.459v-7.5c0-.805-.653-1.458-1.459-1.458H5zm-.208 1.458c0-.115.093-.208.208-.208h5.833c.115 0 .209.093.209.208v7.5a.208.208 0 01-.209.209H5a.208.208 0 01-.208-.209v-7.5z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgCopyIcon;

package/src/CrossIcon.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+function SvgCrossIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        d="M5.193 17.383c-.369.37-.386 1.029.01 1.415.386.387 1.045.378 1.414.01l5.38-5.389 5.387 5.388a1.016 1.016 0 001.415-.009c.378-.395.387-1.037 0-1.415l-5.379-5.387 5.379-5.38a1.008 1.008 0 000-1.414c-.396-.378-1.037-.387-1.415-.01l-5.388 5.389-5.379-5.388c-.369-.37-1.037-.387-1.415.009-.386.386-.378 1.046-.009 1.415l5.388 5.379-5.388 5.387z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgCrossIcon;

package/src/DownloadIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgDownloadIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M21.087 12.154c0 4.975-4.113 9.088-9.097 9.088-4.974 0-9.088-4.113-9.088-9.088 0-4.974 4.105-9.088 9.08-9.088 4.983 0 9.105 4.114 9.105 9.088zm-16.357 0a7.243 7.243 0 007.26 7.278 7.253 7.253 0 007.278-7.278 7.264 7.264 0 00-7.287-7.268 7.234 7.234 0 00-7.25 7.268zm7.275-4.207a.874.874 0 01.881.87v3.152l-.061 1.614.806-.844 1.204-1.254a.849.849 0 01.596-.26c.484 0 .832.347.832.806 0 .248-.1.435-.286.608l-3.326 3.116c-.236.223-.422.298-.646.298-.236 0-.422-.075-.658-.298L8.033 12.64c-.198-.173-.298-.36-.298-.608 0-.46.348-.807.82-.807.21 0 .459.1.608.261l1.204 1.254.807.844-.063-1.614V8.816c0-.471.398-.856.894-.869z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgDownloadIcon;

package/src/EditIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgEditIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M20.297 3.502a.937.937 0 00-.663.275L14.121 9.29l1.326 1.326 5.513-5.513a.938.938 0 00-.663-1.6zM12.65 10.76l.41-.41 1.325 1.326-.409.41-1.547.22.221-1.546zm5.922-8.044a2.437 2.437 0 113.447 3.448l-7.159 7.159a.75.75 0 01-.424.212l-2.784.398a.75.75 0 01-.849-.848l.398-2.785a.75.75 0 01.212-.424l7.16-7.16zM5.97 6.988c.07-.07.166-.11.265-.11h5.625a.75.75 0 000-1.5H6.234A1.875 1.875 0 004.36 7.253v11.25a1.875 1.875 0 001.875 1.875h11.25a1.875 1.875 0 001.875-1.875v-5.625a.75.75 0 00-1.5 0v5.625a.375.375 0 01-.375.375H6.234a.375.375 0 01-.375-.375V7.253c0-.1.04-.195.11-.265z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgEditIcon;

package/src/ExitIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgExitIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.333 3.375a1.827 1.827 0 00-1.772 1.89v13.47a1.828 1.828 0 001.772 1.89h9.205a1.828 1.828 0 001.773-1.89v-3.36a.75.75 0 00-1.5 0v3.409a.328.328 0 01-.297.341H5.357a.328.328 0 01-.297-.341V5.25v-.034a.327.327 0 01.297-.341h9.157a.328.328 0 01.298.341l-.001.034v3.375a.75.75 0 001.5 0v-3.36a1.828 1.828 0 00-1.773-1.89H5.333zm12.51 5.285a.75.75 0 011.06 0l2.813 2.813a.747.747 0 010 1.06l-2.813 2.813a.75.75 0 11-1.06-1.06l1.532-1.533H9.373a.75.75 0 010-1.5h10.002l-1.532-1.532a.75.75 0 010-1.06z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgExitIcon;

package/src/ExpandIcon.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+function SvgExpandIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        d="M19.567 10.38c-.465 0-.8-.352-.8-.818v-.738l.176-3.067-2.311 2.434-2.707 2.725a.737.737 0 01-.554.229c-.5 0-.87-.326-.87-.818 0-.237.08-.448.237-.606l2.716-2.707 2.435-2.312-3.076.176h-.73c-.466 0-.826-.325-.826-.8 0-.474.351-.808.826-.808h4.878c.896 0 1.415.518 1.415 1.415v4.878a.798.798 0 01-.809.817zm-9.641 9.66H5.048c-.897 0-1.424-.52-1.424-1.416v-4.878a.8.8 0 01.817-.817c.457 0 .8.351.8.817v.738l-.184 3.068 2.32-2.435 2.698-2.724a.756.756 0 01.563-.229c.492 0 .87.325.87.817a.843.843 0 01-.246.607l-2.707 2.707-2.444 2.311 3.077-.175h.738c.466 0 .826.325.826.8 0 .474-.36.808-.826.808z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgExpandIcon;

package/src/ExternalLinkIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgExternalLinkIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15.72.194a.798.798 0 01.277.606v4.8a.8.8 0 11-1.6 0V2.731l-7.432 7.435a.8.8 0 11-1.132-1.132L13.267 1.6h-2.869a.8.8 0 010-1.6h4.8a.797.797 0 01.521.194zM2.4 4a.8.8 0 00-.8.8v8.8a.8.8 0 00.8.8h8.798a.8.8 0 00.8-.8V8.8a.8.8 0 111.6 0v4.8a2.4 2.4 0 01-2.4 2.4H2.4A2.4 2.4 0 010 13.6V4.8a2.4 2.4 0 012.4-2.4h4.799a.8.8 0 010 1.6h-4.8z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgExternalLinkIcon;

package/src/EyeCloseIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgEyeCloseIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.28 3.22a.75.75 0 00-1.06 1.06l3.206 3.207a14.587 14.587 0 00-3.337 4.159.75.75 0 00-.01.69L3.75 12c-.67.335-.67.337-.67.337v.001l.003.006.009.016a6.234 6.234 0 00.143.266 15.508 15.508 0 002.124 2.887C6.83 17.08 9.075 18.75 12 18.75h.012a8.303 8.303 0 004.358-1.32l3.35 3.35a.75.75 0 101.06-1.06L4.28 3.22zm7.718 3.53a6.09 6.09 0 00-1.402.16.75.75 0 01-.342-1.46A7.59 7.59 0 0112 5.25c2.924 0 5.17 1.67 6.64 3.237a15.505 15.505 0 012.123 2.887l.157.29a.75.75 0 01-.01.69 14.629 14.629 0 01-1.707 2.521.75.75 0 11-1.148-.965c.502-.597.95-1.236 1.337-1.912a14.009 14.009 0 00-1.847-2.485C16.204 8.08 14.327 6.75 12 6.75h-.002zm-7.391 5.252a14.006 14.006 0 001.846 2.485c1.342 1.432 3.218 2.76 5.54 2.763a6.803 6.803 0 003.286-.91l-1.742-1.742a3.016 3.016 0 01-1.54.458 2.998 2.998 0 01-2.595-4.593L7.49 8.55a13.087 13.087 0 00-2.883 3.451zm5.914-.42a1.501 1.501 0 001.897 1.897l-1.897-1.897z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgEyeCloseIcon;

package/src/EyeOpenIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgEyeOpenIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.93 12.28a12.813 12.813 0 01-.324-.53 14.011 14.011 0 011.848-2.487C7.796 7.83 9.673 6.5 12 6.5c2.325 0 4.203 1.33 5.547 2.763a14.013 14.013 0 011.848 2.487 14.013 14.013 0 01-1.848 2.487C16.203 15.67 14.325 17 12 17c-2.325 0-4.203-1.33-5.547-2.763a14.011 14.011 0 01-1.522-1.956zm15.32-.53l.67-.336-.67.336zm.67-.336a.751.751 0 010 .671l-.67-.335c.67.335.67.336.67.337v.001l-.003.006-.009.016-.03.058a14.008 14.008 0 01-.549.926c-.38.59-.947 1.378-1.688 2.169-1.47 1.567-3.716 3.237-6.64 3.237-2.926 0-5.173-1.67-6.642-3.237a15.508 15.508 0 01-2.124-2.887 9.417 9.417 0 01-.143-.266l-.009-.016-.002-.006-.002-.002.671-.336-.67.335a.75.75 0 010-.67l.67.335c-.67-.335-.67-.336-.67-.337v-.001l.003-.005.009-.017a5.328 5.328 0 01.143-.266A15.51 15.51 0 015.36 8.237C6.83 6.67 9.075 5 12 5s5.172 1.67 6.641 3.237a15.508 15.508 0 012.124 2.887c.05.088.087.159.113.208l.03.058.009.017.002.005.002.002zm-10.42.336a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zm1.5-3a3 3 0 100 6 3 3 0 000-6z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgEyeOpenIcon;

package/src/GlobeIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgGlobeIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.317 4.415c-.302.027-.6.071-.89.132-.377.616-.71 1.422-.975 2.373h1.865V4.415zm-2.748.784a7.643 7.643 0 00-2.242 1.72H8.02c.156-.617.34-1.193.55-1.72zM5.34 8.304a7.567 7.567 0 00-.923 3.004H7.44c.03-1.048.13-2.059.29-3.004H5.34zm-.923 4.388c.086.96.35 1.868.76 2.691H7.68a22.12 22.12 0 01-.24-2.69H4.417zm1.646 4.076a7.648 7.648 0 002.507 2.033 14.154 14.154 0 01-.624-2.033H6.062zm4.365 2.685c.29.06.588.105.89.132v-2.817H9.369c.277 1.087.64 2.003 1.058 2.685zm2.274.13c.296-.026.587-.07.872-.13.417-.682.781-1.598 1.058-2.685H12.7v2.816zm2.73-.782a7.648 7.648 0 002.507-2.033h-1.883c-.17.736-.38 1.419-.624 2.033zm3.385-3.4a7.567 7.567 0 00.768-2.709H16.56a22.127 22.127 0 01-.24 2.691h2.345c.052 0 .103.006.152.017zM21 12a9 9 0 10-18 0 9 9 0 0018 0zm-1.416-.692H16.56a21.878 21.878 0 00-.29-3.004h2.391c.503.904.827 1.921.924 3.004zm-1.91-4.388A7.643 7.643 0 0015.43 5.2c.21.526.393 1.102.549 1.72h1.693zm-4.1-2.373a7.601 7.601 0 00-.873-.13V6.92h1.847c-.265-.951-.598-1.757-.975-2.373zm1.6 8.145c-.03.953-.118 1.857-.256 2.691h-2.216v-2.69h2.472zm-3.857 0v2.691H9.082a20.497 20.497 0 01-.256-2.69h2.49zm-2.18-4.388c-.17.92-.278 1.931-.311 3.004h2.49V8.304h-2.18zm3.564 0v3.004h2.473a20.217 20.217 0 00-.31-3.004H12.7z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgGlobeIcon;

package/src/GridIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgGridIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" fill="none" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5 6.556a1.556 1.556 0 113.111 0 1.556 1.556 0 01-3.111 0zm5.445 0a1.556 1.556 0 113.111 0 1.556 1.556 0 01-3.111 0zm7-1.556a1.556 1.556 0 100 3.111 1.556 1.556 0 000-3.111zM5 12a1.556 1.556 0 113.111 0A1.556 1.556 0 015 12zm7-1.556a1.556 1.556 0 100 3.112 1.556 1.556 0 000-3.112zM15.89 12A1.556 1.556 0 1119 12a1.556 1.556 0 01-3.111 0zm-9.333 3.889a1.556 1.556 0 100 3.11 1.556 1.556 0 000-3.11zm3.889 1.555a1.556 1.556 0 113.11 0 1.556 1.556 0 01-3.11 0zm7-1.555a1.556 1.556 0 100 3.111 1.556 1.556 0 000-3.111z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgGridIcon;

package/src/HamburgerMenuIcon.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+function SvgHamburgerMenuIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        d="M5 6.5a.75.75 0 01.75-.75h12.5a.75.75 0 010 1.5H5.75A.75.75 0 015 6.5zM5 12a.75.75 0 01.75-.75h12.5a.75.75 0 010 1.5H5.75A.75.75 0 015 12zm.75 4.75a.75.75 0 000 1.5h12.5a.75.75 0 000-1.5H5.75z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgHamburgerMenuIcon;

package/src/HandIcon.tsx

@@ -0,0 +1,25 @@
+import * as React from 'react';
+
+function SvgHandIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      viewBox="0 0 24 24"
+      xmlns="http://www.w3.org/2000/svg"
+      fillRule="evenodd"
+      clipRule="evenodd"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      width="24px"
+      height="24px"
+      {...props}
+    >
+      <path
+        d="M5.582 14.605l.006.032c.378 1.815.999 3.326 1.988 4.387 1.007 1.079 2.354 1.649 4.077 1.649 1.268 0 2.35-.258 3.266-.802.912-.542 1.624-1.345 2.191-2.378.799-1.283 1.348-3.015 1.783-4.446l.11-.343c.089-.277.183-.57.263-.84.11-.371.215-.766.231-1.042a1.279 1.279 0 00-.311-.949 1.31 1.31 0 00-.9-.422 1.408 1.408 0 00-1.041.326c-.278.232-.485.565-.664.941l-.003.004-.681 1.466.314-7.196V4.97c0-.787-.625-1.412-1.412-1.412a1.4 1.4 0 00-1.404 1.396l-.122 2.022-.084-3.071A1.404 1.404 0 0011.776 2.5c-.782 0-1.404.628-1.404 1.412h0v.014l.105 3.766-.407-3.226a1.399 1.399 0 00-1.404-1.37 1.401 1.401 0 00-1.409 1.458l.493 4.601-.434-2.254A1.4 1.4 0 005.912 5.55c-.784 0-1.412.622-1.412 1.404a.55.55 0 00.005.07l1.077 7.581z"
+        fill="none"
+        stroke="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgHandIcon;

package/src/HandRaiseFilledIcon.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+function SvgHandRaiseFilledIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        d="M6.193 14.89c.725 3.475 2.329 5.528 5.466 5.528 2.352 0 3.878-.956 4.927-2.876.748-1.195 1.272-2.837 1.704-4.255.23-.733.547-1.658.57-2.067.031-.462-.27-.793-.732-.824-.532-.039-.864.27-1.195.963l-1.08 2.32c-.1.232-.208.31-.331.31-.139 0-.24-.078-.24-.332l.356-8.144a.885.885 0 00-.894-.894.884.884 0 00-.887.894l-.355 5.923c-.2-.069-.416-.13-.64-.177l-.187-6.783a.885.885 0 00-.895-.894.884.884 0 00-.886.894l.187 6.698a9.593 9.593 0 00-.678.093l-.785-6.214a.882.882 0 00-.887-.887.884.884 0 00-.894.887l.72 6.72c-.232.107-.53.27-.731.401l-.908-4.716a.882.882 0 00-.886-.886.884.884 0 00-.895.886l1.056 7.432z"
+        fill="#FAC919"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.725 15.197a1.495 1.495 0 01-.017-.096L3.652 7.67a1.5 1.5 0 01-.015-.21 2.383 2.383 0 012.7-2.368v-.038A2.383 2.383 0 018.73 2.666c.432 0 .836.114 1.184.312a2.373 2.373 0 011.866-.896c.895 0 1.67.483 2.08 1.204a2.39 2.39 0 01.883-.167 2.385 2.385 0 012.393 2.46l-.155 3.555c.389-.191.814-.266 1.25-.235a2.29 2.29 0 011.566.748c.424.474.596 1.078.56 1.665-.025.406-.165.903-.267 1.247-.082.276-.18.582-.268.858l-.1.314c-.418 1.372-.986 3.185-1.842 4.57-.62 1.122-1.43 2.05-2.504 2.689-1.087.645-2.335.928-3.718.928-1.936 0-3.536-.652-4.735-1.938-1.148-1.23-1.81-2.916-2.2-4.783zm11.86 2.345c.749-1.195 1.273-2.837 1.705-4.255l.11-.348c.21-.656.44-1.372.46-1.719.031-.462-.27-.793-.732-.824-.532-.039-.864.27-1.195.963l-1.08 2.32v.003c-.1.23-.208.306-.331.306-.139 0-.24-.077-.24-.331l.356-8.144a.885.885 0 00-.894-.894.882.882 0 00-.887.894l-.355 5.923c-.2-.069-.416-.13-.64-.177l-.187-6.783a.884.884 0 00-.894-.894.88.88 0 00-.887.894l.187 6.698a9.593 9.593 0 00-.678.093l-.785-6.214a.886.886 0 00-.224-.592.883.883 0 00-.663-.295.884.884 0 00-.894.887l.72 6.72c-.232.107-.53.27-.731.401l-.908-4.716a.882.882 0 00-.886-.886.884.884 0 00-.895.886l1.056 7.432c.725 3.475 2.329 5.528 5.466 5.528 2.352 0 3.878-.956 4.927-2.876z"
+        fill="#212121"
+      />
+    </svg>
+  );
+}
+
+export default SvgHandRaiseFilledIcon;

package/src/HandRaiseIcon.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+function SvgHandRaiseIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        d="M6.193 14.89c.725 3.475 2.329 5.528 5.466 5.528 2.352 0 3.878-.956 4.927-2.876.748-1.195 1.272-2.837 1.704-4.255.23-.733.547-1.658.57-2.067.031-.462-.27-.793-.732-.824-.532-.039-.864.27-1.195.963l-1.08 2.32c-.1.232-.208.31-.331.31-.139 0-.24-.078-.24-.332l.356-8.144a.885.885 0 00-.894-.894.884.884 0 00-.887.894l-.355 5.923c-.2-.069-.416-.13-.64-.177l-.187-6.783a.885.885 0 00-.895-.894.884.884 0 00-.886.894l.187 6.698a9.593 9.593 0 00-.678.093l-.785-6.214a.882.882 0 00-.887-.887.884.884 0 00-.894.887l.72 6.72c-.232.107-.53.27-.731.401l-.908-4.716a.882.882 0 00-.886-.886.884.884 0 00-.895.886l1.056 7.432z"
+        fill="#FAC919"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.725 15.197a1.495 1.495 0 01-.017-.096L3.652 7.67a1.5 1.5 0 01-.015-.21 2.383 2.383 0 012.7-2.368v-.038A2.383 2.383 0 018.73 2.666c.432 0 .836.114 1.184.312a2.373 2.373 0 011.866-.896c.895 0 1.67.483 2.08 1.204a2.39 2.39 0 01.883-.167 2.385 2.385 0 012.393 2.46l-.155 3.555c.389-.191.814-.266 1.25-.235a2.29 2.29 0 011.566.748c.424.474.596 1.078.56 1.665-.025.406-.165.903-.267 1.247-.082.276-.18.582-.268.858l-.1.314c-.418 1.372-.986 3.185-1.842 4.57-.62 1.122-1.43 2.05-2.504 2.689-1.087.645-2.335.928-3.718.928-1.936 0-3.536-.652-4.735-1.938-1.148-1.23-1.81-2.916-2.2-4.783zm11.86 2.345c.749-1.195 1.273-2.837 1.705-4.255l.11-.348c.21-.656.44-1.372.46-1.719.031-.462-.27-.793-.732-.824-.532-.039-.864.27-1.195.963l-1.08 2.32v.003c-.1.23-.208.306-.331.306-.139 0-.24-.077-.24-.331l.356-8.144a.885.885 0 00-.894-.894.882.882 0 00-.887.894l-.355 5.923c-.2-.069-.416-.13-.64-.177l-.187-6.783a.884.884 0 00-.894-.894.88.88 0 00-.887.894l.187 6.698a9.593 9.593 0 00-.678.093l-.785-6.214a.886.886 0 00-.224-.592.883.883 0 00-.663-.295.884.884 0 00-.894.887l.72 6.72c-.232.107-.53.27-.731.401l-.908-4.716a.882.882 0 00-.886-.886.884.884 0 00-.895.886l1.056 7.432c.725 3.475 2.329 5.528 5.466 5.528 2.352 0 3.878-.956 4.927-2.876z"
+        fill="#212121"
+      />
+    </svg>
+  );
+}
+
+export default SvgHandRaiseIcon;

package/src/HandRaiseSlashed.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+function SvgHandRaiseSlashed(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        d="M3.046 4.107a.75.75 0 111.06-1.06l16.848 16.846a.75.75 0 11-1.06 1.06L3.045 4.108z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.026 7.208l1.061 7.467.011.064c.388 1.858 1.035 3.47 2.113 4.626 1.111 1.192 2.596 1.808 4.442 1.808 1.337 0 2.512-.273 3.521-.872a5.767 5.767 0 001.098-.847l-.707-.707c-.975.952-2.239 1.426-3.912 1.426-3.2 0-4.836-2.094-5.576-5.638l-.874-6.15-1.177-1.177zm3.01.89l-.22-1.144a.9.9 0 00-.904-.904.912.912 0 00-.654.269l-.707-.707a1.912 1.912 0 011.57-.551l1.896 1.895.228 2.125.026.251-1.234-1.235zm.506 2.627l.138.716.063.323c.147-.096.346-.209.534-.305l-.735-.734zm8.954 6.831l.725.726c.112-.173.218-.352.32-.537.16-.257.31-.53.45-.814l-.75-.75c-.173.377-.36.734-.563 1.059a7.82 7.82 0 01-.182.316zm-3.649-7.89l-.074-2.698-.084-3.056A.903.903 0 0011.776 3a.901.901 0 00-.904.912l.105 3.742.004.145L9.843 6.66l-.273-2.16a.9.9 0 00-.904-.905.901.901 0 00-.912.904l.008.08-.848-.848a1.906 1.906 0 011.752-1.136c.532 0 1.012.216 1.357.565A1.896 1.896 0 0111.776 2c.905 0 1.655.615 1.858 1.454.32-.249.724-.396 1.165-.396a1.903 1.903 0 011.911 1.956L16.5 9.86c.122-.17.261-.33.425-.467a1.91 1.91 0 011.396-.44c.462.03.912.22 1.239.586.328.368.467.841.437 1.314-.02.343-.144.792-.25 1.153-.082.275-.18.578-.269.857a78.86 78.86 0 00-.106.332c-.21.693-.453 1.474-.744 2.25l-.78-.78c.21-.597.396-1.199.569-1.766l.113-.354c.214-.67.449-1.4.469-1.754.031-.471-.276-.81-.747-.84-.543-.04-.881.274-1.22.982l-.639 1.376-.252.543-.034.072-.71-.71.006-.147.31-7.097a.903.903 0 00-.913-.912.901.901 0 00-.904.912l-.121 2.015-.18 2.996-.024.407-.723-.723zm-2.697-.577l.892.892.021.763a9.783 9.783 0 00-.692.095l-.01-.075-.116-.918-.095-.757z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgHandRaiseSlashed;

package/src/HangUpIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgHangUpIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M18.879 8.601a.75.75 0 01.072.012 4.704 4.704 0 013.684 4.593v.782a2.068 2.068 0 01-2.068 2.067h-3.295a2.068 2.068 0 01-2.068-2.067.568.568 0 00-.568-.568H9.364a.568.568 0 00-.568.568 2.068 2.068 0 01-2.068 2.067H3.433a2.068 2.068 0 01-2.068-2.067v-.782M18.879 8.6a36.435 36.435 0 00-13.83.01 4.704 4.704 0 00-3.684 4.595m3.856-3.863v.043l.065.291-.065-.334zm.142.735a3.204 3.204 0 00-2.498 3.127v.783a.568.568 0 00.568.568h3.295a.568.568 0 00.568-.568 2.068 2.068 0 012.068-2.068h5.272a2.068 2.068 0 012.068 2.068.568.568 0 00.568.568h3.295a.568.568 0 00.568-.568v-.782a3.204 3.204 0 00-2.499-3.124c-4.383-.85-8.889-.85-13.273-.003v-.002z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgHangUpIcon;

package/src/Headphones.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgHeadphones(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.16 7.317A5.456 5.456 0 0112 5.719a5.455 5.455 0 015.438 5.439v.39a4.138 4.138 0 00-.375-.017 1.875 1.875 0 00-1.875 1.875v4.5a1.875 1.875 0 001.874 1.875 4.125 4.125 0 001.875-7.799v-.828a6.955 6.955 0 00-6.935-6.935l-.002.75-.002-.75a6.956 6.956 0 00-6.935 6.935v.828a4.126 4.126 0 001.875 7.8 1.875 1.875 0 001.875-1.876v-4.5a1.875 1.875 0 00-1.876-1.875c-.125 0-.25.006-.375.017v-.39A5.456 5.456 0 018.16 7.316zM6.937 13.03a2.625 2.625 0 000 5.25.375.375 0 00.375-.375v-4.5a.375.375 0 00-.375-.375zm10.125 0a.375.375 0 00-.375.375v4.5a.375.375 0 00.375.375 2.625 2.625 0 100-5.25z"
+        fill="#000"
+      />
+    </svg>
+  );
+}
+
+export default SvgHeadphones;

package/src/HorizontalMenuIcon.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+function SvgHorizontalMenuIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" fill="none" {...props}>
+      <path
+        d="M7.003 12c0-1.123-.881-2-2.006-2A1.997 1.997 0 003 12c0 1.094.89 2 1.997 2a2.017 2.017 0 002.006-2zm6.975 0c0-1.123-.872-2-1.978-2a2 2 0 000 4c1.088 0 1.978-.906 1.978-2zM21 12c0-1.123-.881-2-1.997-2a1.999 1.999 0 00-2.006 2c0 1.094.89 2 2.006 2A2.015 2.015 0 0021 12z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgHorizontalMenuIcon;

package/src/InfoIcon.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+function SvgInfoIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        d="M12 20.97c5.106 0 9.308-4.2 9.308-9.307 0-5.115-4.202-9.316-9.317-9.316s-9.307 4.2-9.307 9.316c0 5.107 4.2 9.308 9.316 9.308zm-.009-12.128a1.403 1.403 0 01-1.389-1.389c0-.782.633-1.397 1.39-1.397.755 0 1.38.615 1.38 1.397 0 .756-.625 1.389-1.38 1.389zm-1.67 7.77c-.492 0-.879-.343-.879-.862 0-.466.387-.844.88-.844h1.01v-3.129h-.835c-.5 0-.879-.351-.879-.852 0-.475.378-.844.88-.844h1.8c.634 0 .959.43.959 1.099v3.726h.8c.492 0 .878.378.878.844 0 .519-.386.861-.878.861H10.32z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgInfoIcon;

package/src/InviteIcon.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function SvgInviteIcon(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.698 2.533a3.761 3.761 0 100 7.522 3.761 3.761 0 000-7.522zM7.076 4.672a2.293 2.293 0 113.243 3.243 2.293 2.293 0 01-3.243-3.243zm3.279 7.778a4.22 4.22 0 00-5.877 3.88.734.734 0 11-1.468 0 5.69 5.69 0 017.92-5.23.734.734 0 01-.575 1.35zm1.865.248a5.137 5.137 0 117.265 7.265 5.137 5.137 0 01-7.265-7.265zm3.633-.037a3.669 3.669 0 100 7.338 3.669 3.669 0 000-7.338zm0 .734c.405 0 .734.328.734.734v1.467h1.468a.734.734 0 010 1.468h-1.468v1.468a.734.734 0 11-1.468 0v-1.468h-1.468a.734.734 0 010-1.468h1.468V14.13c0-.406.329-.734.734-.734z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgInviteIcon;