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

package/lib/react/tabler/OpenwidgetColored.tsx

@@ -0,0 +1,156 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgOpenwidgetColored = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <mask
+      id="openwidget-colored_svg__a"
+      style={{
+        maskType: 'alpha',
+      }}
+      maskUnits="userSpaceOnUse"
+      x={2}
+      y={3}
+      width={20}
+      height={18}
+    >
+      <path
+        d="M12.052 3.286c1.851 0 3.77.067 5.49.202 2.248.202 4.1 1.956 4.299 4.316l.023.407.024.517c.024.568.048 1.856.072 3.864l-.013.651a74.802 74.802 0 0 1-.106 2.867c-.199 2.36-2.05 4.113-4.3 4.316-1.563.122-3.29.19-4.983.2l-.51.002c-1.853 0-3.77-.068-5.49-.203-2.25-.202-4.102-1.955-4.3-4.315l-.023-.408-.017-.346a99.676 99.676 0 0 1-.075-2.556v-1.687l.013-.646c.024-1.055.06-1.996.102-2.663.198-2.36 2.05-4.114 4.3-4.316 1.563-.122 3.29-.19 4.983-.2l.51-.002Zm-.003 3.305-.605.002-.585.008c-1.365.024-2.72.088-4.037.191-.728.068-1.257.607-1.323 1.282l-.022.242c-.061.72-.1 1.731-.124 2.842v1.597l.015.61c.027.993.07 1.87.131 2.475.066.674.595 1.214 1.323 1.281 1.317.104 2.672.167 4.037.192l.585.007.645.003.566-.002a67.6 67.6 0 0 0 4.622-.2c.727-.067 1.257-.606 1.323-1.28l.022-.243c.075-.882.117-2.2.137-3.602l-.014-.838-.014-.61c-.028-.993-.07-1.87-.131-2.475-.066-.674-.596-1.213-1.323-1.28A67.039 67.039 0 0 0 13.24 6.6l-.585-.008-.606-.002Z"
+        fill="#fff"
+      />
+    </mask>
+    <g
+      mask="url(#openwidget-colored_svg__a)"
+      fillRule="evenodd"
+      clipRule="evenodd"
+    >
+      <path
+        d="M12.05-.43c3.296 0 6.542 1.527 8.767 3.628.044.041.007-.18.304.26l-9.071 8.499V-.431Z"
+        fill="url(#openwidget-colored_svg__b)"
+      />
+      <path
+        d="M20.817 3.198c2.338 2.334 3.548 5.538 3.629 8.603l.003.71-12.4-.554 8.768-8.76Z"
+        fill="url(#openwidget-colored_svg__c)"
+      />
+      <path
+        d="M24.45 11.957c0 3.257-1.26 6.221-3.318 8.433-.063.068-.337.26-.402.326l-8.68-8.76h12.4Z"
+        fill="url(#openwidget-colored_svg__d)"
+      />
+      <path
+        d="M20.94 20.592c-2.333 2.331-5.651 3.66-8.72 3.748-.056.002-.934 0-.99 0l.82-12.383 8.89 8.635Z"
+        fill="url(#openwidget-colored_svg__e)"
+      />
+      <path
+        d="M12.05 24.344c-3.314 0-6.444-1.417-8.672-3.536-.032-.03-.508-.562-.54-.593l9.212-8.258v12.387Z"
+        fill="url(#openwidget-colored_svg__f)"
+      />
+      <path
+        d="M3.282 20.716C.967 18.403-.242 15.239-.344 12.2c-.003-.081 0-.747 0-.828l12.393.584-8.767 8.759Z"
+        fill="url(#openwidget-colored_svg__g)"
+      />
+      <path
+        d="M-.35 11.957c0-3.284 1.28-6.27 3.368-8.487.047-.05.515-.394.563-.443l8.469 8.93H-.35Z"
+        fill="url(#openwidget-colored_svg__h)"
+      />
+      <path
+        d="M3.16 3.321C5.456 1.027 8.707-.296 11.734-.422c.105-.004.437-.007.542-.009l-.226 12.388L3.16 3.32Z"
+        fill="url(#openwidget-colored_svg__i)"
+      />
+    </g>
+    <defs>
+      <linearGradient
+        id="openwidget-colored_svg__b"
+        x1={12.261}
+        y1={5.345}
+        x2={17.277}
+        y2={5.607}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#B349D9" />
+        <stop offset={1} stopColor="#F53547" />
+      </linearGradient>
+      <linearGradient
+        id="openwidget-colored_svg__c"
+        x1={18.29}
+        y1={5.293}
+        x2={18.591}
+        y2={11.501}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#F13354" />
+        <stop offset={1} stopColor="#FF4200" />
+      </linearGradient>
+      <linearGradient
+        id="openwidget-colored_svg__d"
+        x1={20.545}
+        y1={12.371}
+        x2={19.464}
+        y2={17.468}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#FF4200" />
+        <stop offset={1} stopColor="#FFD000" />
+      </linearGradient>
+      <linearGradient
+        id="openwidget-colored_svg__e"
+        x1={17.347}
+        y1={17.77}
+        x2={12.495}
+        y2={17.62}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#FFD000" />
+        <stop offset={1} stopColor="#72CE3A" />
+      </linearGradient>
+      <linearGradient
+        id="openwidget-colored_svg__f"
+        x1={6.547}
+        y1={18.19}
+        x2={12.01}
+        y2={18.307}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#02B296" />
+        <stop offset={1} stopColor="#72CE3A" />
+      </linearGradient>
+      <linearGradient
+        id="openwidget-colored_svg__g"
+        x1={3.611}
+        y1={12.003}
+        x2={5.12}
+        y2={17.641}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#2173DA" />
+        <stop offset={1} stopColor="#02B195" />
+      </linearGradient>
+      <linearGradient
+        id="openwidget-colored_svg__h"
+        x1={6.717}
+        y1={7.492}
+        x2={4.94}
+        y2={10.074}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#3750FF" />
+        <stop offset={1} stopColor="#2172D9" />
+      </linearGradient>
+      <linearGradient
+        id="openwidget-colored_svg__i"
+        x1={11.58}
+        y1={4.978}
+        x2={6.294}
+        y2={4.209}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#B44ADA" />
+        <stop offset={1} stopColor="#364FFE" />
+      </linearGradient>
+    </defs>
+  </svg>
+);
+export default SvgOpenwidgetColored;

package/lib/react/tabler/OperaColored.tsx

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgOperaColored = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g clipPath="url(#opera-colored_svg__a)">
+      <path
+        d="M8.05 18.763c-1.328-1.567-2.187-3.88-2.244-6.48v-.566c.057-2.6.916-4.913 2.244-6.48 1.723-2.235 4.281-3.653 7.137-3.653 1.757 0 3.403.538 4.81 1.471A11.947 11.947 0 0 0 12.046 0H12C5.374 0 0 5.374 0 12c0 6.437 5.066 11.688 11.429 11.986a11.953 11.953 0 0 0 8.568-3.038 8.67 8.67 0 0 1-4.81 1.468c-2.856 0-5.414-1.418-7.137-3.653Z"
+        fill="url(#opera-colored_svg__b)"
+      />
+      <path
+        d="M8.05 5.237c1.101-1.301 2.522-2.083 4.077-2.083 3.495 0 6.324 3.96 6.324 8.846s-2.832 8.846-6.324 8.846c-1.552 0-2.976-.784-4.077-2.083 1.723 2.235 4.281 3.653 7.137 3.653a8.675 8.675 0 0 0 4.81-1.469A11.97 11.97 0 0 0 24 12c0-3.554-1.545-6.749-4.003-8.945a8.652 8.652 0 0 0-4.81-1.471c-2.856 0-5.414 1.418-7.137 3.653Z"
+        fill="url(#opera-colored_svg__c)"
+      />
+    </g>
+    <defs>
+      <linearGradient
+        id="opera-colored_svg__b"
+        x1={9.999}
+        y1={0.391}
+        x2={9.999}
+        y2={23.651}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop offset={0.3} stopColor="#FF1B2D" />
+        <stop offset={0.438} stopColor="#FA1A2C" />
+        <stop offset={0.594} stopColor="#ED1528" />
+        <stop offset={0.758} stopColor="#D60E21" />
+        <stop offset={0.927} stopColor="#B70519" />
+        <stop offset={1} stopColor="#A70014" />
+      </linearGradient>
+      <linearGradient
+        id="opera-colored_svg__c"
+        x1={16.025}
+        y1={1.762}
+        x2={16.025}
+        y2={22.334}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#9C0000" />
+        <stop offset={0.7} stopColor="#FF4B4B" />
+      </linearGradient>
+      <clipPath id="opera-colored_svg__a">
+        <path fill="#fff" d="M0 0h24v24H0z" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+export default SvgOperaColored;

package/lib/react/tabler/Paw.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgPaw = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M5.69 12.918c.816-.352 1.054-1.719.536-3.052C5.79 8.742 4.955 8 4.216 8c-.14 0-.276.027-.406.082-.816.352-1.054 1.719-.536 3.052C3.71 12.258 4.544 13 5.283 13c.14 0 .277-.027.407-.082ZM14.7 13.5c-1.1-2-1.441-2.5-2.7-2.5-1.26 0-1.736.755-2.836 2.747-.942 1.703-2.846 1.845-3.321 3.291-.097.265-.145.677-.143.962 0 1.176.787 2 1.8 2 1.259 0 3-1 4.5-1s3.24 1 4.5 1c1.013 0 1.8-.823 1.8-2 0-.285-.05-.697-.146-.962-.475-1.451-2.512-1.835-3.454-3.538ZM9.474 9c.055 0 .11 0 .163-.011.944-.128 1.533-1.346 1.32-2.722C10.754 4.97 9.91 4 9.025 4c-.055 0-.109 0-.163.011-.944.128-1.533 1.346-1.32 2.722C7.746 8.026 8.59 9 9.475 9h0ZM16.456 6.733c.214-1.376-.375-2.594-1.32-2.722A1.164 1.164 0 0 0 14.974 4c-.885 0-1.728.97-1.93 2.267-.214 1.376.375 2.594 1.32 2.722.054.007.108.011.162.011.885 0 1.73-.974 1.93-2.267ZM20.188 8.082A1.04 1.04 0 0 0 19.782 8h-.015c-.735.012-1.56.75-1.993 1.866-.519 1.335-.28 2.7.538 3.052.13.055.267.082.406.082.74 0 1.575-.742 2.011-1.866.516-1.335.272-2.7-.54-3.052Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgPaw;

package/lib/react/tabler/PawFilled.tsx

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgPawFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M8.755 3.015c.085-.013.158-.015.27-.015 1.46 0 2.65 1.387 2.92 3.114.289 1.866-.575 3.649-2.108 3.855l-.092.016a1.26 1.26 0 0 1-.084.01L9.474 10c-1.458 0-2.648-1.389-2.92-3.114-.29-1.866.576-3.649 2.108-3.855l.093-.016ZM19.78 7h-.03c-1.219.02-2.35 1.066-2.908 2.504-.69 1.775-.348 3.72 1.075 4.333.256.109.527.163.801.163 1.231 0 2.38-1.053 2.943-2.504.686-1.774.34-3.72-1.076-4.332A2.054 2.054 0 0 0 19.78 7ZM12 10c-1.32 0-1.983.421-2.931 1.924l-.244.398-.395.688-.141.254c-.24.434-.571.753-1.14 1.142l-.55.365c-.94.627-1.431 1.118-1.706 1.955-.124.338-.196.853-.193 1.28C4.7 19.693 5.898 21 7.5 21l.242-.006c.119-.006.234-.017.354-.034l.248-.043.132-.028.29-.073.163-.045.57-.17.763-.243.455-.136c.53-.15.94-.222 1.283-.222.344 0 .753.073 1.283.222l.455.136.764.242.569.171.312.084c.097.024.187.045.273.062l.248.043c.12.017.235.028.354.034L16.5 21c1.602 0 2.8-1.307 2.8-3 0-.427-.073-.939-.207-1.306-.236-.724-.677-1.223-1.48-1.83l-.257-.19-.528-.38c-.642-.47-1.003-.826-1.253-1.278l-.27-.485-.252-.432C14.042 10.403 13.435 10 12 10Z"
+      fill="currentcolor"
+    />
+    <path
+      d="M14.972 3c-1.459 0-2.647 1.388-2.916 3.113-.29 1.867.574 3.65 2.174 3.867.103.013.2.02.296.02 1.39 0 2.543-1.265 2.877-2.883l.041-.23c.29-1.867-.574-3.65-2.174-3.867a2.152 2.152 0 0 0-.298-.02ZM3.42 7.161c.253-.107.523-.161.797-.161 1.231 0 2.378 1.053 2.941 2.504.69 1.773.348 3.72-1.078 4.335a2.042 2.042 0 0 1-.797.161c-1.23 0-2.378-1.053-2.94-2.504-.69-1.773-.349-3.72 1.077-4.335Z"
+      fill="currentcolor"
+    />
+    <path
+      d="M8.755 3.015c.085-.013.158-.015.27-.015 1.46 0 2.65 1.387 2.92 3.114.289 1.866-.575 3.649-2.108 3.855l-.092.016a1.26 1.26 0 0 1-.084.01L9.474 10c-1.458 0-2.648-1.389-2.92-3.114-.29-1.866.576-3.649 2.108-3.855l.093-.016ZM19.78 7h-.03c-1.219.02-2.35 1.066-2.908 2.504-.69 1.775-.348 3.72 1.075 4.333.256.109.527.163.801.163 1.231 0 2.38-1.053 2.943-2.504.686-1.774.34-3.72-1.076-4.332A2.054 2.054 0 0 0 19.78 7ZM12 10c-1.32 0-1.983.421-2.931 1.924l-.244.398-.395.688-.141.254c-.24.434-.571.753-1.14 1.142l-.55.365c-.94.627-1.431 1.118-1.706 1.955-.124.338-.196.853-.193 1.28C4.7 19.693 5.898 21 7.5 21l.242-.006c.119-.006.234-.017.354-.034l.248-.043.132-.028.29-.073.163-.045.57-.17.763-.243.455-.136c.53-.15.94-.222 1.283-.222.344 0 .753.073 1.283.222l.455.136.764.242.569.171.312.084c.097.024.187.045.273.062l.248.043c.12.017.235.028.354.034L16.5 21c1.602 0 2.8-1.307 2.8-3 0-.427-.073-.939-.207-1.306-.236-.724-.677-1.223-1.48-1.83l-.257-.19-.528-.38c-.642-.47-1.003-.826-1.253-1.278l-.27-.485-.252-.432C14.042 10.403 13.435 10 12 10Z"
+      stroke="currentcolor"
+    />
+    <path
+      d="M14.972 3c-1.459 0-2.647 1.388-2.916 3.113-.29 1.867.574 3.65 2.174 3.867.103.013.2.02.296.02 1.39 0 2.543-1.265 2.877-2.883l.041-.23c.29-1.867-.574-3.65-2.174-3.867a2.152 2.152 0 0 0-.298-.02ZM3.42 7.161c.253-.107.523-.161.797-.161 1.231 0 2.378 1.053 2.941 2.504.69 1.773.348 3.72-1.078 4.335a2.042 2.042 0 0 1-.797.161c-1.23 0-2.378-1.053-2.94-2.504-.69-1.773-.349-3.72 1.077-4.335Z"
+      stroke="currentcolor"
+    />
+  </svg>
+);
+export default SvgPawFilled;

package/lib/react/tabler/Report.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgReport = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M15 19V9a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v10m6 0a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1m6 0a1 1 0 0 0 1 1h4m-5-1V5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1M9 19v-6a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h4m1-1a1 1 0 0 1-1 1m12 0H8"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgReport;

package/lib/react/tabler/ReportFilled.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgReportFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M9 9a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V9ZM15 5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V5ZM3 13a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-6Z"
+      fill="currentcolor"
+    />
+    <path
+      d="M15 19V9a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v10m6 0a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1m6 0a1 1 0 0 0 1 1h4m-5-1V5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1M9 19v-6a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h4m1-1a1 1 0 0 1-1 1m12 0H8"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgReportFilled;

package/lib/react/tabler/SafariColored.tsx

@@ -0,0 +1,91 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgSafariColored = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g clipPath="url(#safari-colored_svg__a)">
+      <path
+        d="M24 12A12 12 0 1 1-.002 12 12 12 0 0 1 24 12Z"
+        fill="url(#safari-colored_svg__b)"
+      />
+      <path
+        d="M23.06 12A11.06 11.06 0 1 1 .94 12a11.06 11.06 0 0 1 22.12 0Z"
+        fill="url(#safari-colored_svg__c)"
+      />
+      <path
+        d="M12 1.516a.16.16 0 0 0-.161.162v1.86a.16.16 0 1 0 .322 0v-1.86a.16.16 0 0 0-.16-.162Zm-1.055.067a.16.16 0 0 0-.176.177l.081.778a.16.16 0 1 0 .32-.033l-.08-.778a.161.161 0 0 0-.145-.144Zm2.117 0a.16.16 0 0 0-.144.145l-.082.778a.16.16 0 1 0 .32.033l.083-.778a.161.161 0 0 0-.177-.177Zm-3.2.157a.16.16 0 0 0-.157.195l.385 1.82a.161.161 0 1 0 .316-.067l-.386-1.82a.16.16 0 0 0-.158-.128Zm4.284.002a.16.16 0 0 0-.159.127l-.386 1.82a.16.16 0 1 0 .315.067l.387-1.82a.16.16 0 0 0-.157-.194Zm-5.318.29a.16.16 0 0 0-.167.21l.241.744a.16.16 0 1 0 .307-.1l-.242-.743a.16.16 0 0 0-.14-.111Zm6.346 0a.16.16 0 0 0-.14.111l-.241.744a.161.161 0 1 0 .307.1l.241-.744a.161.161 0 0 0-.167-.21Zm-7.37.374a.161.161 0 0 0-.144.227l.756 1.7a.16.16 0 1 0 .295-.131l-.756-1.7a.16.16 0 0 0-.15-.096Zm8.404.006a.161.161 0 0 0-.15.095L15.3 4.206a.16.16 0 1 0 .295.131l.758-1.698a.16.16 0 0 0-.145-.227Zm-9.352.496a.16.16 0 0 0-.15.242l.39.677a.16.16 0 1 0 .28-.16l-.392-.678a.16.16 0 0 0-.128-.08Zm10.289 0a.16.16 0 0 0-.129.08l-.39.678a.16.16 0 0 0 .058.22.16.16 0 0 0 .22-.059l.392-.677a.16.16 0 0 0-.151-.242Zm-11.211.575a.162.162 0 0 0-.125.256L6.9 5.245a.161.161 0 1 0 .261-.19L6.07 3.55a.16.16 0 0 0-.136-.067Zm12.144.008a.16.16 0 0 0-.136.067l-1.094 1.504a.16.16 0 1 0 .26.19l1.095-1.504a.161.161 0 0 0-.125-.257ZM5.11 4.174a.16.16 0 0 0-.128.269l.523.582a.16.16 0 1 0 .24-.216l-.524-.582a.16.16 0 0 0-.111-.053Zm13.782.001a.161.161 0 0 0-.112.054l-.523.58a.16.16 0 1 0 .24.217l.523-.582a.161.161 0 0 0-.128-.269ZM4.32 4.933a.161.161 0 0 0-.1.28l1.383 1.245a.16.16 0 1 0 .216-.24L4.437 4.974a.16.16 0 0 0-.117-.041Zm15.365.005a.16.16 0 0 0-.116.041l-1.384 1.244a.16.16 0 1 0 .216.24l1.383-1.244a.16.16 0 0 0-.099-.281Zm-16.021.839a.16.16 0 0 0-.1.292l.632.46a.16.16 0 1 0 .19-.26l-.633-.461a.161.161 0 0 0-.09-.031Zm16.677.006a.161.161 0 0 0-.09.03l-.632.46a.161.161 0 1 0 .189.261l.633-.46a.16.16 0 0 0-.1-.291ZM3.05 6.678a.16.16 0 0 0-.07.3l1.611.93a.16.16 0 1 0 .162-.279l-1.611-.93a.161.161 0 0 0-.092-.021Zm17.9 0a.16.16 0 0 0-.092.021l-1.61.93a.16.16 0 1 0 .16.28l1.612-.93a.161.161 0 0 0-.07-.301Zm-18.364.96a.16.16 0 0 0-.069.309l.715.318a.16.16 0 1 0 .131-.295l-.714-.318a.16.16 0 0 0-.063-.014Zm18.831.006a.162.162 0 0 0-.062.014l-.715.319a.16.16 0 1 0 .131.295l.715-.32a.16.16 0 0 0-.069-.308Zm-19.244.997a.16.16 0 0 0-.036.314l1.768.576a.16.16 0 1 0 .1-.306l-1.769-.576a.161.161 0 0 0-.063-.008Zm19.657.007a.156.156 0 0 0-.063.007l-1.77.575a.16.16 0 1 0 .1.307l1.77-.575a.16.16 0 0 0-.037-.314ZM1.915 9.694a.16.16 0 0 0-.035.32l.766.162a.161.161 0 1 0 .067-.315l-.766-.163a.158.158 0 0 0-.032-.003Zm20.17.002a.196.196 0 0 0-.032.003l-.765.163a.16.16 0 1 0 .067.315l.765-.162a.16.16 0 0 0-.034-.32ZM1.72 10.754a.16.16 0 0 0-.001.32l1.85.196a.16.16 0 1 0 .033-.32l-1.85-.196a.17.17 0 0 0-.032 0Zm20.562.014a.156.156 0 0 0-.033 0l-1.85.193a.16.16 0 1 0 .034.32l1.85-.192a.161.161 0 0 0 0-.321ZM1.69 11.838a.16.16 0 1 0 0 .323h.782a.16.16 0 1 0 0-.323h-.782Zm19.84 0a.16.16 0 1 0 0 .323h.783a.16.16 0 1 0 0-.323h-.783Zm-17.929.88a.15.15 0 0 0-.033 0l-1.85.193a.16.16 0 1 0 .034.32l1.85-.193a.16.16 0 0 0 0-.32Zm16.8.01a.161.161 0 0 0-.002.322l1.85.195a.16.16 0 1 0 .034-.32l-1.85-.196a.156.156 0 0 0-.033 0Zm-17.722 1.09a.165.165 0 0 0-.033.004l-.765.162a.16.16 0 1 0 .067.316l.765-.163a.16.16 0 0 0-.034-.319Zm18.644.002a.16.16 0 0 0-.034.319l.765.162a.16.16 0 1 0 .067-.315l-.765-.163a.158.158 0 0 0-.033-.003Zm-17.355.635a.157.157 0 0 0-.064.007l-1.769.575a.16.16 0 1 0 .1.307l1.769-.575a.16.16 0 0 0-.036-.314Zm16.065.005a.16.16 0 0 0-.036.314l1.768.577a.16.16 0 1 0 .1-.307l-1.768-.576a.163.163 0 0 0-.064-.008Zm-16.74 1.254a.16.16 0 0 0-.063.014l-.715.318a.16.16 0 1 0 .131.295l.715-.318a.16.16 0 0 0-.068-.309Zm17.414.006a.16.16 0 0 0-.069.309l.715.319a.16.16 0 0 0 .213-.082.16.16 0 0 0-.082-.213l-.714-.319a.16.16 0 0 0-.063-.014Zm-16.023.35a.16.16 0 0 0-.092.021l-1.61.93a.16.16 0 1 0 .16.28l1.612-.93a.161.161 0 0 0-.07-.301Zm14.634 0a.161.161 0 0 0-.07.3l1.611.93a.161.161 0 1 0 .162-.28l-1.611-.93a.16.16 0 0 0-.092-.02ZM4.282 17.434a.16.16 0 0 0-.09.031l-.633.46a.16.16 0 1 0 .19.26l.633-.459a.16.16 0 0 0-.1-.292Zm15.433.006a.16.16 0 0 0-.1.291l.633.46a.16.16 0 1 0 .19-.26l-.634-.46a.161.161 0 0 0-.09-.031Zm-14 .055a.16.16 0 0 0-.116.042L4.216 18.78a.16.16 0 1 0 .216.24l1.383-1.244a.16.16 0 0 0-.1-.28Zm12.566.005a.162.162 0 0 0-.1.28l1.383 1.245a.16.16 0 1 0 .215-.24l-1.382-1.244a.16.16 0 0 0-.116-.041ZM7.028 18.68a.16.16 0 0 0-.136.066l-1.094 1.505a.161.161 0 1 0 .26.19l1.095-1.505a.16.16 0 0 0-.125-.256Zm9.935.007a.161.161 0 0 0-.125.256l1.092 1.505a.161.161 0 1 0 .261-.19L17.1 18.755a.16.16 0 0 0-.136-.066Zm-11.347.232a.161.161 0 0 0-.112.053l-.523.582a.161.161 0 1 0 .24.216l.523-.582a.161.161 0 0 0-.128-.269Zm12.768 0a.16.16 0 0 0-.128.269l.523.582a.161.161 0 1 0 .24-.216l-.524-.58a.16.16 0 0 0-.111-.054Zm-9.828.646a.16.16 0 0 0-.15.096l-.758 1.698a.16.16 0 1 0 .294.131l.758-1.698a.16.16 0 0 0-.144-.227Zm6.878.005a.161.161 0 0 0-.144.226l.755 1.7a.16.16 0 0 0 .213.082.16.16 0 0 0 .082-.213l-.755-1.7a.161.161 0 0 0-.15-.096Zm-8.21.52a.16.16 0 0 0-.128.08l-.391.678a.16.16 0 1 0 .279.161l.391-.677a.16.16 0 0 0-.15-.242Zm9.552 0a.16.16 0 0 0-.15.242l.39.677a.16.16 0 1 0 .28-.161l-.392-.678a.161.161 0 0 0-.128-.08Zm-6.533.024a.16.16 0 0 0-.159.128l-.386 1.82a.161.161 0 1 0 .315.066l.387-1.819a.16.16 0 0 0-.157-.195Zm3.509.002a.16.16 0 0 0-.157.195l.385 1.819a.161.161 0 1 0 .316-.067l-.386-1.82a.16.16 0 0 0-.158-.128ZM12 20.3a.16.16 0 0 0-.161.161v1.86a.16.16 0 1 0 .322 0v-1.86a.16.16 0 0 0-.16-.161Zm-2.96.601a.16.16 0 0 0-.14.11l-.241.745a.16.16 0 1 0 .307.1l.241-.744a.16.16 0 0 0-.167-.211Zm5.919 0a.161.161 0 0 0-.167.21l.241.745a.16.16 0 1 0 .307-.1l-.242-.744a.16.16 0 0 0-.14-.11Zm-3.971.415a.16.16 0 0 0-.144.143l-.082.779a.16.16 0 1 0 .32.033l.082-.778a.16.16 0 0 0-.176-.177Zm2.018 0a.16.16 0 0 0-.176.177l.08.779a.16.16 0 1 0 .32-.034l-.08-.778a.161.161 0 0 0-.144-.143Z"
+        fill="#F4F2F3"
+      />
+      <g opacity={0.409} filter="url(#safari-colored_svg__d)">
+        <path
+          d="m19.558 5.55-8.822 5.126-5.578 8.781 8.16-6.044 6.24-7.863Z"
+          fill="#000"
+        />
+      </g>
+      <path
+        d="m13.264 13.324-2.528-2.648 8.97-6.034-6.442 8.682Z"
+        fill="#FF5150"
+      />
+      <path
+        d="m13.264 13.324-2.528-2.648-6.442 8.682 8.97-6.034Z"
+        fill="#F1F1F1"
+      />
+      <path
+        opacity={0.243}
+        d="m4.294 19.358 8.97-6.034 6.442-8.683L4.294 19.358Z"
+        fill="#000"
+      />
+    </g>
+    <defs>
+      <radialGradient
+        id="safari-colored_svg__c"
+        cx={0}
+        cy={0}
+        r={1}
+        gradientUnits="userSpaceOnUse"
+        gradientTransform="matrix(12.0001 0 0 12 12.05 10.388)"
+      >
+        <stop stopColor="#06C2E7" />
+        <stop offset={0.25} stopColor="#0DB8EC" />
+        <stop offset={0.5} stopColor="#12AEF1" />
+        <stop offset={0.75} stopColor="#1F86F9" />
+        <stop offset={1} stopColor="#107DDD" />
+      </radialGradient>
+      <linearGradient
+        id="safari-colored_svg__b"
+        x1={12}
+        y1={24}
+        x2={12}
+        y2={0}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#BDBDBD" />
+        <stop offset={1} stopColor="#fff" />
+      </linearGradient>
+      <clipPath id="safari-colored_svg__a">
+        <path fill="#fff" d="M0 0h24v24H0z" />
+      </clipPath>
+      <filter
+        id="safari-colored_svg__d"
+        x={4.484}
+        y={4.877}
+        width={15.747}
+        height={15.254}
+        filterUnits="userSpaceOnUse"
+        colorInterpolationFilters="sRGB"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+        <feGaussianBlur
+          stdDeviation={0.337}
+          result="effect1_foregroundBlur_17205_8696"
+        />
+      </filter>
+    </defs>
+  </svg>
+);
+export default SvgSafariColored;

package/lib/react/tabler/SegmentColored.tsx

@@ -0,0 +1,64 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgSegmentColored = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 25"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g clipPath="url(#segment-colored_svg__a)">
+      <mask
+        id="segment-colored_svg__b"
+        style={{
+          maskType: 'alpha',
+        }}
+        maskUnits="userSpaceOnUse"
+        x={0}
+        y={14}
+        width={23}
+        height={11}
+      >
+        <path d="M22.704 24.113H0v-9.348h22.704v9.348Z" fill="#fff" />
+      </mask>
+      <g
+        mask="url(#segment-colored_svg__b)"
+        fillRule="evenodd"
+        clipRule="evenodd"
+      >
+        <path
+          d="M14.96 17.07H1.153a1.152 1.152 0 1 1 0-2.305h13.809a1.152 1.152 0 1 1 0 2.305Z"
+          fill="#93C8A2"
+        />
+        <path
+          d="M12 24.13c-1.125 0-2.236-.167-3.302-.498a1.153 1.153 0 0 1 .682-2.202 8.825 8.825 0 0 0 2.62.395c3.91 0 7.306-2.51 8.45-6.247a1.153 1.153 0 0 1 2.203.675A11.081 11.081 0 0 1 12 24.13Z"
+          fill="#43AF79"
+        />
+      </g>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M22.848 11.215H9.04a1.152 1.152 0 1 1 0-2.305h13.808a1.152 1.152 0 1 1 0 2.305Z"
+        fill="#93C8A2"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.449 11.216a1.152 1.152 0 0 1-1.102-1.49A11.08 11.08 0 0 1 12 1.85c1.126 0 2.237.167 3.302.498a1.153 1.153 0 1 1-.682 2.201A8.915 8.915 0 0 0 12 4.158a8.787 8.787 0 0 0-8.45 6.247 1.154 1.154 0 0 1-1.1.815"
+        fill="#43AF79"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M19.993 5.671a1.153 1.153 0 1 1-2.305 0 1.153 1.153 0 0 1 2.305 0ZM6.312 20.311a1.153 1.153 0 1 1-2.306 0 1.153 1.153 0 0 1 2.306 0Z"
+        fill="#93C8A2"
+      />
+    </g>
+    <defs>
+      <clipPath id="segment-colored_svg__a">
+        <path fill="#fff" transform="translate(0 .85)" d="M0 0h24v24H0z" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+export default SvgSegmentColored;

package/lib/react/tabler/ShopifyColored.tsx

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgShopifyColored = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 25"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g clipPath="url(#shopify-colored_svg__a)">
+      <g clipPath="url(#shopify-colored_svg__b)">
+        <path
+          d="M19.394 5.564a.23.23 0 0 0-.209-.194l-1.922-.143L15.85 3.82c-.14-.14-.414-.097-.52-.066l-.713.22c-.426-1.225-1.177-2.35-2.499-2.35-.036 0-.074 0-.112.003-.376-.497-.841-.713-1.243-.713-3.08 0-4.55 3.85-5.012 5.805l-2.155.669c-.668.21-.69.23-.777.86-.066.476-1.814 13.991-1.814 13.991l13.618 2.551L22 23.195S19.41 5.684 19.394 5.564Zm-5.53-1.356-1.153.357.001-.249c0-.761-.106-1.374-.275-1.86.681.085 1.135.86 1.427 1.752Zm-2.272-1.601c.19.474.312 1.155.312 2.074v.134l-2.38.737c.458-1.769 1.317-2.623 2.068-2.945Zm-.915-.866c.133 0 .267.045.395.133-.987.464-2.045 1.634-2.491 3.97l-1.882.582c.524-1.781 1.766-4.685 3.978-4.685Z"
+          fill="#95BF46"
+        />
+        <path
+          d="m19.185 5.37-1.922-.143-1.415-1.405a.349.349 0 0 0-.196-.09l-1.03 21.06L22 23.194 19.393 5.564a.23.23 0 0 0-.208-.194"
+          fill="#5E8E3E"
+        />
+        <path
+          d="m12.117 9.447-.91 2.706s-.797-.426-1.774-.426c-1.433 0-1.505.9-1.505 1.126 0 1.236 3.222 1.71 3.222 4.605 0 2.277-1.444 3.744-3.392 3.744-2.338 0-3.533-1.455-3.533-1.455l.626-2.068s1.228 1.055 2.265 1.055c.678 0 .953-.533.953-.923 0-1.612-2.643-1.684-2.643-4.333 0-2.23 1.6-4.388 4.831-4.388 1.245 0 1.86.357 1.86.357"
+          fill="#fff"
+        />
+      </g>
+    </g>
+    <defs>
+      <clipPath id="shopify-colored_svg__a">
+        <path fill="#fff" transform="translate(0 .85)" d="M0 0h24v24H0z" />
+      </clipPath>
+      <clipPath id="shopify-colored_svg__b">
+        <path fill="#fff" transform="translate(1 .85)" d="M0 0h21.043v24H0z" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+export default SvgShopifyColored;

package/lib/react/tabler/Spy.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgSpy = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M3 12h18M5 12V8a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v4m-5 6a3 3 0 1 0 6 0 3 3 0 0 0-6 0Zm0 0h-4m0 0a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgSpy;

package/lib/react/tabler/SpyFilled.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgSpyFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M3 12h18ZM5 12V8a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v4M14 18a3 3 0 1 0 6 0 3 3 0 0 0-6 0ZM10 18h4ZM4 18a3 3 0 1 0 6 0 3 3 0 0 0-6 0Z"
+      fill="currentcolor"
+    />
+    <path
+      d="M3 12h18M5 12V8a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v4m-5 6a3 3 0 1 0 6 0 3 3 0 0 0-6 0Zm0 0h-4m0 0a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgSpyFilled;

package/lib/react/tabler/TargetArrow.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgTargetArrow = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m14.75 10-3 3m3-3V7l3-3v3h3l-3 3h-3Zm-3-2a5 5 0 1 0 5 5m-4-8.945A9 9 0 1 0 20.691 12m-9.941 1a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgTargetArrow;

package/lib/react/tabler/TargetArrowFilled.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgTargetArrowFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="m14.75 10-3 3m3-3V7l3-3v3h3l-3 3h-3Zm-3-2a5 5 0 1 0 5 5m-4-8.945A9 9 0 1 0 20.691 12m-9.941 1a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"
+      stroke="currentcolor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default SvgTargetArrowFilled;

package/lib/react/tabler/TextLogo.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgTextLogo = (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 2a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H5Zm10.269 16.137h-1.515V5.734h1.515v12.403Zm-3.41-1.958h-1.227c-1.305 0-1.919-.731-1.919-1.933v-3.42h-.966V9.39h.966V7.536h1.789V9.39h1.449v1.436H10.5v3.29c0 .444.17.627.64.627h.719v1.436Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+export default SvgTextLogo;

package/lib/react/tabler/UsersGroup.tsx

@@ -7,27 +7,12 @@ const SvgUsersGroup = (props: SVGProps<SVGSVGElement>) => (
     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>
+    <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"
+    />
   </svg>
 );
 export default SvgUsersGroup;