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

package/lib/react/tabler/Twitter.tsx

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgTwitter = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <mask
+      id="twitter_svg__a"
+      style={{
+        maskType: 'alpha',
+      }}
+      maskUnits="userSpaceOnUse"
+      x={1}
+      y={3}
+      width={22}
+      height={19}
+    >
+      <path
+        d="M22 4.11c-1 .49-1.98.69-3 .99-1.121-1.264-2.783-1.334-4.38-.736-1.597.598-2.643 2.06-2.62 3.737v1c-3.245.083-6.135-1.395-8-4 0 0-4.182 7.433 4 11-1.872 1.247-3.739 2.088-6 2 3.308 1.803 6.913 2.423 10.034 1.517 3.58-1.04 6.522-3.723 7.651-7.742a13.84 13.84 0 0 0 .497-3.753c0-.25 1.51-2.772 1.818-4.013v0Z"
+        stroke="currentcolor"
+        strokeWidth={2}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </mask>
+    <g mask="url(#twitter_svg__a)">
+      <path fill="currentcolor" d="M0 0h24v24H0z" />
+    </g>
+  </svg>
+);
+export default SvgTwitter;

package/lib/react/tabler/TwitterFilled.tsx

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgTwitterFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <mask
+      id="twitter-filled_svg__a"
+      style={{
+        maskType: 'alpha',
+      }}
+      maskUnits="userSpaceOnUse"
+      x={0}
+      y={3}
+      width={24}
+      height={19}
+    >
+      <path
+        d="M14.058 3.512c-1.807.767-2.995 2.453-3.056 4.38L11 8.074l-.243-.023C8.365 7.782 6.26 6.54 4.813 4.521a1 1 0 0 0-1.685.091l-.097.186-.049.1c-.719 1.484-1.19 3.29-1.017 5.202l.03.273c.283 2.263 1.5 4.215 3.78 5.68l.172.106-.08.043c-1.316.663-2.519.952-3.828.9-1.056-.04-1.446 1.372-.518 1.878 3.598 1.961 7.461 2.566 10.792 1.6 4.06-1.18 7.152-4.223 8.335-8.433l.127-.495c.238-.993.372-2.006.401-3.024l.003-.332.393-.779.44-.862.214-.434.118-.247c.265-.565.456-1.033.574-1.43l.014-.056.008-.018c.22-.593-.166-1.358-.94-1.358l-.123.007a.996.996 0 0 0-.23.057l-.087.038c-.285.139-.58.26-.88.36l-.356.115-.27.08-.773.214c-1.336-1.118-3.144-1.254-5.012-.554l-.21.083Z"
+        fill="currentcolor"
+      />
+    </mask>
+    <g mask="url(#twitter-filled_svg__a)">
+      <path fill="currentcolor" d="M0 0h24v24H0z" />
+    </g>
+  </svg>
+);
+export default SvgTwitterFilled;

package/lib/react/tabler/Underline.tsx

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

package/lib/react/tabler/UnderlineFilled.tsx

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

package/lib/react/tabler/Undo.tsx

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

package/lib/react/tabler/UndoFilled.tsx

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

package/lib/react/tabler/UsersGroup.tsx

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgUsersGroup = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <mask
+      id="users-group_svg__a"
+      style={{
+        maskType: 'alpha',
+      }}
+      maskUnits="userSpaceOnUse"
+      x={2}
+      y={2}
+      width={20}
+      height={20}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.879 2.879A3 3 0 1 1 9.12 7.12 3 3 0 0 1 4.88 2.88ZM7 4a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm7.879-1.121A3 3 0 1 1 19.12 7.12 3 3 0 0 1 14.88 2.88ZM17 4a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-5 6a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-.707 2.293a1 1 0 1 1 1.414 1.414 1 1 0 0 1-1.414-1.414Zm-2 7A1 1 0 0 1 10 19h4a1 1 0 0 1 1 1v1a1 1 0 1 0 2 0v-1a3 3 0 0 0-3-3h-4a3 3 0 0 0-3 3v1a1 1 0 1 0 2 0v-1a1 1 0 0 1 .293-.707ZM17 9a1 1 0 1 0 0 2h2a1 1 0 0 1 1 1v1a1 1 0 1 0 2 0v-1a3 3 0 0 0-3-3h-2ZM4.293 11.293A1 1 0 0 1 5 11h2a1 1 0 1 0 0-2H5a3 3 0 0 0-3 3v1a1 1 0 1 0 2 0v-1a1 1 0 0 1 .293-.707Z"
+        fill="currentcolor"
+      />
+    </mask>
+    <g mask="url(#users-group_svg__a)">
+      <path fill="currentcolor" d="M0 0h24v24H0z" />
+    </g>
+  </svg>
+);
+export default SvgUsersGroup;

package/lib/react/tabler/UsersGroupFilled.tsx

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgUsersGroupFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <mask
+      id="users-group-filled_svg__a"
+      style={{
+        maskType: 'alpha',
+      }}
+      maskUnits="userSpaceOnUse"
+      x={2}
+      y={2}
+      width={20}
+      height={20}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.879 2.879A3 3 0 1 1 9.12 7.12 3 3 0 0 1 4.88 2.88Zm10 0A3 3 0 1 1 19.12 7.12 3 3 0 0 1 14.88 2.88ZM8 9.749c0 .163-.054.32-.145.454A4.976 4.976 0 0 0 7 13c0 .52-.386 1-.907 1H3a1 1 0 0 1-1-1v-1a3 3 0 0 1 3-3h2.25a.75.75 0 0 1 .75.75Zm8 0c0 .163.054.32.145.454.54.798.855 1.76.855 2.797 0 .52.386 1 .907 1H21a1 1 0 0 0 1-1v-1a3 3 0 0 0-3-3h-2.25a.75.75 0 0 0-.75.75ZM8 22a1 1 0 0 1-1-1v-1a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v1a1 1 0 0 1-1 1H8Zm1.879-11.121a3 3 0 1 1 4.242 4.242A3 3 0 0 1 9.88 10.88Z"
+        fill="currentcolor"
+      />
+    </mask>
+    <g mask="url(#users-group-filled_svg__a)">
+      <path fill="currentcolor" d="M0 0h24v24H0z" />
+    </g>
+  </svg>
+);
+export default SvgUsersGroupFilled;

package/lib/react/tabler/VerifiedUser.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgVerifiedUser = (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-4"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M12 3a12 12 0 0 0 8.5 3A12.001 12.001 0 0 1 12 21 12 12 0 0 1 3.5 6 12 12 0 0 0 12 3Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgVerifiedUser;

package/lib/react/tabler/VerifiedUserFilled.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgVerifiedUserFilled = (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="M11.337 2.251a1 1 0 0 1 1.325 0 11 11 0 0 0 7.792 2.75 1 1 0 0 1 1.005.717 13 13 0 0 1-9.208 16.25 1 1 0 0 1-.502 0A13 13 0 0 1 2.54 5.718a1 1 0 0 1 1.006-.717 11 11 0 0 0 7.791-2.75Zm4.37 8.456a1 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 SvgVerifiedUserFilled;

package/lib/react/tabler/Video.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgVideo = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m15 10 4.553-2.276A1 1 0 0 1 21 8.618v6.764a1 1 0 0 1-1.447.894L15 14v-4ZM3 8a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgVideo;

package/lib/react/tabler/VideoFilled.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgVideoFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M5 5a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3v-.382l3.106 1.553A1.998 1.998 0 0 0 22 15.382V8.617a2 2 0 0 0-2.894-1.787L16 8.382V8a3 3 0 0 0-3-3H5Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgVideoFilled;

package/lib/react/tabler/ViewSidebar.tsx

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

package/lib/react/tabler/ViewSidebarFilled.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgViewSidebarFilled = (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 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6Zm0 2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8V5H6Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgViewSidebarFilled;

package/lib/react/tabler/VisibilityOff.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgVisibilityOff = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m3 3 18 18M10.584 10.587a2 2 0 1 0 2.828 2.83M9.363 5.365A9.466 9.466 0 0 1 12 5c4 0 7.333 2.333 10 7-.778 1.361-1.612 2.524-2.503 3.488m-2.14 1.861C15.726 18.449 13.942 19 12 19c-4 0-7.333-2.333-10-7 1.369-2.395 2.913-4.175 4.632-5.341"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgVisibilityOff;

package/lib/react/tabler/VisibilityOffFilled.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgVisibilityOffFilled = (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.293 2.293a1 1 0 0 1 1.414 0L15.635 14.22l2.428 2.42c.026.025.05.052.072.08l3.572 3.572a1 1 0 0 1-1.414 1.414l-3.087-3.087A10.32 10.32 0 0 1 12 20c-4.48 0-8.093-2.647-10.868-7.504a1 1 0 0 1 0-.992C2.31 9.444 3.637 7.777 5.127 6.54L2.293 3.707a1 1 0 0 1 0-1.414Zm12.535 11.121-4.242-4.242-.707.707a3 3 0 1 0 4.242 4.242l.707-.707ZM12 5a9.466 9.466 0 0 0-2.637.365l10.134 10.123c.891-.964 1.725-2.127 2.503-3.488-2.667-4.667-6-7-10-7Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgVisibilityOffFilled;

package/lib/react/tabler/VisibilityOn.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgVisibilityOn = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M10 12a2 2 0 1 0 4 0 2 2 0 0 0-4 0Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M22 12c-2.667 4.667-6 7-10 7s-7.333-2.333-10-7c2.667-4.667 6-7 10-7s7.333 2.333 10 7Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgVisibilityOn;

package/lib/react/tabler/VisibilityOnFilled.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgVisibilityOnFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 4c4.29 0 7.863 2.429 10.665 7.154l.22.379.045.1.03.083.014.055.014.082.011.1v.11l-.014.111a1.01 1.01 0 0 1-.026.11l-.039.108-.036.075-.016.03c-2.764 4.836-6.3 7.38-10.555 7.499L12 20c-4.396 0-8.037-2.549-10.868-7.504a1 1 0 0 1 0-.992C3.963 6.549 7.604 4 12 4Zm0 5a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgVisibilityOnFilled;

package/lib/react/tabler/Waiting.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgWaiting = (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 0ZM6 21v-2a4 4 0 0 1 4-4h1M17 14v4h4"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M13 18a4 4 0 1 0 8 0 4 4 0 0 0-8 0Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgWaiting;

package/lib/react/tabler/WaitingFilled.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgWaitingFilled = (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 0ZM6 21v-2a4 4 0 0 1 4-4h1M17 14v4h4"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M13 18a4 4 0 1 0 8 0 4 4 0 0 0-8 0Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgWaitingFilled;

package/lib/react/tabler/Warning.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgWarning = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 9v2m0 4v.01M5 19h14a2 2 0 0 0 1.84-2.75L13.74 4a2 2 0 0 0-3.5 0l-7.1 12.25A2 2 0 0 0 4.89 19"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgWarning;

package/lib/react/tabler/WarningFilled.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgWarningFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M11.99 1.968c1.023 0 1.97.521 2.512 1.359l.103.172 7.1 12.25.062.126a3 3 0 0 1-2.568 4.117l-.2.008H5l-.048-.003-.112.002a3 3 0 0 1-2.268-1.226l-.11-.16a3 3 0 0 1-.32-2.545l.073-.194.06-.125L9.366 3.516a3 3 0 0 1 2.625-1.548h-.001ZM12.01 14l-.127.007a1 1 0 0 0 0 1.986L12 16l.127-.007a1 1 0 0 0 0-1.986L12.01 14ZM12 8a1 1 0 0 0-.993.883L11 9v2l.007.117a1 1 0 0 0 1.986 0L13 11V9l-.007-.117A1 1 0 0 0 12 8Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgWarningFilled;

package/lib/react/tabler/Windows.tsx

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgWindows = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <mask
+      id="windows_svg__a"
+      style={{
+        maskType: 'alpha',
+      }}
+      maskUnits="userSpaceOnUse"
+      x={3}
+      y={2}
+      width={18}
+      height={20}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="m17.9 4.995-4.9.613V11h6V5.9c0-.462-.442-.95-1.1-.905ZM19 13h-6v5.392l4.48.56a1 1 0 0 1 .499-.036c.47.086 1.021-.323 1.021-.916v-5Zm-8-2V5.858l-5.076.634a1.011 1.011 0 0 1-.025.003C5.354 6.55 5 6.97 5 7.4V11h6Zm-6 2h6v5.142l-5.076-.634a.677.677 0 0 0-.025-.003C5.354 17.451 5 17.032 5 16.6V13Zm-2-1V7.4c0-1.564 1.238-2.742 2.687-2.894l11.989-1.498a.998.998 0 0 1 .041-.004C19.45 2.859 21 4.166 21 5.9V18c0 1.613-1.314 2.895-2.827 2.928a.999.999 0 0 1-.497.064L5.687 19.494C4.237 19.342 3 18.164 3 16.6V12Z"
+        fill="currentcolor"
+      />
+    </mask>
+    <g mask="url(#windows_svg__a)">
+      <path fill="currentcolor" d="M0 0h24v24H0z" />
+    </g>
+  </svg>
+);
+export default SvgWindows;

package/lib/react/tabler/WindowsFilled.tsx

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgWindowsFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <mask
+      id="windows-filled_svg__a"
+      style={{
+        maskType: 'alpha',
+      }}
+      maskUnits="userSpaceOnUse"
+      x={3}
+      y={2}
+      width={18}
+      height={19}
+    >
+      <path
+        d="m10 5-4.2.5c-1 .1-1.8.9-1.8 1.9V10h6V5ZM4 14v2.6c0 1 .8 1.8 1.8 1.9l4.2.5v-5H4ZM14 19.5l3.8.4c1.1.2 2.2-.7 2.2-1.9v-4h-6v5.5ZM20 10h-6V4.5l3.8-.5c1.2-.1 2.2.8 2.2 1.9V10Z"
+        fill="currentcolor"
+      />
+      <path
+        d="m5.8 5.5.1.995a.973.973 0 0 0 .018-.002L5.8 5.5ZM10 5h1V3.874l-1.118.133L10 5Zm-6 5H3v1h1v-1Zm6 0v1h1v-1h-1Zm-6 4v-1H3v1h1Zm1.8 4.5.118-.993-.019-.002-.099.995Zm4.2.5-.118.993 1.118.133V19h-1Zm0-5h1v-1h-1v1Zm4 5.5h-1v.9l.895.095L14 19.5Zm3.8.4.179-.984a.982.982 0 0 0-.074-.01l-.105.994ZM20 14h1v-1h-1v1Zm-6 0v-1h-1v1h1Zm6-4v1h1v-1h-1Zm-6 0h-1v1h1v-1Zm0-5.5-.13-.991-.87.114V4.5h1Zm3.8-.5-.083-.997a.988.988 0 0 0-.047.006L17.8 4ZM5.918 6.493l4.2-.5-.236-1.986-4.2.5.236 1.986ZM5 7.4c0-.431.354-.85.9-.905l-.2-1.99C4.247 4.65 3 5.832 3 7.4h2ZM5 10V7.4H3V10h2Zm5-1H4v2h6V9ZM9 5v5h2V5H9ZM5 16.6V14H3v2.6h2Zm.9.905c-.546-.054-.9-.473-.9-.905H3c0 1.569 1.246 2.75 2.7 2.895l.2-1.99Zm4.218.502-4.2-.5-.236 1.986 4.2.5.236-1.986ZM9 14v5h2v-5H9Zm-5 1h6v-2H4v2Zm15 3c0 .593-.552 1.002-1.021.916l-.358 1.968C19.351 21.198 21 19.807 21 18h-2Zm0-4v4h2v-4h-2Zm-5 1h6v-2h-6v2Zm1 4.5V14h-2v5.5h2ZM20 9h-6v2h6V9Zm-5 1V4.5h-2V10h2Zm-.87-4.509 3.8-.5-.26-1.982-3.8.5.26 1.982Zm3.753-.494C18.55 4.94 19 5.434 19 5.9h2c0-1.734-1.55-3.041-3.283-2.897l.166 1.994ZM19 5.9V10h2V5.9h-2Zm-1.095 13.005-3.8-.4-.21 1.99 3.8.4.21-1.99Z"
+        fill="currentcolor"
+      />
+    </mask>
+    <g mask="url(#windows-filled_svg__a)">
+      <path fill="currentcolor" d="M0 0h24v24H0z" />
+    </g>
+  </svg>
+);
+export default SvgWindowsFilled;

package/lib/react/tabler/World.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgWorld = (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 12ZM3.6 9h16.8M3.6 15h16.8"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M11.5 3a17 17 0 0 0 0 18M12.5 3a17 17 0 0 1 0 18"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgWorld;

package/lib/react/tabler/WorldFilled.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgWorldFilled = (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="M10.772 2.076A10 10 0 0 0 2.835 8h5.59a19.373 19.373 0 0 1 2.347-5.924ZM2.202 10a10 10 0 0 0 0 4h5.903a19.04 19.04 0 0 1 0-4H2.202Zm.633 6a10 10 0 0 0 7.937 5.924A19.372 19.372 0 0 1 8.425 16h-5.59Zm11.35 5.759A9.998 9.998 0 0 0 21.164 16h-5.453a25.394 25.394 0 0 1-1.528 5.759ZM21.797 14a10.002 10.002 0 0 0 0-4h-5.87a27.996 27.996 0 0 1 0 4h5.87Zm-.633-6h-5.453a25.395 25.395 0 0 0-1.528-5.758A9.997 9.997 0 0 1 21.165 8ZM12.42 3.218c.58 1.5 1.007 3.11 1.27 4.782h-3.213a17.384 17.384 0 0 1 1.943-4.782ZM10.118 10h3.805a25.98 25.98 0 0 1 0 4h-3.805a17.027 17.027 0 0 1 0-4Zm.358 6h3.213a23.409 23.409 0 0 1-1.27 4.782A17.385 17.385 0 0 1 10.476 16Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgWorldFilled;