@livechat/design-system-icons 1.0.0-beta.3 → 1.0.0-beta.4

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/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

@@ -7,28 +7,13 @@ const SvgTargetArrow = (props: SVGProps<SVGSVGElement>) => (
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
-    <mask
-      id="target_arrow_svg__a"
-      style={{
-        maskType: 'alpha',
-      }}
-      maskUnits="userSpaceOnUse"
-      x={1}
-      y={2}
-      width={21}
-      height={21}
-    >
-      <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="#000"
-        strokeWidth={2}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </mask>
-    <g mask="url(#target_arrow_svg__a)">
-      <path d="M0 0h24v24H0V0Z" fill="currentcolor" />
-    </g>
+    <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

@@ -7,28 +7,13 @@ const SvgTargetArrowFilled = (props: SVGProps<SVGSVGElement>) => (
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
-    <mask
-      id="target_arrow-filled_svg__a"
-      style={{
-        maskType: 'alpha',
-      }}
-      maskUnits="userSpaceOnUse"
-      x={1}
-      y={2}
-      width={21}
-      height={21}
-    >
-      <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="#000"
-        strokeWidth={2}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </mask>
-    <g mask="url(#target_arrow-filled_svg__a)">
-      <path d="M0 0h24v24H0V0Z" fill="currentcolor" />
-    </g>
+    <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

@@ -7,27 +7,12 @@ const SvgTextLogo = (props: SVGProps<SVGSVGElement>) => (
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
-    <mask
-      id="text_logo_svg__a"
-      style={{
-        maskType: 'alpha',
-      }}
-      maskUnits="userSpaceOnUse"
-      x={2}
-      y={2}
-      width={20}
-      height={20}
-    >
-      <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="#000"
-      />
-    </mask>
-    <g mask="url(#text_logo_svg__a)">
-      <path fill="currentcolor" d="M-.381 0h24v24h-24z" />
-    </g>
+    <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;

package/lib/react/tabler/UsersGroupFilled.tsx

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

package/lib/react/tabler/WeeblyColored.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgWeeblyColored = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 25"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g clipPath="url(#weebly-colored_svg__a)">
+      <path
+        d="M19.904 3.852c-1.872 0-3.433 1.245-3.911 3.108-.863-2.8-3.071-3.106-3.993-3.106-.92 0-3.128.306-3.992 3.105-.48-1.861-2.04-3.105-3.912-3.105C1.8 3.854 0 5.496 0 7.592c0 .927.229 1.667.506 2.47l3.119 8.82c1.044 2.924 3.171 3.361 4.346 3.361 1.844 0 3.28-.944 4.03-2.617.749 1.68 2.185 2.63 4.028 2.63 1.173 0 3.299-.438 4.348-3.374l3.136-8.85.025-.072c.035-.114.072-.22.106-.321.167-.494.356-1.054.356-1.74 0-2.345-1.723-4.047-4.096-4.047Zm1.478 5.426-3.136 8.85c-.382 1.07-1.02 1.867-2.217 1.867-1.123 0-1.786-.626-2.117-1.697l-1.887-5.89h-.051l-1.886 5.89c-.332 1.072-.995 1.685-2.117 1.685-1.198 0-1.835-.79-2.218-1.862l-3.11-8.796c-.255-.74-.382-1.197-.382-1.733 0-.816.765-1.477 1.835-1.477.893 0 1.53.588 1.734 1.455l2.116 7.016h.05l2.143-6.862c.28-.994.79-1.61 1.861-1.61s1.58.615 1.861 1.61l2.142 6.862h.05L18.17 7.57c.204-.867.841-1.458 1.734-1.458 1.07 0 1.835.664 1.835 1.786 0 .408-.179.818-.357 1.38Z"
+        fill="#3192E7"
+      />
+    </g>
+    <defs>
+      <clipPath id="weebly-colored_svg__a">
+        <path fill="#fff" transform="translate(0 3.85)" d="M0 0h24v18.47H0z" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+export default SvgWeeblyColored;

package/lib/react/tabler/Windows.tsx

@@ -2,32 +2,15 @@ import * as React from 'react';
 import { SVGProps } from 'react';
 const SvgWindows = (props: SVGProps<SVGSVGElement>) => (
   <svg
-    viewBox="0 0 24 24"
+    viewBox="0 0 25 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>
+    <path
+      d="M12.242 2.75h-8.5v8.5h8.5v-8.5ZM12.242 12.75h-8.5v8.5h8.5v-8.5ZM13.742 2.75h8.5v8.5h-8.5v-8.5ZM22.242 12.75h-8.5v8.5h8.5v-8.5Z"
+      fill="currentcolor"
+    />
   </svg>
 );
 export default SvgWindows;

package/lib/react/tabler/WindowsColored.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgWindowsColored = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M11.25 2.75h-8.5v8.5h8.5v-8.5ZM11.25 12.75h-8.5v8.5h8.5v-8.5ZM12.75 2.75h8.5v8.5h-8.5v-8.5ZM21.25 12.75h-8.5v8.5h8.5v-8.5Z"
+      fill="#3278CF"
+    />
+  </svg>
+);
+export default SvgWindowsColored;

package/lib/react/tabler/WoocommerceColored.tsx

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+const SvgWoocommerceColored = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 25"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g clipPath="url(#woocommerce-colored_svg__a)">
+      <path
+        d="M2.228 5.85h19.534c1.236 0 2.237 1.002 2.237 2.238v7.456c0 1.236-1 2.237-2.237 2.237h-7.005l.961 2.355-4.228-2.355H2.238c-1.236 0-2.237-1-2.237-2.237V8.088A2.227 2.227 0 0 1 2.228 5.85Z"
+        fill="#9B5C8F"
+      />
+      <path
+        d="M1.368 7.89c.136-.186.341-.283.614-.303.498-.039.78.195.849.702.302 2.04.634 3.766.985 5.18l2.136-4.067c.196-.371.44-.566.732-.586.43-.029.693.244.8.82.244 1.297.556 2.4.927 3.336.253-2.478.683-4.263 1.288-5.365.146-.274.36-.41.643-.43.225-.02.43.05.615.195a.764.764 0 0 1 .302.557.847.847 0 0 1-.097.468c-.38.702-.693 1.883-.947 3.521-.243 1.59-.331 2.83-.273 3.717.02.244-.02.459-.117.644a.629.629 0 0 1-.517.351c-.253.02-.517-.097-.77-.36-.908-.928-1.63-2.313-2.156-4.156a182.374 182.374 0 0 0-1.405 2.809c-.576 1.102-1.063 1.668-1.473 1.697-.263.02-.488-.204-.683-.673-.497-1.278-1.034-3.746-1.61-7.404a.83.83 0 0 1 .157-.653ZM22.33 9.42c-.35-.614-.868-.985-1.56-1.132a2.564 2.564 0 0 0-.527-.058c-.937 0-1.697.488-2.293 1.463a5.169 5.169 0 0 0-.76 2.751c0 .751.156 1.395.468 1.932.35.614.868.985 1.56 1.131.186.04.361.059.527.059.947 0 1.707-.488 2.293-1.463.507-.84.76-1.756.76-2.761.01-.761-.155-1.395-.468-1.922Zm-1.229 2.702c-.136.644-.38 1.122-.741 1.444-.283.254-.546.36-.79.312-.234-.049-.43-.253-.576-.634a2.473 2.473 0 0 1-.175-.888c0-.243.02-.487.068-.712.088-.4.253-.79.517-1.16.322-.479.663-.674 1.014-.605.235.048.43.253.576.634.117.302.176.604.176.887 0 .254-.02.498-.069.722Zm-4.877-2.702c-.352-.614-.878-.985-1.561-1.132a2.562 2.562 0 0 0-.527-.058c-.936 0-1.697.488-2.292 1.463a5.17 5.17 0 0 0-.761 2.751c0 .751.156 1.395.468 1.932.351.614.868.985 1.56 1.131.186.04.362.059.528.059.946 0 1.707-.488 2.292-1.463.507-.84.76-1.756.76-2.761 0-.761-.155-1.395-.467-1.922Zm-1.24 2.702c-.136.644-.38 1.122-.74 1.444-.284.254-.547.36-.79.312-.235-.049-.43-.253-.576-.634a2.477 2.477 0 0 1-.176-.888c0-.243.02-.487.068-.712.088-.4.254-.79.517-1.16.322-.479.664-.674 1.015-.605.234.048.43.253.575.634.118.302.176.604.176.887.01.254-.02.498-.068.722Z"
+        fill="#fff"
+      />
+    </g>
+    <defs>
+      <clipPath id="woocommerce-colored_svg__a">
+        <path fill="#fff" transform="translate(0 5.85)" d="M0 0h24v14.342H0z" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+export default SvgWoocommerceColored;