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

package/lib/react/tabler/AttachmentFilled.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgAttachmentFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m15 7-6.5 6.5a2.121 2.121 0 1 0 3 3L18 10a4.243 4.243 0 1 0-6-6l-6.5 6.5a6.364 6.364 0 0 0 9 9L21 13"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgAttachmentFilled;

package/lib/react/tabler/Audiotrack.tsx

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

package/lib/react/tabler/AudiotrackFilled.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgAudiotrackFilled = (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 4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v13a4 4 0 1 1-2-3.464V9h-8v8a4 4 0 1 1-2-3.464V4Zm2 3h8V5h-8v2Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgAudiotrackFilled;

package/lib/react/tabler/Automation.tsx

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

package/lib/react/tabler/AutomationFilled.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgAutomationFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M14 3a1 1 0 0 0-1.809-.588l-8 11A1 1 0 0 0 5 15h5v6a1 1 0 0 0 1.809.588l8-11A1 1 0 0 0 19 9h-5V3Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgAutomationFilled;

package/lib/react/tabler/Ballpen.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgBallpen = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m13 6 7 7-4 4M3 20l1.768-1.768m.06-.06a2.827 2.827 0 0 0 4 0L19.414 7.586a2 2 0 0 0 0-2.829l-1.17-1.17a2 2 0 0 0-2.83 0L4.828 14.171a2.828 2.828 0 0 0 0 4Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgBallpen;

package/lib/react/tabler/BallpenFilled.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgBallpenFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M16.828 3a3 3 0 0 1 1.977.743l.145.136 1.17 1.17a3 3 0 0 1 .137 4.1l-.136.144L18.415 11l2.292 2.293a1 1 0 0 1 .083 1.32l-.083.094-4 4a1 1 0 0 1-1.497-1.32l.083-.094L18.585 14l-1.586-1.585-7.464 7.464a3.828 3.828 0 0 1-2.474 1.114l-.233.008c-.674 0-1.33-.178-1.905-.508l-1.216 1.214a1 1 0 0 1-1.497-1.32l.083-.094 1.214-1.216a3.828 3.828 0 0 1 .454-4.442l.16-.17L14.707 3.879a3 3 0 0 1 1.923-.873L16.828 3Zm0 2a1 1 0 0 0-.608.206l-.1.087L14.415 7 17 9.585l1.707-1.706a1 1 0 0 0 .284-.576l.01-.131a1 1 0 0 0-.207-.609l-.087-.099-1.171-1.171A1.001 1.001 0 0 0 16.828 5Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgBallpenFilled;

package/lib/react/tabler/BellExclamation.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgBellExclamation = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M9 17v1a3 3 0 0 0 6 0v-1H4a4 4 0 0 0 2-3v-3a7 7 0 0 1 4-6 2 2 0 1 1 4 0 7 7 0 0 1 4 6v1.5m1 3.5v3m0 3v.01"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgBellExclamation;

package/lib/react/tabler/BellExclamationFilled.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgBellExclamationFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M14.875 4.141A3.001 3.001 0 0 0 12 2l-.176.004-.182.017a3.003 3.003 0 0 0-2.562 2.29l-.01.043-.248.146A8 8 0 0 0 5 10.954L5 13.924l-.021.143a3 3 0 0 1-1.472 2.063C2.613 16.636 2.972 18 4 18h12v-2a3 3 0 0 1 3-3v-2l-.02-.289-.027-.287a8.013 8.013 0 0 0-4.024-6.069l-.008-.043-.046-.171ZM14.235 19c.865 0 1.322 1.024.745 1.668A3.993 3.993 0 0 1 12 22a3.99 3.99 0 0 1-2.98-1.332c-.552-.616-.158-1.579.634-1.661l.11-.006L14.235 19ZM20 16a1 1 0 1 0-2 0v3a1 1 0 1 0 2 0v-3ZM20 22a1 1 0 1 0-2 0v.01a1 1 0 1 0 2 0V22Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgBellExclamationFilled;

package/lib/react/tabler/BigCommerceColored.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgBigCommerceColored = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g clipPath="url(#big_commerce-colored_svg__a)">
+      <g clipPath="url(#big_commerce-colored_svg__b)" fill="#34313F">
+        <path d="M12.653 13.663h3.03c.861 0 1.406-.473 1.406-1.235 0-.718-.545-1.235-1.406-1.235h-3.03c-.1 0-.186.086-.186.173v2.125c.013.1.085.172.186.172Zm0 4.895h3.13c.962 0 1.536-.488 1.536-1.35 0-.746-.545-1.349-1.536-1.349h-3.13c-.1 0-.186.086-.186.173v2.34c.013.115.085.186.186.186Z" />
+        <path d="m23.737.053-8.96 8.93h1.465c2.283 0 3.633 1.436 3.633 3 0 1.236-.833 2.14-1.724 2.542-.143.058-.143.259.015.316 1.033.402 1.765 1.479 1.765 2.742 0 1.78-1.191 3.2-3.503 3.2h-6.345c-.1 0-.186-.085-.186-.172v-6.762L.062 23.64c-.13.13-.044.36.144.36H23.85a.16.16 0 0 0 .159-.159V.182c.042-.158-.159-.244-.273-.129Z" />
+      </g>
+    </g>
+    <defs>
+      <clipPath id="big_commerce-colored_svg__a">
+        <path fill="#fff" d="M0 0h24v24H0z" />
+      </clipPath>
+      <clipPath id="big_commerce-colored_svg__b">
+        <path fill="#fff" d="M0 0h24.015v24H0z" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+export default SvgBigCommerceColored;

package/lib/react/tabler/Block.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgBlock = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m5.7 5.7 12.6 12.6M3 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 SvgBlock;

package/lib/react/tabler/BlockFilled.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgBlockFilled = (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 0 1 19.742 18.33a.994.994 0 0 0-.035-.036l-14-14a1.022 1.022 0 0 0-.036-.035 10 10 0 0 1 2.502-1.497Zm-3.915 2.91A10 10 0 0 0 18.33 19.74a.994.994 0 0 1-.037-.034l-14-14a1.022 1.022 0 0 1-.035-.036Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgBlockFilled;

package/lib/react/tabler/Bold.tsx

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

package/lib/react/tabler/BoldFilled.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgBoldFilled = (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="M6 5a1 1 0 0 1 1-1h6a4.5 4.5 0 0 1 3.256 7.606A4.496 4.496 0 0 1 18.5 15.5 4.5 4.5 0 0 1 14 20H7a1 1 0 0 1-1-1V5Zm7 6a2.5 2.5 0 0 0 0-5H8v5h5Zm-5 2h6a2.5 2.5 0 0 1 0 5H8v-5Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgBoldFilled;

package/lib/react/tabler/Bot.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgBot = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M10 16h4M9 7 8 3m7 4 1-4m-7 9h.01M15 12h.01M7 7h10a2 2 0 0 1 2 2v1l1 1v3l-1 1v3a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-3l-1-1v-3l1-1V9a2 2 0 0 1 2-2Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgBot;

package/lib/react/tabler/BotFilled.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgBotFilled = (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="M7.757 2.03a1 1 0 0 1 1.213.727L9.78 6h4.44l.81-3.243a1 1 0 1 1 1.94.486L16.28 6H17a3 3 0 0 1 3 3v.586l.707.707A1 1 0 0 1 21 11v3a1 1 0 0 1-.293.707l-.707.707V18a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-2.586l-.707-.707A1 1 0 0 1 3 14v-3a1 1 0 0 1 .293-.707L4 9.586V9a3 3 0 0 1 3-3h.72l-.69-2.757a1 1 0 0 1 .727-1.213ZM7 11.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Zm8.5-1.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM10 15a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2h-4Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgBotFilled;

package/lib/react/tabler/Briefcase.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgBriefcase = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M8 8V6a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 14a20 20 0 0 0 18 0M5 8h14a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgBriefcase;

package/lib/react/tabler/BriefcaseFilled.tsx

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgBriefcaseFilled = (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="M17 7V6a3 3 0 0 0-3-3h-4a3 3 0 0 0-3 3v1H5a3 3 0 0 0-3 3v2.336l1.46.776a19 19 0 0 0 17.09-.005l1.45-.729V10a3 3 0 0 0-3-3h-2Zm-7-2a1 1 0 0 0-1 1v1h6V6a1 1 0 0 0-1-1h-4Z"
+      fill="currentcolor"
+    />
+    <path
+      d="m22 14.617-.55.276a21 21 0 0 1-18.9 0l-.02-.01L2 14.6V19a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-4.383Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgBriefcaseFilled;

package/lib/react/tabler/BugReport.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgBugReport = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 20a5 5 0 0 0 5-5v-3a6 6 0 0 0-1-3H8a6 6 0 0 0-1 3v3a5 5 0 0 0 5 5Zm0 0v-6m-8 5 3.35-2M3 13h4M4 7l3.75 2.4M9 9V8a3 3 0 1 1 6 0v1m5-2-3.75 2.4M17 13h4m-1 6-3.35-2"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgBugReport;

package/lib/react/tabler/BugReportFilled.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgBugReportFilled = (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 8a4 4 0 0 1 8 0c.151 0 .298.034.43.097l3.03-1.94a1 1 0 0 1 1.08 1.685l-3.015 1.93A7.001 7.001 0 0 1 18 12h3a1 1 0 1 1 0 2h-3v1a6 6 0 0 1-.197 1.524l2.71 1.617a1 1 0 1 1-1.026 1.718l-2.514-1.502a6 6 0 0 1-9.946 0L4.513 19.86a1 1 0 0 1-1.026-1.718l2.71-1.617A5.998 5.998 0 0 1 6 15v-1H3a1 1 0 1 1 0-2h3c0-.018 0-.037.002-.055a7 7 0 0 1 .473-2.174L3.461 7.842a1 1 0 1 1 1.078-1.684l3.03 1.94A1 1 0 0 1 8 8Zm2.586-1.414A2 2 0 0 1 14 8h-4a2 2 0 0 1 .586-1.414Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgBugReportFilled;

package/lib/react/tabler/Calendar.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgCalendar = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M4 11h16M8 3v4m8-4v4m-8 8h2v2H8v-2ZM4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgCalendar;

package/lib/react/tabler/CalendarFilled.tsx

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgCalendarFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M7 15a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-2Z"
+      fill="currentcolor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M17 3a1 1 0 1 0-2 0v1H9V3a1 1 0 0 0-2 0v1H6a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3h-1V3ZM5 12h14v7a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-7Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgCalendarFilled;

package/lib/react/tabler/Call.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgCall = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m15.471 14.06-1.57 1.97c-2.83-1.35-4.48-2.9-5.89-5.83l1.95-1.66L8.651 3h-3.75c-1.05 0-1.932.851-1.875 1.899.467 8.569 7.492 15.594 16.049 16.075 1.062.06 1.926-.837 1.926-1.9V15.37l-5.53-1.31Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgCall;

package/lib/react/tabler/CallFilled.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgCallFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m15.471 14.06-1.57 1.97c-2.83-1.35-4.48-2.9-5.89-5.83l1.95-1.66L8.651 3h-3.75c-1.05 0-1.932.851-1.875 1.899.467 8.569 7.492 15.594 16.049 16.075 1.062.06 1.926-.837 1.926-1.9V15.37l-5.53-1.31Z"
+      fill="currentcolor"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgCallFilled;

package/lib/react/tabler/Callout.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgCallout = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M5 20h8c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1s.45 1 1 1ZM4 6c0 .55.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1ZM5 16h14c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1s.45 1 1 1Zm-1-6c0 .55.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1Z"
+      fill="currentcolor"
+    />
+    <path
+      d="M4 15v-5c0-.55.45-1 1-1s1 .45 1 1v5c0 .55-.45 1-1 1s-1-.45-1-1ZM18 15v-5c0-.55.45-1 1-1s1 .45 1 1v5c0 .55-.45 1-1 1s-1-.45-1-1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgCallout;

package/lib/react/tabler/CalloutFilled.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgCalloutFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M5 20h8c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1s.45 1 1 1ZM4 6c0 .55.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1ZM5 16h14c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1s.45 1 1 1Zm-1-6c0 .55.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1H5c-.55 0-1 .45-1 1Z"
+      fill="currentcolor"
+    />
+    <path
+      d="M4 15v-5c0-.55.45-1 1-1s1 .45 1 1v5c0 .55-.45 1-1 1s-1-.45-1-1ZM18 15v-5c0-.55.45-1 1-1s1 .45 1 1v5c0 .55-.45 1-1 1s-1-.45-1-1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgCalloutFilled;

package/lib/react/tabler/Camera.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgCamera = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M5 7h1a2 2 0 0 0 2-2 1 1 0 0 1 1-1h6a1 1 0 0 1 1 1 2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M9 13a3 3 0 1 0 6 0 3 3 0 0 0-6 0Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgCamera;

package/lib/react/tabler/CameraFilled.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgCameraFilled = (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="M7.586 3.586A2 2 0 0 1 9 3h6a2 2 0 0 1 2 2 1 1 0 0 0 1 1h1a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h1a1 1 0 0 0 1-1 2 2 0 0 1 .586-1.414ZM9.879 15.12a3 3 0 1 1 4.242-4.242A3 3 0 0 1 9.88 15.12Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgCameraFilled;

package/lib/react/tabler/CannedResponse.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgCannedResponse = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M5 9h14m-8-5L7 20M17 4l-4 16m-8-5h14"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgCannedResponse;

package/lib/react/tabler/CannedResponseFilled.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgCannedResponseFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M5 9h14m-8-5L7 20M17 4l-4 16m-8-5h14"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgCannedResponseFilled;

package/lib/react/tabler/Channels.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgChannels = (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 SvgChannels;