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

package/lib/react/tabler/ChannelsFilled.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgChannelsFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M21 17h-5.397a5 5 0 0 1-4.096-2.133l-.514-.734A5 5 0 0 0 6.897 12H3h3.9a5 5 0 0 0 4.097-2.135l.51-.73A5 5 0 0 1 15.605 7H21m0 10-3 3m3-3-3-3m3-7-3 3m3-3-3-3"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgChannelsFilled;

package/lib/react/tabler/Chart.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgChart = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m4 16 6-7 5 5 5-6"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgChart;

package/lib/react/tabler/ChartFilled.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgChartFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m4 16 6-7 5 5 5-6"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgChartFilled;

package/lib/react/tabler/ChatBotColored.tsx

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgChatBotColored = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M8.018 9.595c-.351-.15-.768.105-.768.487v1.957c0 .272.147.522.393.638.749.352 2.476 1.052 4.356 1.052 1.881 0 3.608-.7 4.357-1.052a.696.696 0 0 0 .393-.638v-1.957c0-.382-.417-.637-.768-.487-.867.369-2.367.885-3.982.885-1.614 0-3.114-.516-3.981-.885Z"
+      fill="#06F"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="m6.873 18.977 2.627.002v3.25l5.018-3.246 2.599.002c2.409 0 4.566-1.793 4.753-4.327.17-2.306.178-5.682-.007-7.99-.186-2.312-2.045-4.083-4.314-4.246a80.03 80.03 0 0 0-11.08 0c-2.27.163-4.13 1.934-4.315 4.247-.186 2.307-.21 5.683-.04 7.99.188 2.533 2.35 4.318 4.76 4.318ZM6.701 5.663a76.787 76.787 0 0 1 10.615 0 1.393 1.393 0 0 1 1.308 1.266c.172 2.142.163 5.35.005 7.49-.052.707-.672 1.314-1.512 1.314h-2.6L9.5 18.979v-3.246H6.868c-.84 0-1.46-.607-1.512-1.314-.158-2.14-.135-5.348.037-7.49a1.393 1.393 0 0 1 1.308-1.266Z"
+      fill="#06F"
+    />
+  </svg>
+);
+export default SvgChatBotColored;

package/lib/react/tabler/ChatDots.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgChatDots = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 12v.01m4-.01v.01M8 12v.01M3 20l1.3-3.9c-1.124-1.662-1.53-3.63-1.144-5.538.386-1.908 1.54-3.626 3.244-4.836 1.704-1.209 3.845-1.827 6.024-1.739 2.179.089 4.248.877 5.821 2.22 1.574 1.342 2.546 3.147 2.735 5.078.19 1.931-.417 3.858-1.706 5.422-1.29 1.564-3.173 2.659-5.302 3.08-2.13.422-4.358.142-6.272-.787L3 20Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgChatDots;

package/lib/react/tabler/ChatDotsFilled.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgChatDotsFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12.465 2.988c-2.39-.097-4.75.58-6.644 1.923-1.895 1.344-3.204 3.276-3.645 5.453-.408 2.017-.038 4.086 1.025 5.87l-1.15 3.45a1 1 0 0 0 1.157 1.294l4.374-.93c2.04.907 4.363 1.16 6.584.72 2.338-.463 4.433-1.67 5.88-3.425 1.45-1.759 2.146-3.947 1.93-6.155-.217-2.208-1.325-4.244-3.082-5.742-1.754-1.496-4.04-2.361-6.43-2.458ZM12 11a1 1 0 0 1 1 1v.01a1 1 0 1 1-2 0V12a1 1 0 0 1 1-1Zm-3 1a1 1 0 1 0-2 0v.01a1 1 0 1 0 2 0V12Zm7-1a1 1 0 0 1 1 1v.01a1 1 0 1 1-2 0V12a1 1 0 0 1 1-1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgChatDotsFilled;

package/lib/react/tabler/ChatMissed.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgChatMissed = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m21 6.99-7 9.5c-.077.115-.304.404-.432.457a.7.7 0 0 1-.763-.152L3 6.99m0 0h5m-5 0v5"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgChatMissed;

package/lib/react/tabler/ChatMissedFilled.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgChatMissedFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m21 6.99-7 9.5c-.077.115-.304.404-.432.457a.7.7 0 0 1-.763-.152L3 6.99m0 0h5m-5 0v5"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgChatMissedFilled;

package/lib/react/tabler/ChatTakeover.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgChatTakeover = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4m4-4A8.1 8.1 0 0 0 4.5 9M4 5v4h4m3 3a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgChatTakeover;

package/lib/react/tabler/ChatTakeoverFilled.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgChatTakeoverFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4m4-4A8.1 8.1 0 0 0 4.5 9M4 5v4h4m3 3a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgChatTakeoverFilled;

package/lib/react/tabler/Chats.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgChats = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m3 20 1.3-3.9c-1.124-1.662-1.53-3.63-1.144-5.538.386-1.908 1.54-3.626 3.244-4.836 1.704-1.21 3.845-1.827 6.024-1.739 2.179.089 4.248.877 5.821 2.22 1.574 1.342 2.546 3.147 2.735 5.078.19 1.931-.417 3.858-1.706 5.422-1.29 1.564-3.173 2.659-5.302 3.08-2.13.422-4.358.142-6.272-.787L3 20Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgChats;

package/lib/react/tabler/ChatsFilled.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgChatsFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12.465 2.988c-2.39-.097-4.75.58-6.644 1.923-1.895 1.344-3.204 3.276-3.645 5.453-.408 2.017-.038 4.086 1.025 5.87l-1.15 3.45a1 1 0 0 0 1.157 1.294l4.374-.93c2.04.907 4.363 1.16 6.584.72 2.338-.463 4.433-1.67 5.88-3.425 1.45-1.759 2.146-3.947 1.93-6.155-.217-2.208-1.325-4.244-3.082-5.742-1.754-1.496-4.04-2.361-6.43-2.458Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgChatsFilled;

package/lib/react/tabler/Check.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgCheck = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m5 12 5 5L20 7"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgCheck;

package/lib/react/tabler/CheckBox.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgCheckBox = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m9 12 2 2 4-4M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgCheckBox;

package/lib/react/tabler/CheckBoxFilled.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgCheckBoxFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M3.879 3.879A3 3 0 0 1 6 3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 .879-2.121Zm11.828 6.828a1 1 0 0 0-1.414-1.414L11 12.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgCheckBoxFilled;

package/lib/react/tabler/CheckCircle.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgCheckCircle = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m9 12 2 2 4-4M3 12a9 9 0 1 0 18.001 0A9 9 0 0 0 3 12Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgCheckCircle;

package/lib/react/tabler/CheckCircleFilled.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgCheckCircleFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M8.173 2.761a10 10 0 1 1 7.654 18.478A10 10 0 0 1 8.173 2.761Zm7.534 7.946a1 1 0 0 0-1.414-1.414L11 12.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgCheckCircleFilled;

package/lib/react/tabler/CheckFilled.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgCheckFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m5 12 5 5L20 7"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgCheckFilled;

package/lib/react/tabler/ChevronDown.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgChevronDown = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m6 9 6 6 6-6"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgChevronDown;

package/lib/react/tabler/ChevronDownFilled.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgChevronDownFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m6 9 6 6 6-6"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgChevronDownFilled;

package/lib/react/tabler/ChevronLeft.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgChevronLeft = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m15 6-6 6 6 6"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgChevronLeft;

package/lib/react/tabler/ChevronLeftFilled.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgChevronLeftFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m15 6-6 6 6 6"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgChevronLeftFilled;

package/lib/react/tabler/ChevronRight.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgChevronRight = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m9 6 6 6-6 6"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgChevronRight;

package/lib/react/tabler/ChevronRightFilled.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgChevronRightFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m9 6 6 6-6 6"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgChevronRightFilled;

package/lib/react/tabler/ChevronUp.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgChevronUp = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m6 15 6-6 6 6"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgChevronUp;

package/lib/react/tabler/ChevronUpFilled.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgChevronUpFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m6 15 6-6 6 6"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgChevronUpFilled;

package/lib/react/tabler/ChipCopilotColored.tsx

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgChipCopilotColored = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M20.352 17.756a4.72 4.72 0 0 0 1.533-3.094 60.015 60.015 0 0 0-.038-7.992 4.647 4.647 0 0 0-4.32-4.25 78.182 78.182 0 0 0-5.532-.19 78.18 78.18 0 0 0-5.533.19 4.65 4.65 0 0 0-4.31 4.24 60.02 60.02 0 0 0-.037 8 4.72 4.72 0 0 0 4.753 4.32h2.626v3.25l5.002-3.25h2.627a4.724 4.724 0 0 0 3.23-1.224Z"
+      fill="url(#CHIP_copilot-colored_svg__a)"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M10.014 7.55c-.258-1-1.679-1-1.937 0L7.8 8.629a1 1 0 0 1-.719.718l-1.079.279c-1 .258-1 1.678 0 1.936l1.08.279a1 1 0 0 1 .718.718l.278 1.08c.258 1 1.679 1 1.937 0l.278-1.08a1 1 0 0 1 .719-.718 3.962 3.962 0 0 1 1.979 0 1 1 0 0 1 .718.718l.278 1.08c.258 1 1.68 1 1.937 0l.278-1.08a1 1 0 0 1 .719-.718l1.079-.279c1-.258 1-1.678 0-1.936l-1.079-.279a1 1 0 0 1-.719-.718l-.278-1.08c-.258-1-1.678-1-1.937 0l-.278 1.08a1 1 0 0 1-.718.718 3.962 3.962 0 0 1-1.98 0 1 1 0 0 1-.718-.718l-.278-1.08Z"
+      fill="#fff"
+    />
+    <defs>
+      <linearGradient
+        id="CHIP_copilot-colored_svg__a"
+        x1={-0.347}
+        y1={-3.648}
+        x2={23.556}
+        y2={32.269}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop offset={0.177} stopColor="#8000FF" />
+        <stop offset={0.88} stopColor="#00B3FF" />
+      </linearGradient>
+    </defs>
+  </svg>
+);
+export default SvgChipCopilotColored;

package/lib/react/tabler/Close.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgClose = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m6 6 12 12m0-12L6 18"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgClose;

package/lib/react/tabler/CloseCircle.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgCloseCircle = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m10 10 4 4m0-4-4 4m-7-2a9 9 0 1 0 18.001 0A9 9 0 0 0 3 12Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgCloseCircle;

package/lib/react/tabler/CloseCircleFilled.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgCloseCircleFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M8.173 2.761a10 10 0 1 1 7.654 18.478A10 10 0 0 1 8.173 2.761Zm2.534 6.532a1 1 0 0 0-1.414 1.414L10.586 12l-1.293 1.293a1 1 0 1 0 1.414 1.414L12 13.414l1.293 1.293a1 1 0 0 0 1.414-1.414L13.414 12l1.293-1.293a1 1 0 0 0-1.414-1.414L12 10.586l-1.293-1.293Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgCloseCircleFilled;

package/lib/react/tabler/CloseFilled.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgCloseFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m6 6 12 12m0-12L6 18"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgCloseFilled;