@livechat/design-system-icons 1.0.0-alpha.4 → 1.0.0-alpha.48

package/lib/react/tabler/AppSettings.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgAppSettings = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M15 16v4a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h3M10 18v.01M13 9a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM15 5.5V7M15 11v1.5M18.032 7.25l-1.3.75M13.27 10l-1.3.75M11.97 7.25l1.3.75M16.733 10l1.3.75"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgAppSettings;

package/lib/react/tabler/AppSettingsFilled.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgAppSettingsFilled = (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="m15.308 14.476-.003.001A2 2 0 0 1 13 12.5v-.035l-.03.017a2 2 0 0 1-2-3.464L11 9V9l-.03-.018a2 2 0 0 1-.389-3.172l-.703-1.289A1 1 0 0 0 9 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-4a1 1 0 0 0-.122-.479l-.57-1.045ZM10 17a1 1 0 0 1 1 1v.01a1 1 0 1 1-2 0V18a1 1 0 0 1 1-1Z"
+      fill="currentcolor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M15 4.5a1 1 0 0 1 1 1v.672a3 3 0 0 1 .95.548l.582-.336a1 1 0 1 1 1 1.732l-.582.336a3 3 0 0 1 0 1.095l.583.337a1 1 0 1 1-1 1.732l-.583-.336a2.998 2.998 0 0 1-.95.548v.672a1 1 0 1 1-2 0v-.672a3 3 0 0 1-.949-.547l-.581.335a1 1 0 1 1-1-1.732l.58-.335a3.006 3.006 0 0 1 0-1.098l-.58-.335a1 1 0 1 1 1-1.732l.581.335A3 3 0 0 1 14 6.172V5.5a1 1 0 0 1 1-1ZM14 9a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgAppSettingsFilled;

package/lib/react/tabler/Apple.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgApple = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M9 7c-3 0-4 3-4 5.5 0 3 2 7.5 4 7.5 1.088-.046 1.679-.5 3-.5 1.312 0 1.5.5 3 .5s4-3 4-5c-.028-.01-2.472-.403-2.5-3-.019-2.17 2.416-2.954 2.5-3-1.023-1.492-2.951-1.963-3.5-2-1.433-.111-2.83 1-3.5 1-.68 0-1.9-1-3-1ZM12 4a2 2 0 0 0 2-2 2 2 0 0 0-2 2Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgApple;

package/lib/react/tabler/AppleFilled.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgAppleFilled = (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="M14 1a3 3 0 0 0-3 3 1 1 0 0 0 1 1 3 3 0 0 0 3-3 1 1 0 0 0-1-1Zm1.572 5.003c.412.028 1.145.191 1.915.541.78.356 1.69.946 2.338 1.89a1 1 0 0 1-.345 1.443c-.091.05-.184.088-.286.129-.224.09-.49.197-.874.491-.477.365-.826.839-.82 1.493.017 1.573 1.235 1.903 1.704 2.03.056.015.101.027.132.038A1 1 0 0 1 20 15c0 1.34-.793 2.812-1.661 3.88-.452.556-.97 1.062-1.507 1.439-.511.358-1.155.681-1.832.681a5.626 5.626 0 0 1-1.87-.296l-.035-.01c-.362-.115-.615-.194-1.095-.194-.532 0-.912.088-1.33.2-.04.01-.082.02-.124.032-.4.108-.893.241-1.504.267L9 21c-.88 0-1.621-.488-2.176-1.043-.57-.57-1.064-1.326-1.468-2.135C4.55 16.212 4 14.184 4 12.5c0-1.357.267-2.927 1.013-4.195C5.79 6.987 7.092 6 9 6c.806 0 1.579.356 2.086.596l.211.101c.188.09.339.163.483.222.119.05.186.069.215.076.03-.008.106-.031.25-.09.138-.058.252-.11.384-.17.12-.054.256-.116.439-.195.63-.271 1.53-.612 2.505-.537Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgAppleFilled;

package/lib/react/tabler/Apps.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgApps = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M4 5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5ZM4 15a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-4ZM14 15a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-4ZM14 7h6M17 4v6"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgApps;

package/lib/react/tabler/AppsFilled.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgAppsFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M9 3H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2ZM9 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2ZM19 13h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2ZM17 3a1 1 0 0 1 .993.883L18 4v2h2a1 1 0 0 1 .117 1.993L20 8h-2v2a1 1 0 0 1-1.993.117L16 10V8h-2a1 1 0 0 1-.117-1.993L14 6h2V4a1 1 0 0 1 1-1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgAppsFilled;

package/lib/react/tabler/Archives.tsx

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgArchives = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g
+      clipPath="url(#archives_svg__a)"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <path d="M19 4H5a2 2 0 1 0 0 4h14a2 2 0 1 0 0-4ZM5 8v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8M10 12h4" />
+    </g>
+    <defs>
+      <clipPath id="archives_svg__a">
+        <path fill="#fff" d="M0 0h24v24H0z" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+
+export default SvgArchives;

package/lib/react/tabler/ArchivesFilled.tsx

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgArchivesFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g clipPath="url(#archives-filled_svg__a)">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4 6a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Zm18 0a3.001 3.001 0 0 1-2 2.83V18a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V8.83A3.001 3.001 0 0 1 5 3h14a3 3 0 0 1 3 3Zm-12 5a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2h-4Z"
+        fill="currentcolor"
+      />
+    </g>
+    <defs>
+      <clipPath id="archives-filled_svg__a">
+        <path fill="#fff" d="M0 0h24v24H0z" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+
+export default SvgArchivesFilled;

package/lib/react/tabler/ArrowBack.tsx

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

package/lib/react/tabler/ArrowBackFilled.tsx

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

package/lib/react/tabler/ArrowDownward.tsx

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

package/lib/react/tabler/ArrowDownwardFilled.tsx

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

package/lib/react/tabler/ArrowForward.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgArrowForward = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M5 12h14M15 16l4-4M15 8l4 4"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgArrowForward;

package/lib/react/tabler/ArrowForwardFilled.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgArrowForwardFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M5 12h14M15 16l4-4M15 8l4 4"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgArrowForwardFilled;

package/lib/react/tabler/ArrowReverse.tsx

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

package/lib/react/tabler/ArrowReverseFilled.tsx

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

package/lib/react/tabler/ArrowUpward.tsx

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

package/lib/react/tabler/ArrowUpwardFilled.tsx

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

package/lib/react/tabler/Assessment.tsx

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgAssessment = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M4 18V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="m7 14 3-3 2 2 3-3 2 2"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgAssessment;

package/lib/react/tabler/AssessmentFilled.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgAssessmentFilled = (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 5.414a1 1 0 0 0-1.414 0L12 11.586l-1.293-1.293a1 1 0 0 0-1.414 0l-3 3a1 1 0 1 0 1.414 1.414L10 12.414l1.293 1.293a1 1 0 0 0 1.414 0L15 11.414l1.293 1.293a1 1 0 0 0 1.414-1.414l-2-2Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgAssessmentFilled;

package/lib/react/tabler/Assignment.tsx

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgAssignment = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M20 6v12a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2ZM10 16h6"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M11 10a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM4 8h2M4 12h2M4 16h2"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgAssignment;

package/lib/react/tabler/AssignmentFilled.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgAssignmentFilled = (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 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H8Zm5 4a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-3 8a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-6Z"
+      fill="currentcolor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M3 8a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H4a1 1 0 0 1-1-1ZM3 12a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1ZM3 16a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+
+export default SvgAssignmentFilled;

package/lib/react/tabler/Attachment.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgAttachment = (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 0 0-6-6l-6.5 6.5a6.364 6.364 0 1 0 9 9L21 13"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgAttachment;

package/lib/react/tabler/AttachmentFilled.tsx

@@ -0,0 +1,21 @@
+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 0 0-6-6l-6.5 6.5a6.364 6.364 0 1 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,28 @@
+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="M3 17a3 3 0 1 0 6 0 3 3 0 0 0-6 0ZM13 17a3 3 0 1 0 6 0 3 3 0 0 0-6 0Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M9 17V4h10v13M9 8h10"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgAudiotrack;

package/lib/react/tabler/AudiotrackFilled.tsx

@@ -0,0 +1,20 @@
+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,21 @@
+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,20 @@
+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
+      fillRule="evenodd"
+      clipRule="evenodd"
+      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;