@livechat/design-system-icons 1.0.0-alpha.21 → 1.0.0-alpha.35

package/lib/react/tabler/FlagsFilled.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgFlagsFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M4.3 4.285a6 6 0 0 1 8.4 0 4 4 0 0 0 5.6 0A1 1 0 0 1 20 5v9c0 .269-.108.527-.3.715a6 6 0 0 1-8.4 0 4 4 0 0 0-5.3-.266V21a1 1 0 0 1-2 0V5a1.015 1.015 0 0 1 .072-.374 1 1 0 0 1 .228-.34Z"
+      fill="#000"
+    />
+  </svg>
+);
+
+export default SvgFlagsFilled;

package/lib/react/tabler/Folder.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgFolder = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgFolder;

package/lib/react/tabler/FolderFilled.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgFolderFilled = (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="M5 3a3 3 0 0 0-3 3v11a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3h-6.586L9.707 3.293A1 1 0 0 0 9 3H5Z"
+      fill="#000"
+    />
+  </svg>
+);
+
+export default SvgFolderFilled;

package/lib/react/tabler/Foods.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgFoods = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M3 14c.83.642 2.077 1.017 3.5 1 1.423.017 2.67-.358 3.5-1 .83-.642 2.077-1.017 3.5-1 1.423-.017 2.67.358 3.5 1M8 3a2.4 2.4 0 0 0-1 2 2.4 2.4 0 0 0 1 2m4-4a2.4 2.4 0 0 0-1 2 2.4 2.4 0 0 0 1 2m4.746 9.726a3 3 0 1 0 .252-5.555M3 10h14v5a6 6 0 0 1-6 6H9a6 6 0 0 1-6-6v-5Z"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgFoods;

package/lib/react/tabler/FoodsFilled.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgFoodsFilled = (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.812 2.417a1 1 0 0 1-.229 1.395A1.4 1.4 0 0 0 8 5.021a1.4 1.4 0 0 0 .583 1.167 1 1 0 1 1-1.166 1.624A3.4 3.4 0 0 1 6 5a3.4 3.4 0 0 1 1.417-2.812 1 1 0 0 1 1.395.229ZM12.812 2.417a1 1 0 0 1-.229 1.395A1.4 1.4 0 0 0 12 5.021a1.399 1.399 0 0 0 .583 1.167 1 1 0 0 1-1.166 1.624A3.4 3.4 0 0 1 10 5a3.4 3.4 0 0 1 1.417-2.812 1 1 0 0 1 1.395.229ZM2 10a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1 3.997 3.997 0 0 1 3.61 2.283 3.999 3.999 0 0 1-4.26 5.664A6.998 6.998 0 0 1 11 22H9a7 7 0 0 1-7-7v-5Zm15.928 5.998a1.995 1.995 0 0 0 1.11-.29A2.001 2.001 0 0 0 18 12v3c0 .336-.024.67-.072.998ZM16 11.104a.987.987 0 0 0 0 .134v1.132a7.698 7.698 0 0 0-2.5-.37c-1.582-.017-3.063.398-4.112 1.21-.608.47-1.617.805-2.876.79h-.024c-1.02.012-1.876-.206-2.488-.54V11h12v.104Z"
+      fill="#000"
+    />
+  </svg>
+);
+
+export default SvgFoodsFilled;

package/lib/react/tabler/FrequentlyUsed.tsx

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

package/lib/react/tabler/FrequentlyUsedFilled.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgFrequentlyUsedFilled = (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.761ZM13 7a1 1 0 1 0-2 0v5a1 1 0 0 0 .293.707l3 3a1 1 0 0 0 1.414-1.414L13 11.586V7Z"
+      fill="#000"
+    />
+  </svg>
+);
+
+export default SvgFrequentlyUsedFilled;

package/lib/react/tabler/Glasses.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgGlasses = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M8 4H6L3 14v2.5m0 0a3.5 3.5 0 1 0 7 0 3.5 3.5 0 0 0-7 0ZM16 4h2l3 10v2.5m0 0a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0ZM10 16h4"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgGlasses;

package/lib/react/tabler/GlassesFilled.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgGlassesFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M5.042 3.713A1 1 0 0 1 6 3h2a1 1 0 0 1 0 2H6.744l-2.24 7.467A4.5 4.5 0 0 1 10.743 15h2.514a4.499 4.499 0 0 1 6.239-2.533L17.256 5H16a1 1 0 1 1 0-2h2a1 1 0 0 1 .958.713l3 10c.028.093.042.19.042.287v2.5a4.5 4.5 0 0 1-8.972.5h-2.056A4.5 4.5 0 0 1 2 16.5V14a1 1 0 0 1 .042-.287l3-10Z"
+      fill="#000"
+    />
+  </svg>
+);
+
+export default SvgGlassesFilled;

package/lib/react/tabler/GreetingCard.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgGreetingCard = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M20 18H4m16-1H4m1 3h14c1.105 0 2-.91 2-2.032V6.032C21 4.91 20.105 4 19 4H5c-1.104 0-2 .91-2 2.032v11.936C3 19.09 3.896 20 5 20Z"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgGreetingCard;

package/lib/react/tabler/GreetingCardFilled.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgGreetingCardFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M20 18H4m16-1H4m1 3h14c1.105 0 2-.91 2-2.032V6.032C21 4.91 20.105 4 19 4H5c-1.104 0-2 .91-2 2.032v11.936C3 19.09 3.896 20 5 20Z"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgGreetingCardFilled;

package/lib/react/tabler/GreetingPlainText.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgGreetingPlainText = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6ZM10 8h4M12 8v8"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgGreetingPlainText;

package/lib/react/tabler/GreetingPlainTextFilled.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgGreetingPlainTextFilled = (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.121ZM9 8a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-1v7a1 1 0 1 1-2 0V9h-1a1 1 0 0 1-1-1Z"
+      fill="#000"
+    />
+  </svg>
+);
+
+export default SvgGreetingPlainTextFilled;

package/lib/react/tabler/GreetingQuickReply.tsx

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgGreetingQuickReply = (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="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="m13 8-2 4h3l-2 4"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgGreetingQuickReply;

package/lib/react/tabler/GreetingQuickReplyFilled.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgGreetingQuickReplyFilled = (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.761Zm5.721 5.686a1 1 0 1 0-1.788-.894l-2 4A1 1 0 0 0 11 13h1.382l-1.276 2.553a1 1 0 1 0 1.788.894l2-4A1 1 0 0 0 14 11h-1.382l1.276-2.553Z"
+      fill="#000"
+    />
+  </svg>
+);
+
+export default SvgGreetingQuickReplyFilled;

package/lib/react/tabler/Group.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgGroup = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M8 7a4 4 0 1 0 8 0 4 4 0 0 0-8 0ZM2.5 17a4 4 0 1 0 8 0 4 4 0 0 0-8 0ZM13.5 17a4 4 0 1 0 8 0 4 4 0 0 0-8 0Z"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgGroup;

package/lib/react/tabler/GroupFilled.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgGroupFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 2a5 5 0 1 0 0 10 5 5 0 0 0 0-10ZM6.5 12a5 5 0 1 0 0 10 5 5 0 0 0 0-10ZM13.964 13.464a5 5 0 1 1 7.071 7.07 5 5 0 0 1-7.07-7.07Z"
+      fill="#000"
+    />
+  </svg>
+);
+
+export default SvgGroupFilled;

package/lib/react/tabler/H1.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgH1 = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M19 18v-8l-2 2M4 6v12M12 6v12M11 18h2M3 18h2M4 12h8M3 6h2M11 6h2"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgH1;

package/lib/react/tabler/H1Filled.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgH1Filled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M19 18v-8l-2 2M4 6v12M12 6v12M11 18h2M3 18h2M4 12h8M3 6h2M11 6h2"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgH1Filled;

package/lib/react/tabler/H2.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgH2 = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M17 12a2 2 0 0 1 4 0c0 .591-.417 1.318-.816 1.858L17 18.001h4M4 6v12M12 6v12M11 18h2M3 18h2M4 12h8M3 6h2M11 6h2"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgH2;

package/lib/react/tabler/H2Filled.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgH2Filled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M17 12a2 2 0 0 1 4 0c0 .591-.417 1.318-.816 1.858L17 18.001h4M4 6v12M12 6v12M11 18h2M3 18h2M4 12h8M3 6h2M11 6h2"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgH2Filled;

package/lib/react/tabler/H3.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgH3 = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M19 14a2 2 0 1 0-2-2M17 16a2 2 0 1 0 2-2M4 6v12M12 6v12M11 18h2M3 18h2M4 12h8M3 6h2M11 6h2"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgH3;

package/lib/react/tabler/H3Filled.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgH3Filled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M19 14a2 2 0 1 0-2-2M17 16a2 2 0 1 0 2-2M4 6v12M12 6v12M11 18h2M3 18h2M4 12h8M3 6h2M11 6h2"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgH3Filled;

package/lib/react/tabler/HandWave.tsx

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgHandWave = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g
+      clipPath="url(#hand-wave_svg__a)"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <path d="m8.004 9.986 3.75-6.496a1.5 1.5 0 1 1 2.598 1.5l-3.25 5.63" />
+      <path d="m14.352 4.99 1-1.731a1.5 1.5 0 1 1 2.598 1.5l-4.25 7.36" />
+      <path d="M16.95 6.49a1.5 1.5 0 1 1 2.598 1.5l-3.25 5.63" />
+      <path d="M18.548 9.722a1.5 1.5 0 1 1 2.598 1.5l-4.25 7.362A6 6 0 0 1 8.7 20.78l-1.732-1 .18.104a6 6 0 0 1-2.99-4.844 72.11 72.11 0 0 1-.02-.358c-.031-.571-.025-2.772.018-6.604A1.5 1.5 0 0 1 5.63 6.595a1.867 1.867 0 0 1 1.835 1.383l.538 2.008" />
+    </g>
+    <defs>
+      <clipPath id="hand-wave_svg__a">
+        <path fill="#fff" d="M0 0h24v24H0z" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+
+export default SvgHandWave;

package/lib/react/tabler/HandWaveFilled.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgHandWaveFilled = (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.53 2.224a2.499 2.499 0 0 0-3.642.766L8.332 7.417a2.867 2.867 0 0 0-2.717-1.822 2.5 2.5 0 0 0-2.459 2.472c-.042 3.807-.05 6.053-.017 6.667l.02.363v.001a7 7 0 0 0 3.203 5.478c.033.025.069.048.106.07l.178.103h.002l1.552.897a7 7 0 0 0 9.562-2.562l4.25-7.362a2.5 2.5 0 0 0-.706-3.28l-2.873 4.977a.5.5 0 1 1-.866-.5l3.176-5.5a2.498 2.498 0 0 0-1.643-2.53l-3.565 6.176a.5.5 0 0 1-.866-.5l4.25-7.362a.502.502 0 0 1 .066-.09 2.5 2.5 0 0 0-2.937-1.53.503.503 0 0 1-.035.073l-4.25 7.361a.5.5 0 1 1-.866-.5l3.633-6.293Z"
+      fill="#000"
+    />
+  </svg>
+);
+
+export default SvgHandWaveFilled;

package/lib/react/tabler/Help.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgHelp = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 17v.01m0-3.51a1.5 1.5 0 0 1 1-1.5 2.6 2.6 0 1 0-3-4m-7 4a9 9 0 1 0 18.001 0A9 9 0 0 0 3 12Z"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgHelp;

package/lib/react/tabler/HelpFilled.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgHelpFilled = (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.302 3.584a3.6 3.6 0 1 1 2.882 6.589l-.025.01a.5.5 0 0 0-.334.5 1 1 0 1 1-1.996.113 2.5 2.5 0 0 1 1.65-2.495 1.601 1.601 0 0 0-.576-3.09 1.6 1.6 0 0 0-1.28.632 1 1 0 0 1-1.593-1.208 3.6 3.6 0 0 1 1.272-1.051ZM12 16a1 1 0 0 1 1 1v.01a1 1 0 1 1-2 0V17a1 1 0 0 1 1-1Z"
+      fill="#000"
+    />
+  </svg>
+);
+
+export default SvgHelpFilled;

package/lib/react/tabler/Home.tsx

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgHome = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M5 12H3l9-9 9 9h-2M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M9 21v-6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v6"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgHome;

package/lib/react/tabler/HomeFilled.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgHomeFilled = (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.707 2.293a1 1 0 0 0-1.414 0l-9 9A1 1 0 0 0 3 13h1v6a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-6h1a1 1 0 0 0 .707-1.707l-9-9ZM14 15v5h-4v-5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1Z"
+      fill="#000"
+    />
+  </svg>
+);
+
+export default SvgHomeFilled;