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

package/lib/react/tabler/Notifications.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgNotifications = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M10 5a2 2 0 1 1 4 0 7 7 0 0 1 4 6v3a4 4 0 0 0 2 3H4a4 4 0 0 0 2-3v-3a7 7 0 0 1 4-6ZM9 17v1a3 3 0 0 0 6 0v-1"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgNotifications;

package/lib/react/tabler/NotificationsFilled.tsx

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgNotificationsFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g clipPath="url(#notifications-filled_svg__a)" fill="#000">
+      <path d="M14.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 19ZM12 2c1.358 0 2.506.903 2.875 2.141l.046.171.008.043a8.014 8.014 0 0 1 4.024 6.069l.028.287L19 11v2.931l.02.136a3 3 0 0 0 1.144 1.847l.167.117.162.099c.86.487.56 1.766-.377 1.864L20 18H4c-1.028 0-1.387-1.364-.493-1.87a3 3 0 0 0 1.472-2.063L5 13.924v-2.97A8 8 0 0 1 8.823 4.5l.248-.146.01-.043a3.003 3.003 0 0 1 2.562-2.29l.182-.017L12 2Z" />
+    </g>
+    <defs>
+      <clipPath id="notifications-filled_svg__a">
+        <path fill="#fff" d="M0 0h24v24H0z" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+
+export default SvgNotificationsFilled;

package/lib/react/tabler/NumberedList.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgNumberedList = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M11 6h9M11 12h9M12 18h8M4 16a2 2 0 0 1 4 0c0 .591-.5 1-1 1.5L4 20h4M6 10V4L4 6"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgNumberedList;

package/lib/react/tabler/NumberedListFilled.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgNumberedListFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M11 6h9M11 12h9M12 18h8M4 16a2 2 0 0 1 4 0c0 .591-.5 1-1 1.5L4 20h4M6 10V4L4 6"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgNumberedListFilled;

package/lib/react/tabler/Objects.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgObjects = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M3 12h1m8-9v1m8 8h1M5.6 5.6l.7.7m12.1-.7-.7.7M9 16a5 5 0 1 1 6 0 3.5 3.5 0 0 0-1 3 2 2 0 0 1-4 0 3.499 3.499 0 0 0-1-3ZM9.7 17h4.6"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgObjects;

package/lib/react/tabler/ObjectsFilled.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgObjectsFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M4 11a1 1 0 0 1 .117 1.993L4 13H3a1 1 0 0 1-.117-1.993L3 11h1ZM12 2a1 1 0 0 1 .993.883L13 3v1a1 1 0 0 1-1.993.117L11 4V3a1 1 0 0 1 1-1ZM21 11a1 1 0 0 1 .117 1.993L21 13h-1a1 1 0 0 1-.117-1.993L20 11h1ZM4.893 4.893a1 1 0 0 1 1.32-.083l.094.083.7.7a1 1 0 0 1-1.32 1.497l-.094-.083-.7-.7a1 1 0 0 1 0-1.414ZM17.693 4.893a1 1 0 0 1 1.497 1.32l-.083.094-.7.7a1 1 0 0 1-1.497-1.32l.083-.094.7-.7ZM14 18a1 1 0 0 1 1 1 3 3 0 0 1-6 0 1 1 0 0 1 .883-.993L10 18h4ZM12 6a6 6 0 0 1 3.6 10.8 1 1 0 0 1-.471.192L15 17H9a1 1 0 0 1-.6-.2A6 6 0 0 1 12 6Z"
+      fill="#000"
+    />
+  </svg>
+);
+
+export default SvgObjectsFilled;

package/lib/react/tabler/OpenInNew.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgOpenInNew = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M11 7H6a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2v-5M10 14 20 4M15 4h5v5"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgOpenInNew;

package/lib/react/tabler/OpenInNewFilled.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgOpenInNewFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M11 7H6a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2v-5M10 14 20 4M15 4h5v5"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgOpenInNewFilled;

package/lib/react/tabler/Palette.tsx

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgPalette = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g
+      clipPath="url(#palette_svg__a)"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <path d="M12 21a9 9 0 0 1 0-18c2.387 0 4.676.843 6.364 2.343C20.052 6.843 21 8.878 21 11c0 1.06-.474 2.078-1.318 2.828-.844.75-1.988 1.172-3.182 1.172H14a2 2 0 0 0-1 3.75A1.3 1.3 0 0 1 12 21" />
+      <path
+        d="M7.5 11a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM12 8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM16.5 11a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"
+        fill="#000"
+      />
+    </g>
+    <defs>
+      <clipPath id="palette_svg__a">
+        <path fill="#fff" d="M0 0h24v24H0z" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+
+export default SvgPalette;

package/lib/react/tabler/PaletteFilled.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgPaletteFilled = (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 2a10 10 0 0 0-.04 20 2.3 2.3 0 0 0 1.718-3.985 1 1 0 0 0-.194-.14 1 1 0 0 1 .5-1.875H16.5c1.423 0 2.808-.502 3.846-1.424C21.388 13.65 22 12.366 22 11c0-2.428-1.086-4.728-2.972-6.404C17.146 2.923 14.617 2 12 2Zm0 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM7.5 9a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm9 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"
+      fill="#000"
+    />
+  </svg>
+);
+
+export default SvgPaletteFilled;

package/lib/react/tabler/People.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgPeople = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M5 7a4 4 0 1 0 8 0 4 4 0 0 0-8 0ZM3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2M16 3.13a4 4 0 0 1 0 7.75M21 21v-2a4 4 0 0 0-3-3.85"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgPeople;

package/lib/react/tabler/PeopleFilled.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgPeopleFilled = (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="M9 2a5 5 0 1 0 0 10A5 5 0 0 0 9 2Zm7.25.159a1 1 0 0 0-1.133 1.437v.001l.005.01.025.049a9.354 9.354 0 0 1 .409.986C15.786 5.304 16 6.154 16 7c0 .846-.214 1.696-.444 2.358a9.36 9.36 0 0 1-.434 1.035l-.005.01a1 1 0 0 0 1.133 1.438 4.999 4.999 0 0 0 0-9.682ZM7 14a5 5 0 0 0-5 5v2a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2a5 5 0 0 0-5-5H7Zm11.447.105a1 1 0 0 0-1.341 1.342C17.982 17.2 18 19.664 18 21a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2.006a5 5 0 0 0-1.056-3.044c-.525-.674-1.441-1.317-2.497-1.845Z"
+      fill="#000"
+    />
+  </svg>
+);
+
+export default SvgPeopleFilled;

package/lib/react/tabler/Person.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgPerson = (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-4h4a4 4 0 0 1 4 4v2"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgPerson;

package/lib/react/tabler/PersonAdd.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgPersonAdd = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M5 7a4 4 0 1 0 8 0 4 4 0 0 0-8 0ZM3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2M16 11h6m-3-3v6"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgPersonAdd;

package/lib/react/tabler/PersonAddFilled.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgPersonAddFilled = (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="M9 2a5 5 0 1 0 0 10A5 5 0 0 0 9 2ZM7 14a5 5 0 0 0-5 5v2a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2a5 5 0 0 0-5-5H7ZM19 7a1 1 0 0 1 1 1v2h2a1 1 0 1 1 0 2h-2v2a1 1 0 1 1-2 0v-2h-2a1 1 0 1 1 0-2h2V8a1 1 0 0 1 1-1Z"
+      fill="#000"
+    />
+  </svg>
+);
+
+export default SvgPersonAddFilled;

package/lib/react/tabler/PersonFilled.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgPersonFilled = (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 2a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm-2 12a5 5 0 0 0-5 5v2a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2a5 5 0 0 0-5-5h-4Z"
+      fill="#000"
+    />
+  </svg>
+);
+
+export default SvgPersonFilled;

package/lib/react/tabler/Pinned.tsx

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgPinned = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g
+      clipPath="url(#pinned_svg__a)"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <path d="M9 4v6l-2 4v2h10v-2l-2-4V4M12 16v5M8 4h8" />
+    </g>
+    <defs>
+      <clipPath id="pinned_svg__a">
+        <path fill="#fff" d="M0 0h24v24H0z" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+
+export default SvgPinned;

package/lib/react/tabler/PinnedFilled.tsx

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgPinnedFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g clipPath="url(#pinned-filled_svg__a)">
+      <path d="M9 4v6l-2 4v2h10v-2l-2-4V4" fill="#000" />
+      <path
+        d="M9 4v6l-2 4v2h10v-2l-2-4V4M12 16v5M8 4h8"
+        stroke="#000"
+        strokeWidth={2}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="pinned-filled_svg__a">
+        <path fill="#fff" d="M0 0h24v24H0z" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+
+export default SvgPinnedFilled;

package/lib/react/tabler/Place.tsx

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgPlace = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M9 11a3 3 0 1 0 6 0 3 3 0 0 0-6 0Z"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M17.657 16.657 13.414 20.9a2 2 0 0 1-2.827 0l-4.244-4.243a8 8 0 1 1 11.314 0Z"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgPlace;

package/lib/react/tabler/PlaceFilled.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgPlaceFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M18.364 4.636a9 9 0 0 1 .203 12.52l-.203.21-4.243 4.241a3 3 0 0 1-4.097.135l-.144-.135-4.244-4.243A9 9 0 0 1 18.364 4.636ZM12 8a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z"
+      fill="#000"
+    />
+  </svg>
+);
+
+export default SvgPlaceFilled;

package/lib/react/tabler/PlayArrow.tsx

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

package/lib/react/tabler/PlayArrowFilled.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgPlayArrowFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M6 4v16a1 1 0 0 0 1.524.852l13-8a1 1 0 0 0 0-1.704l-13-8A1 1 0 0 0 6 4Z"
+      fill="#000"
+    />
+  </svg>
+);
+
+export default SvgPlayArrowFilled;

package/lib/react/tabler/PlayCircle.tsx

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgPlayCircle = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m15 12-4-3v6l4-3Z"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <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"
+    />
+  </svg>
+);
+
+export default SvgPlayCircle;

package/lib/react/tabler/PlayCircleFilled.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgPlayCircleFilled = (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.444 5.3c.374-.124.804-.055 1.09.173l4 3.2c.39.313.39.82 0 1.132l-4 3.2c-.286.229-.716.297-1.09.173-.373-.124-.617-.415-.617-.739V8.8c0-.324.244-.615.617-.74Z"
+      fill="#000"
+    />
+  </svg>
+);
+
+export default SvgPlayCircleFilled;

package/lib/react/tabler/Position.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgPosition = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m18 9 3 3-3 3M15 12h6M6 9l-3 3 3 3M3 12h6M9 18l3 3 3-3M12 15v6M15 6l-3-3-3 3M12 3v6"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgPosition;

package/lib/react/tabler/PositionFilled.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgPositionFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m18 9 3 3-3 3M15 12h6M6 9l-3 3 3 3M3 12h6M9 18l3 3 3-3M12 15v6M15 6l-3-3-3 3M12 3v6"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgPositionFilled;

package/lib/react/tabler/PowerSettings.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgPowerSettings = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M7 6a7.75 7.75 0 1 0 10 0M12 4v8"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgPowerSettings;

package/lib/react/tabler/PowerSettingsFilled.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+
+const SvgPowerSettingsFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M7 6a7.75 7.75 0 1 0 10 0M12 4v8"
+      stroke="#000"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default SvgPowerSettingsFilled;