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

package/{react → lib/react}/material/VisibilityOn.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-
 const SvgVisibilityOn = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 24 24"
@@ -9,10 +8,9 @@ const SvgVisibilityOn = (props: SVGProps<SVGSVGElement>) => (
     {...props}
   >
     <path
-      d="M12 4C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4Zm0 12.5c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5Zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3Z"
+      d="M12 6a9.77 9.77 0 0 1 8.82 5.5A9.77 9.77 0 0 1 12 17a9.77 9.77 0 0 1-8.82-5.5A9.77 9.77 0 0 1 12 6Zm0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4Zm0 5a2.5 2.5 0 0 1 0 5 2.5 2.5 0 0 1 0-5Zm0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7Z"
       fill="currentcolor"
     />
   </svg>
 );
-
 export default SvgVisibilityOn;

package/{react → lib/react}/material/Waiting.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-
 const SvgWaiting = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 24 24"
@@ -24,5 +23,4 @@ const SvgWaiting = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-
 export default SvgWaiting;

package/{react → lib/react}/material/Warning.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-
 const SvgWarning = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 24 24"
@@ -14,5 +13,4 @@ const SvgWarning = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-
 export default SvgWarning;

package/lib/react/material/Windows.tsx

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

package/{react → lib/react}/material/World.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-
 const SvgWorld = (props: SVGProps<SVGSVGElement>) => (
   <svg
     viewBox="0 0 24 24"
@@ -14,5 +13,4 @@ const SvgWorld = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-
 export default SvgWorld;

package/{react → lib/react}/material/index.ts

@@ -2,11 +2,13 @@ export { default as AccountCircle } from './AccountCircle';
 export { default as Activities } from './Activities';
 export { default as Add } from './Add';
 export { default as AddCircle } from './AddCircle';
+export { default as AddReaction } from './AddReaction';
 export { default as AddTemplate } from './AddTemplate';
 export { default as Adjust } from './Adjust';
 export { default as Android } from './Android';
 export { default as Animals } from './Animals';
 export { default as AppSettings } from './AppSettings';
+export { default as Apple } from './Apple';
 export { default as Apps } from './Apps';
 export { default as Archives } from './Archives';
 export { default as ArrowBack } from './ArrowBack';
@@ -23,6 +25,7 @@ export { default as Block } from './Block';
 export { default as Bot } from './Bot';
 export { default as BugReport } from './BugReport';
 export { default as Calendar } from './Calendar';
+export { default as Camera } from './Camera';
 export { default as CannedResponse } from './CannedResponse';
 export { default as Channels } from './Channels';
 export { default as Chart } from './Chart';
@@ -33,24 +36,32 @@ export { default as Chats } from './Chats';
 export { default as Check } from './Check';
 export { default as CheckBox } from './CheckBox';
 export { default as CheckCircleSolid } from './CheckCircleSolid';
+export { default as ChevronDoubleLeft } from './ChevronDoubleLeft';
+export { default as ChevronDoubleRight } from './ChevronDoubleRight';
 export { default as ChevronDown } from './ChevronDown';
 export { default as ChevronLeft } from './ChevronLeft';
 export { default as ChevronRight } from './ChevronRight';
 export { default as ChevronUp } from './ChevronUp';
+export { default as Chrome } from './Chrome';
 export { default as Close } from './Close';
 export { default as CloseCircle } from './CloseCircle';
+export { default as Code } from './Code';
 export { default as CodeBlack } from './CodeBlack';
+export { default as Columns } from './Columns';
 export { default as Contact } from './Contact';
+export { default as ContentCopy } from './ContentCopy';
 export { default as CreditCardOutline } from './CreditCardOutline';
 export { default as DayMode } from './DayMode';
 export { default as Delete } from './Delete';
 export { default as Description } from './Description';
 export { default as Device } from './Device';
+export { default as DeviceMobile } from './DeviceMobile';
 export { default as Devices } from './Devices';
 export { default as DoubleArrowLeft } from './DoubleArrowLeft';
 export { default as DoubleArrowRight } from './DoubleArrowRight';
 export { default as DragIndicator } from './DragIndicator';
 export { default as DropDown } from './DropDown';
+export { default as Edge } from './Edge';
 export { default as Edit } from './Edit';
 export { default as Email } from './Email';
 export { default as EmailAddress } from './EmailAddress';
@@ -61,10 +72,12 @@ export { default as FileCopy } from './FileCopy';
 export { default as FileDownload } from './FileDownload';
 export { default as FileUpload } from './FileUpload';
 export { default as Filter } from './Filter';
+export { default as Firefox } from './Firefox';
 export { default as Flags } from './Flags';
 export { default as Folder } from './Folder';
 export { default as Foods } from './Foods';
 export { default as FrequentlyUsed } from './FrequentlyUsed';
+export { default as Glasses } from './Glasses';
 export { default as GreetingCard } from './GreetingCard';
 export { default as GreetingPlainText } from './GreetingPlainText';
 export { default as GreetingQuickReply } from './GreetingQuickReply';
@@ -73,26 +86,34 @@ export { default as Help } from './Help';
 export { default as Home } from './Home';
 export { default as Image } from './Image';
 export { default as Info } from './Info';
+export { default as InternetExplorer } from './InternetExplorer';
 export { default as Keyboard } from './Keyboard';
 export { default as Link } from './Link';
+export { default as Linux } from './Linux';
 export { default as List } from './List';
 export { default as LockBlack } from './LockBlack';
 export { default as LockOpen } from './LockOpen';
 export { default as MoreHoriz } from './MoreHoriz';
+export { default as MoveTo } from './MoveTo';
 export { default as NightMode } from './NightMode';
 export { default as NoteAdd } from './NoteAdd';
 export { default as Notifications } from './Notifications';
 export { default as Objects } from './Objects';
 export { default as OpenInNew } from './OpenInNew';
+export { default as Opera } from './Opera';
 export { default as Palette } from './Palette';
 export { default as People } from './People';
 export { default as Person } from './Person';
 export { default as PersonAdd } from './PersonAdd';
 export { default as Place } from './Place';
+export { default as PlayArrow } from './PlayArrow';
 export { default as PlayCircle } from './PlayCircle';
+export { default as Position } from './Position';
 export { default as PowerSettings } from './PowerSettings';
 export { default as Refresh } from './Refresh';
 export { default as Remove } from './Remove';
+export { default as Reply } from './Reply';
+export { default as Safari } from './Safari';
 export { default as Search } from './Search';
 export { default as Send } from './Send';
 export { default as Settings } from './Settings';
@@ -110,6 +131,7 @@ export { default as ThumbUp } from './ThumbUp';
 export { default as Tickets } from './Tickets';
 export { default as Time } from './Time';
 export { default as Timeline } from './Timeline';
+export { default as TipsAndUpdates } from './TipsAndUpdates';
 export { default as Tools } from './Tools';
 export { default as Traffic } from './Traffic';
 export { default as Travels } from './Travels';
@@ -120,4 +142,5 @@ export { default as VisibilityOff } from './VisibilityOff';
 export { default as VisibilityOn } from './VisibilityOn';
 export { default as Waiting } from './Waiting';
 export { default as Warning } from './Warning';
+export { default as Windows } from './Windows';
 export { default as World } from './World';

package/lib/react/tabler/AccountCircle.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgAccountCircle = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M3 12a9 9 0 1 0 18.001 0A9 9 0 0 0 3 12Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M9 10a3 3 0 1 0 6 0 3 3 0 0 0-6 0ZM6.168 18.849A4 4 0 0 1 10 16h4a4 4 0 0 1 3.834 2.855"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgAccountCircle;

package/lib/react/tabler/AccountCircleFilled.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgAccountCircleFilled = (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.761Zm11.218 12.3a7.997 7.997 0 0 1-1.276 2.097A5 5 0 0 0 14 15h-4a5 5 0 0 0-4.115 2.158 7.999 7.999 0 1 1 13.506-2.097Zm-10.22-7.89a4 4 0 1 1 5.657 5.657 4 4 0 0 1-5.656-5.656Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgAccountCircleFilled;

package/lib/react/tabler/Activities.tsx

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgActivities = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m15 9-6 6M10 12l2 2M12 10l2 2M8 21a5 5 0 0 0-5-5"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M16 3C8.82 3 3 8.82 3 16a5 5 0 0 0 5 5c7.18 0 13-5.82 13-13a5 5 0 0 0-5-5Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M16 3a5 5 0 0 0 5 5"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgActivities;

package/lib/react/tabler/ActivitiesFilled.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgActivitiesFilled = (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="M2 16C2 8.268 8.268 2 16 2a6 6 0 0 1 6 6c0 7.732-6.268 14-14 14a6 6 0 0 1-6-6Zm3.172 2.828a4 4 0 0 1-1.144-2.352 9.64 9.64 0 0 1 2.295.995c1.01.606 1.459 1.66 1.626 2.529a4 4 0 0 1-2.777-1.172ZM18.828 5.172a4 4 0 0 1 1.166 2.617c-.74-.241-1.633-.666-2.402-1.365-.809-.736-1.29-1.662-1.552-2.424a4 4 0 0 1 2.788 1.172Zm-3.12 3.12a1 1 0 0 0-1.415 0L13 9.587l-.293-.293a1 1 0 1 0-1.414 1.414l.293.293-.586.586-.293-.293a1 1 0 0 0-1.414 1.414l.293.293-1.293 1.293a1 1 0 1 0 1.414 1.414L11 14.414l.293.293a1 1 0 0 0 1.414-1.414L12.414 13l.586-.586.293.293a1 1 0 0 0 1.414-1.414L14.414 11l1.293-1.293a1 1 0 0 0 0-1.414Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgActivitiesFilled;

package/lib/react/tabler/Add.tsx

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

package/lib/react/tabler/AddCircle.tsx

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

package/lib/react/tabler/AddCircleFilled.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgAddCircleFilled = (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.761ZM12 8a1 1 0 0 1 1 1v2h2a1 1 0 1 1 0 2h-2v2a1 1 0 1 1-2 0v-2H9a1 1 0 1 1 0-2h2V9a1 1 0 0 1 1-1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgAddCircleFilled;

package/lib/react/tabler/AddFilled.tsx

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

package/lib/react/tabler/AddTemplate.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgAddTemplate = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M18 12v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h5M8 9h6M8 13h6M8 17h6M15 5h6M18 2v6"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgAddTemplate;

package/lib/react/tabler/AddTemplateFilled.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgAddTemplateFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M18 12v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h5M8 9h6M8 13h6M8 17h6M15 5h6M18 2v6"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgAddTemplateFilled;

package/lib/react/tabler/Adjust.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgAdjust = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 6a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM4 6h8M16 6h4M6 12a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM4 12h2M10 12h10M15 18a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM4 18h11M19 18h1"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgAdjust;

package/lib/react/tabler/AdjustFilled.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgAdjustFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M21 6a1 1 0 0 1-.883.993L20 7h-3.171a3.001 3.001 0 0 1-5.658 0H4a1 1 0 0 1-.117-1.993L4 5h7.17a3.002 3.002 0 0 1 2.654-1.995L14 3l.176.005A3.002 3.002 0 0 1 16.83 5H20a1 1 0 0 1 1 1ZM21 12a1 1 0 0 1-.883.993L20 13h-9.171a3 3 0 0 1-5.658 0H4a1 1 0 0 1-.117-1.993L4 11h1.17a3.002 3.002 0 0 1 2.654-1.995L8 9l.176.005A3.002 3.002 0 0 1 10.83 11H20a1 1 0 0 1 1 1ZM21 18a1 1 0 0 1-.883.993L20 19h-.171a3 3 0 0 1-5.658 0H4a1 1 0 0 1-.117-1.993L4 17h10.17a3.002 3.002 0 0 1 2.654-1.995L17 15l.176.005A3.002 3.002 0 0 1 19.83 17H20a1 1 0 0 1 1 1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgAdjustFilled;

package/lib/react/tabler/Android.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgAndroid = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M4 10v6M20 10v6M7 9h10M7 9v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V9M7 9a5 5 0 1 1 10 0M8 3l1 2M16 3l-1 2M9 18v3M15 18v3"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgAndroid;

package/lib/react/tabler/AndroidFilled.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgAndroidFilled = (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.553 2.106a1 1 0 0 1 1.341.447l.518 1.034a6 6 0 0 1 5.176 0l.518-1.034a1 1 0 1 1 1.788.894l-.654 1.308.003.002A6 6 0 0 1 17.916 8H6.084a6 6 0 0 1 1.673-3.243l.003-.002-.654-1.308a1 1 0 0 1 .447-1.341ZM6 10v7a2 2 0 0 0 2 2v2a1 1 0 1 0 2 0v-2h4v2a1 1 0 1 0 2 0v-2a2 2 0 0 0 2-2v-7H6ZM4 9a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1Zm16 0a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgAndroidFilled;

package/lib/react/tabler/Animals.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgAnimals = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 18.176a3 3 0 1 1-4.953-2.449l-.025.023A4.502 4.502 0 0 1 8.505 7c1.414 0 2.675.652 3.5 1.671a4.5 4.5 0 1 1 4.983 7.079A3 3 0 1 1 12.005 18l-.005.176ZM12 19V9M9 3l3 2 3-2"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgAnimals;

package/lib/react/tabler/AnimalsFilled.tsx

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgAnimalsFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 19V9"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M9.555 2.168a1 1 0 1 0-1.11 1.664l3 2a1 1 0 0 0 1.11 0l3-2a1 1 0 0 0-1.11-1.664L12 3.798l-2.445-1.63ZM8.503 6h.002c1.33 0 2.55.473 3.5 1.258a5.499 5.499 0 0 1 8.735 5.925 5.501 5.501 0 0 1-2.217 2.916 3.996 3.996 0 0 1-.328 4.316 4 4 0 0 1-6.19.231 3.998 3.998 0 0 1-6.258-.326 4 4 0 0 1-.26-4.223A5.501 5.501 0 0 1 8.503 6Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgAnimalsFilled;

package/lib/react/tabler/AppSettings.tsx

@@ -0,0 +1,19 @@
+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,24 @@
+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,19 @@
+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,18 @@
+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,19 @@
+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;