design-react-kit 4.0.1 → 5.0.0-0

package/src/Icon/assets/ItPinterest.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+export const component = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => {
+  return (
+    <svg
+      width={24}
+      height={24}
+      viewBox='0 0 24 24'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+      aria-labelledby={titleId}
+      {...props}
+    >
+      {title ? <title id={titleId}>{title}</title> : null}
+      <path d='M12 3a9 9 0 0 0-3.28 17.384c-.079-.712-.15-1.808.031-2.585.164-.702 1.056-4.473 1.056-4.473s-.27-.54-.27-1.337c0-1.251.726-2.185 1.629-2.185.768 0 1.139.576 1.139 1.267 0 .773-.492 1.927-.746 2.997-.212.896.45 1.626 1.333 1.626 1.6 0 2.83-1.686 2.83-4.121 0-2.155-1.55-3.662-3.76-3.662-2.56 0-4.064 1.921-4.064 3.906 0 .774.298 1.603.67 2.054.073.09.084.167.062.258-.068.284-.22.896-.25 1.02-.039.166-.13.2-.3.121-1.125-.523-1.827-2.166-1.827-3.486 0-2.84 2.062-5.447 5.946-5.447 3.122 0 5.548 2.225 5.548 5.198 0 3.102-1.955 5.598-4.67 5.598-.912 0-1.769-.474-2.063-1.033l-.56 2.14c-.203.781-.752 1.76-1.119 2.359.842.26 1.737.401 2.665.401a9 9 0 1 0 0-18Z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItPinterestSquare.tsx

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+export const component = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => {
+  return (
+    <svg
+      width={24}
+      height={24}
+      viewBox='0 0 24 24'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+      aria-labelledby={titleId}
+      {...props}
+    >
+      {title ? <title id={titleId}>{title}</title> : null}
+      <path
+        clipRule='evenodd'
+        d='M3.567 1.333h16.762a2.286 2.286 0 0 1 2.286 2.286v16.762a2.286 2.286 0 0 1-2.286 2.286H3.567a2.286 2.286 0 0 1-2.286-2.286V3.619a2.286 2.286 0 0 1 2.286-2.286ZM4 12a8 8 0 1 1 5.631 7.643c.326-.531.814-1.402.995-2.097l.498-1.902c.26.498 1.023.919 1.834.919 2.412 0 4.15-2.219 4.15-4.976 0-2.643-2.156-4.62-4.93-4.62-3.453 0-5.287 2.317-5.287 4.84 0 1.174.625 2.635 1.624 3.1.152.07.233.04.268-.107l.081-.332.14-.575a.24.24 0 0 0-.055-.23c-.33-.4-.595-1.138-.595-1.826 0-1.764 1.336-3.471 3.612-3.471 1.966 0 3.342 1.339 3.342 3.254 0 2.165-1.093 3.664-2.515 3.664-.785 0-1.373-.65-1.185-1.446.082-.344.191-.698.297-1.042.188-.607.366-1.183.366-1.621 0-.615-.33-1.127-1.012-1.127-.803 0-1.448.83-1.448 1.943 0 .708.24 1.187.24 1.187s-.793 3.352-.939 3.977c-.16.69-.097 1.664-.027 2.297A8.005 8.005 0 0 1 4 12Z'
+      />
+    </svg>
+  );
+};

package/src/Icon/assets/ItPlug.tsx

@@ -1,9 +1,25 @@
 import * as React from 'react';
-export const component = (props: React.SVGProps<SVGSVGElement>) => {
+import { SVGProps } from 'react';
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+export const component = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
-      <path d='M8.5 9.9l-2.8 2.8-1.1 1.1c-.6.6-.6 1.5 0 2.1L6 17.3l-3.8 3.9.7.7L6.7 18l1.4 1.4c.3.3.7.4 1.1.4.4 0 .8-.2 1.1-.4l1.1-1.1 2.8-2.8-5.7-5.6zm1 8.8c-.2.2-.5.2-.7 0l-3.5-3.5c-.2-.2-.2-.5 0-.7l.4-.4 4.2 4.2-.4.4zm-3.2-5.3l2.1-2.1 4.2 4.2-2.1 2.1-4.2-4.2zm9.6-8.8c-.6-.6-1.5-.6-2.1 0L11.3 7l1.4 1.4-2.1 2.1.7.7 2.1-2.1 1.4 1.4-2.1 2.1.7.7 2.1-2.1 1.5 1.4 2.5-2.5c.6-.6.6-1.5 0-2.1l-3.6-3.4zm2.8 4.9L17 11.3 12.7 7l1.8-1.8c.2-.2.5-.2.7 0l3.5 3.5c.2.3.2.6 0 .8zM8.5 12.7l.7.7-.7.7-.7-.7.7-.7zm2.8 2.8l-.7.7-.7-.7.7-.7.7.7zM18 6.7l-.7-.7 3.9-3.8.7.7L18 6.7z' />
-      <path fill='none' d='M0 0h24v24H0z' />
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      viewBox='0 0 24 24'
+      xmlSpace='preserve'
+      enableBackground='new 0 0 24 24'
+      aria-labelledby={titleId}
+      {...props}
+    >
+      {title ? <title id={titleId}>{title}</title> : null}
+      <path d='m8.5 9.9-2.8 2.8-1.1 1.1c-.6.6-.6 1.5 0 2.1L6 17.3l-3.8 3.9.7.7L6.7 18l1.4 1.4c.3.3.7.4 1.1.4.4 0 .8-.2 1.1-.4l1.1-1.1 2.8-2.8-5.7-5.6zm1 8.8c-.2.2-.5.2-.7 0l-3.5-3.5c-.2-.2-.2-.5 0-.7l.4-.4 4.2 4.2-.4.4zm-3.2-5.3 2.1-2.1 4.2 4.2-2.1 2.1-4.2-4.2zm9.6-8.8c-.6-.6-1.5-.6-2.1 0L11.3 7l1.4 1.4-2.1 2.1.7.7 2.1-2.1 1.4 1.4-2.1 2.1.7.7 2.1-2.1 1.5 1.4 2.5-2.5c.6-.6.6-1.5 0-2.1l-3.6-3.4zm2.8 4.9L17 11.3 12.7 7l1.8-1.8c.2-.2.5-.2.7 0l3.5 3.5c.2.3.2.6 0 .8zM8.5 12.7l.7.7-.7.7-.7-.7.7-.7zm2.8 2.8-.7.7-.7-.7.7-.7.7.7zM18 6.7l-.7-.7 3.9-3.8.7.7L18 6.7z' />
     </svg>
   );
 };

package/src/Icon/assets/ItPlus.tsx

@@ -1,9 +1,25 @@
 import * as React from 'react';
-export const component = (props: React.SVGProps<SVGSVGElement>) => {
+import { SVGProps } from 'react';
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+export const component = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
-      <path d='M20 12.5h-7.5V20h-1v-7.5H4v-1h7.5V4h1v7.5H20z' />
-      <path fill='none' d='M0 0h24v24H0z' />
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      viewBox='0 0 24 24'
+      xmlSpace='preserve'
+      enableBackground='new 0 0 24 24'
+      aria-labelledby={titleId}
+      {...props}
+    >
+      {title ? <title id={titleId}>{title}</title> : null}
+      <path d='M20 12.5h-7.5V20h-1v-7.5H4v-1h7.5V4h1v7.5H20v1z' />
     </svg>
   );
 };

package/src/Icon/assets/ItPlusCircle.tsx

@@ -1,9 +1,25 @@
 import * as React from 'react';
-export const component = (props: React.SVGProps<SVGSVGElement>) => {
+import { SVGProps } from 'react';
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+export const component = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
-      <path d='M12.4 11.5h4.5v1h-4.5V17h-1v-4.5H6.9v-1h4.5V7h1zm9.6.5A10 10 0 1112 2a10 10 0 0110 10zm-1 0a9 9 0 10-9 9 9 9 0 009-9z' />
-      <path fill='none' d='M0 0h24v24H0z' />
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      viewBox='0 0 24 24'
+      xmlSpace='preserve'
+      enableBackground='new 0 0 24 24'
+      aria-labelledby={titleId}
+      {...props}
+    >
+      {title ? <title id={titleId}>{title}</title> : null}
+      <path d='M12.4 11.5h4.5v1h-4.5V17h-1v-4.5H6.9v-1h4.5V7h1v4.5zm9.6.5c0 5.5-4.5 10-10 10S2 17.5 2 12 6.5 2 12 2s10 4.5 10 10zm-1 0c0-5-4-9-9-9s-9 4-9 9 4 9 9 9 9-4 9-9z' />
     </svg>
   );
 };

package/src/Icon/assets/ItPresentation.tsx

@@ -1,9 +1,25 @@
 import * as React from 'react';
-export const component = (props: React.SVGProps<SVGSVGElement>) => {
+import { SVGProps } from 'react';
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+export const component = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
-      <path d='M4 5v10.6A2.4 2.4 0 006.4 18h3.1l-1.1 4h1l1.1-4h2.7l1.2 4h1l-1.2-4h3.5a2.3 2.3 0 002.3-2.3V5zm15 10.7a1.3 1.3 0 01-1.3 1.3H6.4A1.4 1.4 0 015 15.6V6h14zM21 3v1H3V3zm-9 13a4.5 4.5 0 10-4.5-4.5A4.5 4.5 0 0012 16zm-.5-7.9V11H8.6a3.4 3.4 0 012.9-2.9zm1 3.9V8a3.5 3.5 0 01-.5 7 3.4 3.4 0 01-3.4-3z' />
-      <path fill='none' d='M0 0h24v24H0z' />
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      viewBox='0 0 24 24'
+      xmlSpace='preserve'
+      enableBackground='new 0 0 24 24'
+      aria-labelledby={titleId}
+      {...props}
+    >
+      {title ? <title id={titleId}>{title}</title> : null}
+      <path d='M4 5v10.6C4 16.9 5.1 18 6.4 18h3.1l-1.1 4h1l1.1-4h2.7l1.2 4h1l-1.2-4h3.5c1.3 0 2.3-1 2.3-2.3V5H4zm15 10.7c0 .7-.6 1.3-1.3 1.3H6.4c-.8 0-1.4-.6-1.4-1.4V6h14v9.7zM21 3v1H3V3h18zm-9 13c2.5 0 4.5-2 4.5-4.5S14.5 7 12 7s-4.5 2-4.5 4.5S9.5 16 12 16zm-.5-7.9V11H8.6c.2-1.5 1.4-2.7 2.9-2.9zm1 3.9V8c1.9.1 3.4 1.8 3.3 3.8S13.9 15.1 12 15c-1.7 0-3.2-1.3-3.4-3h3.9z' />
     </svg>
   );
 };

package/src/Icon/assets/ItPrint.tsx

@@ -1,9 +1,25 @@
 import * as React from 'react';
-export const component = (props: React.SVGProps<SVGSVGElement>) => {
+import { SVGProps } from 'react';
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+export const component = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
-      <path d='M21 9.5A1.5 1.5 0 0019.5 8H17V3H7v5H4.5A1.5 1.5 0 003 9.5V16h2v3h2v2h10v-2h2v-3h2zM8 4h8v4H8zM6 18v-4h1v4zm10 2H8v-6h8v6zm2-2h-1v-4h1v4zm2-3h-1v-2H5v2H4V9.5a.5.5 0 01.5-.5h15a.5.5 0 01.5.5zM6 11h4v1H6z' />
-      <path fill='none' d='M0 0h24v24H0z' />
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      viewBox='0 0 24 24'
+      xmlSpace='preserve'
+      enableBackground='new 0 0 24 24'
+      aria-labelledby={titleId}
+      {...props}
+    >
+      {title ? <title id={titleId}>{title}</title> : null}
+      <path d='M21 9.5c0-.8-.7-1.5-1.5-1.5H17V3H7v5H4.5C3.7 8 3 8.7 3 9.5V16h2v3h2v2h10v-2h2v-3h2V9.5zM8 4h8v4H8V4zM6 18v-4h1v4H6zm10 2H8v-6h8v6zm2-2h-1v-4h1v4zm2-3h-1v-2H5v2H4V9.5c0-.3.2-.5.5-.5h15c.3 0 .5.2.5.5V15zM6 11h4v1H6v-1z' />
     </svg>
   );
 };

package/src/Icon/assets/ItQuora.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+export const component = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => {
+  return (
+    <svg
+      width={24}
+      height={24}
+      viewBox='0 0 24 24'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+      aria-labelledby={titleId}
+      {...props}
+    >
+      {title ? <title id={titleId}>{title}</title> : null}
+      <path d='M12.73 16.476c-.554-1.091-1.204-2.193-2.473-2.193-.242 0-.484.04-.707.142l-.43-.863c.525-.45 1.373-.808 2.464-.808 1.697 0 2.568.818 3.26 1.86.41-.89.605-2.093.605-3.584 0-3.724-1.165-5.636-3.885-5.636-2.68 0-3.839 1.912-3.839 5.636 0 3.704 1.159 5.596 3.84 5.596.425 0 .811-.047 1.166-.15Zm.665 1.3a7.128 7.128 0 0 1-1.83.244c-3.57 0-7.065-2.848-7.065-6.99C4.5 6.849 7.995 4 11.564 4c3.63 0 7.09 2.828 7.09 7.03 0 2.337-1.09 4.236-2.675 5.464.512.767 1.04 1.277 1.773 1.277.802 0 1.125-.62 1.179-1.105h1.043c.061.647-.262 3.334-3.178 3.334-1.767 0-2.7-1.024-3.4-2.224Z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItQuoraSquare.tsx

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+export const component = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => {
+  return (
+    <svg
+      width={24}
+      height={24}
+      viewBox='0 0 24 24'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+      aria-labelledby={titleId}
+      {...props}
+    >
+      {title ? <title id={titleId}>{title}</title> : null}
+      <path
+        clipRule='evenodd'
+        d='M3.567 1.333h16.762a2.286 2.286 0 0 1 2.286 2.286v16.762a2.286 2.286 0 0 1-2.286 2.286H3.567a2.286 2.286 0 0 1-2.286-2.286V3.619a2.286 2.286 0 0 1 2.286-2.286Zm6.19 12.95c1.269 0 1.92 1.102 2.474 2.193-.355.104-.74.15-1.167.15-2.68 0-3.839-1.892-3.839-5.596 0-3.724 1.159-5.636 3.84-5.636 2.72 0 3.884 1.912 3.884 5.636 0 1.491-.195 2.694-.606 3.585-.691-1.043-1.562-1.86-3.259-1.86-1.09 0-1.94.356-2.465.807l.431.863c.223-.102.465-.142.707-.142Zm1.307 3.737c.62 0 1.243-.087 1.831-.244.7 1.2 1.634 2.224 3.4 2.224 2.917 0 3.24-2.687 3.18-3.334H18.43c-.054.486-.377 1.105-1.179 1.105-.734 0-1.261-.51-1.773-1.277 1.585-1.228 2.675-3.127 2.675-5.464 0-4.202-3.46-7.03-7.09-7.03C7.494 4 4 6.849 4 11.03c0 4.142 3.495 6.99 7.064 6.99Z'
+      />
+    </svg>
+  );
+};

package/src/Icon/assets/ItReddit.tsx

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+export const component = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => {
+  return (
+    <svg
+      width={24}
+      height={24}
+      viewBox='0 0 24 24'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+      aria-labelledby={titleId}
+      {...props}
+    >
+      {title ? <title id={titleId}>{title}</title> : null}
+      <path d='M10.167 12a.831.831 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661ZM12.01 15.647c.315 0 1.403-.038 1.976-.611a.232.232 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61ZM13.002 12.84c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0Z' />
+      <path d='M20 12a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.203.203 0 0 0-.153.028.186.186 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224c-.02.115-.029.23-.029.353 0 1.795 2.091 3.256 4.669 3.256 2.577 0 4.668-1.451 4.668-3.256 0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.526-1.165-1.165-1.165Z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItRedditSquare.tsx

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+export const component = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => {
+  return (
+    <svg
+      width={24}
+      height={24}
+      viewBox='0 0 24 24'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+      aria-labelledby={titleId}
+      {...props}
+    >
+      {title ? <title id={titleId}>{title}</title> : null}
+      <path
+        clipRule='evenodd'
+        d='M3.567 1.333h16.762a2.286 2.286 0 0 1 2.286 2.286v16.762a2.286 2.286 0 0 1-2.286 2.286H3.567a2.286 2.286 0 0 1-2.286-2.286V3.619a2.286 2.286 0 0 1 2.286-2.286ZM12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm3.36-8.84c.21-.2.497-.325.812-.325.64 0 1.165.516 1.165 1.165 0 .477-.287.888-.688 1.07.02.114.029.238.029.352 0 1.805-2.09 3.256-4.668 3.256-2.578 0-4.669-1.46-4.669-3.256 0-.124.01-.238.029-.353a1.162 1.162 0 0 1 .477-2.224c.315 0 .602.124.812.324.811-.582 1.928-.954 3.17-.992l.591-2.788a.186.186 0 0 1 .086-.134c.038-.028.095-.038.153-.028l1.938.41a.83.83 0 1 1 .744 1.194.83.83 0 0 1-.83-.793l-1.738-.372-.534 2.501c1.222.048 2.32.42 3.121.993Zm-6.023 1.67a.831.831 0 1 1 .83.831.825.825 0 0 1-.83-.83Zm4.649 2.206c-.573.573-1.661.61-1.976.61-.325 0-1.413-.047-1.976-.61a.213.213 0 0 1 0-.306.213.213 0 0 1 .305 0c.363.363 1.126.487 1.67.487.545 0 1.318-.124 1.671-.487a.213.213 0 0 1 .306 0 .232.232 0 0 1 0 .306Zm-.984-2.196c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0Z'
+      />
+    </svg>
+  );
+};

package/src/Icon/assets/ItRefresh.tsx

@@ -1,9 +1,25 @@
 import * as React from 'react';
-export const component = (props: React.SVGProps<SVGSVGElement>) => {
+import { SVGProps } from 'react';
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+export const component = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      viewBox='0 0 24 24'
+      xmlSpace='preserve'
+      enableBackground='new 0 0 24 24'
+      aria-labelledby={titleId}
+      {...props}
+    >
+      {title ? <title id={titleId}>{title}</title> : null}
       <path d='M21 12c0 5-4 9-9 9s-9-4-9-9 4-9 9-9c2.4 0 4.7.9 6.4 2.6.4.4.8.9 1.1 1.4h-4v1H21V2.5h-1V6c-.3-.4-.6-.7-.9-1.1C15.2 1 8.8 1 4.9 4.9S1 15.2 4.9 19.1s10.2 3.9 14.1 0c1.9-1.9 2.9-4.4 2.9-7.1H21z' />
-      <path fill='none' d='M0 0h24v24H0z' />
     </svg>
   );
 };

package/src/Icon/assets/ItRestore.tsx

@@ -1,9 +1,25 @@
 import * as React from 'react';
-export const component = (props: React.SVGProps<SVGSVGElement>) => {
+import { SVGProps } from 'react';
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+export const component = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      viewBox='0 0 24 24'
+      xmlSpace='preserve'
+      enableBackground='new 0 0 24 24'
+      aria-labelledby={titleId}
+      {...props}
+    >
+      {title ? <title id={titleId}>{title}</title> : null}
       <path d='M12 2C9.3 2 6.8 3 4.9 4.9c-.3.4-.6.7-.9 1.1V2.5H3V8h5.5V7h-4c.3-.5.7-.9 1.1-1.4 3.5-3.5 9.2-3.6 12.7-.1s3.6 9.2.1 12.7-9.2 3.6-12.7.1C4 16.7 3 14.4 3 12H2c0 5.5 4.5 10 10 10s10-4.5 10-10S17.5 2 12 2z' />
-      <path fill='none' d='M0 0h24v24H0z' />
     </svg>
   );
 };

package/src/Icon/assets/ItRss.tsx

@@ -1,11 +1,27 @@
 import * as React from 'react';
-export const component = (props: React.SVGProps<SVGSVGElement>) => {
+import { SVGProps } from 'react';
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+export const component = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
-      <path fill='none' d='M0 0h24v24H0z' />
-      <path d='M5.67 15.66a2.67 2.67 0 102.67 2.67 2.68 2.68 0 00-2.67-2.67z' />
-      <path d='M3.28 8.88a.28.28 0 00-.28.28v3.39a.29.29 0 00.28.28 7.9 7.9 0 017.89 7.89.29.29 0 00.28.28h3.41a.28.28 0 00.27-.28A11.93 11.93 0 003.28 8.88z' />
-      <path d='M21 20.72A17.84 17.84 0 003.28 3a.29.29 0 00-.28.28v3.49a.28.28 0 00.28.23A13.69 13.69 0 0117 20.72a.29.29 0 00.28.28h3.5a.29.29 0 00.29-.28z' />
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      viewBox='0 0 24 24'
+      xmlSpace='preserve'
+      enableBackground='new 0 0 24 24'
+      aria-labelledby={titleId}
+      {...props}
+    >
+      {title ? <title id={titleId}>{title}</title> : null}
+      <path d='M5.7 15.7c-1.5 0-2.7 1.2-2.7 2.7S4.2 21 5.7 21s2.7-1.2 2.7-2.7c-.1-1.4-1.3-2.6-2.7-2.6z' />
+      <path d='M3.3 8.9c-.2 0-.3.1-.3.3v3.4c0 .2.1.3.3.3 4.4 0 7.9 3.5 7.9 7.9 0 .2.1.3.3.3h3.4c.2 0 .3-.1.3-.3-.1-6.6-5.4-11.9-11.9-11.9z' />
+      <path d='M21 20.7C20.9 11 13 3.1 3.3 3c-.2 0-.3.1-.3.3v3.5c0 .1.1.2.3.2C10.8 7 17 13.1 17 20.7v.1c0 .2.1.3.3.3h3.5c.1-.1.3-.2.2-.4z' />
     </svg>
   );
 };

package/src/Icon/assets/ItRssSquare.tsx

@@ -1,9 +1,25 @@
 import * as React from 'react';
-export const component = (props: React.SVGProps<SVGSVGElement>) => {
+import { SVGProps } from 'react';
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+export const component = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
-      <path fill='none' d='M0 0h24v24H0z' />
-      <path d='M17.62 3H6.37A3.37 3.37 0 003 6.38v11.24A3.37 3.37 0 006.37 21h11.25A3.38 3.38 0 0021 17.62V6.38A3.38 3.38 0 0017.62 3zM7.5 18.75a2.25 2.25 0 112.25-2.25 2.25 2.25 0 01-2.25 2.25zm4.5 0A6.75 6.75 0 005.25 12V9.75a9 9 0 019 9zm4.5 0A11.25 11.25 0 005.25 7.5V5.25a13.5 13.5 0 0113.5 13.5z' />
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      viewBox='0 0 24 24'
+      xmlSpace='preserve'
+      enableBackground='new 0 0 24 24'
+      aria-labelledby={titleId}
+      {...props}
+    >
+      {title ? <title id={titleId}>{title}</title> : null}
+      <path d='M17.6 3H6.4C4.5 3 3 4.5 3 6.4v11.2C3 19.5 4.5 21 6.4 21h11.3c1.9 0 3.4-1.5 3.4-3.4V6.4C21 4.5 19.5 3 17.6 3zM7.5 18.8c-1.2 0-2.3-1-2.3-2.3s1-2.3 2.3-2.3 2.3 1 2.3 2.3-1.1 2.3-2.3 2.3zm4.5 0C12 15 9 12 5.3 12V9.8c5 0 9 4 9 9H12zm4.5 0c0-6.2-5-11.3-11.3-11.3V5.3c7.5 0 13.5 6 13.5 13.5h-2.2z' />
     </svg>
   );
 };

package/src/Icon/assets/ItSearch.tsx

@@ -1,9 +1,25 @@
 import * as React from 'react';
-export const component = (props: React.SVGProps<SVGSVGElement>) => {
+import { SVGProps } from 'react';
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+export const component = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
-      <path d='M21.9 21.1L16 15.3a8.3 8.3 0 002-5.3 8 8 0 10-8 8 8.3 8.3 0 005.3-2l5.8 5.9zM10 17a7 7 0 117-7 7 7 0 01-7 7z' />
-      <path fill='none' d='M0 0h24v24H0z' />
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      viewBox='0 0 24 24'
+      xmlSpace='preserve'
+      enableBackground='new 0 0 24 24'
+      aria-labelledby={titleId}
+      {...props}
+    >
+      {title ? <title id={titleId}>{title}</title> : null}
+      <path d='M21.9 21.1 16 15.3c1.3-1.5 2-3.4 2-5.3 0-4.4-3.6-8-8-8s-8 3.6-8 8 3.6 8 8 8c1.9 0 3.8-.7 5.3-2l5.8 5.9.8-.8zM10 17c-3.9 0-7-3.1-7-7s3.1-7 7-7 7 3.1 7 7-3.1 7-7 7z' />
     </svg>
   );
 };

package/src/Icon/assets/ItSettings.tsx

@@ -1,9 +1,25 @@
 import * as React from 'react';
-export const component = (props: React.SVGProps<SVGSVGElement>) => {
+import { SVGProps } from 'react';
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+export const component = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
-      <path d='M12 7.5a4.5 4.5 0 104.5 4.5A4.5 4.5 0 0012 7.5zm0 8a3.5 3.5 0 113.5-3.5 3.5 3.5 0 01-3.5 3.5zm9.8-1.6A12.3 12.3 0 0022 12a12.3 12.3 0 00-.2-1.9l-2.1-.3a8.7 8.7 0 00-.7-1.7l1.3-1.7a8.7 8.7 0 00-2.7-2.7L15.9 5l-1.7-.7-.3-2.1L12 2l-1.9.2-.3 2.1-1.7.7-1.7-1.3a8.7 8.7 0 00-2.7 2.7L5 8.1a8.7 8.7 0 00-.7 1.7l-2.1.3A12.3 12.3 0 002 12a12.3 12.3 0 00.2 1.9l2.1.3a8.7 8.7 0 00.7 1.7l-1.3 1.7a8.7 8.7 0 002.7 2.7L8.1 19l1.7.7.3 2.1 1.9.2 1.9-.2.3-2.1 1.7-.7 1.7 1.3a8.7 8.7 0 002.7-2.7L19 15.9a8.7 8.7 0 00.7-1.7zm-2.9-.7l-.2.7a3.9 3.9 0 01-.6 1.5l-.3.6.4.5.8 1.1a9.3 9.3 0 01-1.4 1.4l-1.1-.8-.5-.4-.6.3a3.9 3.9 0 01-1.5.6l-.7.2v.7l-.2 1.3h-2l-.2-1.3v-.7l-.7-.2a3.9 3.9 0 01-1.5-.6l-.6-.3-.5.4-1.1.8A9.3 9.3 0 015 17.6l.8-1.1.4-.5-.3-.6a3.9 3.9 0 01-.6-1.5l-.2-.7h-.7L3.1 13a3.4 3.4 0 01-.1-1 3.4 3.4 0 01.1-1l1.3-.2h.7l.2-.7a3.9 3.9 0 01.6-1.5l.3-.6-.4-.5L5 6.4 6.4 5l1.1.8.5.4.6-.3a3.9 3.9 0 011.5-.6l.7-.2v-.7l.2-1.3h2l.2 1.3v.7l.7.2a3.9 3.9 0 011.5.6l.6.3.5-.4 1.1-.8A9.3 9.3 0 0119 6.4l-.8 1.1-.4.5.3.6a3.9 3.9 0 01.6 1.5l.2.7h.7l1.3.2a3.4 3.4 0 01.1 1 3.4 3.4 0 01-.1 1l-1.3.2z' />
-      <path fill='none' d='M0 0h24v24H0z' />
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      viewBox='0 0 24 24'
+      xmlSpace='preserve'
+      enableBackground='new 0 0 24 24'
+      aria-labelledby={titleId}
+      {...props}
+    >
+      {title ? <title id={titleId}>{title}</title> : null}
+      <path d='M12 7.5c-2.5 0-4.5 2-4.5 4.5s2 4.5 4.5 4.5 4.5-2 4.5-4.5-2-4.5-4.5-4.5zm0 8c-1.9 0-3.5-1.6-3.5-3.5s1.6-3.5 3.5-3.5 3.5 1.6 3.5 3.5-1.6 3.5-3.5 3.5zm9.8-1.6c.1-.6.2-1.3.2-1.9 0-.6-.1-1.3-.2-1.9l-2.1-.3c-.2-.6-.4-1.2-.7-1.7l1.3-1.7c-.7-1.1-1.6-2-2.7-2.7L15.9 5l-1.7-.7-.3-2.1L12 2l-1.9.2-.3 2.1-1.7.7-1.7-1.3c-1.1.7-2 1.6-2.7 2.7L5 8.1c-.3.5-.5 1.1-.7 1.7l-2.1.3c-.1.6-.2 1.3-.2 1.9 0 .6.1 1.3.2 1.9l2.1.3c.2.6.4 1.2.7 1.7l-1.3 1.7c.7 1.1 1.6 2 2.7 2.7L8.1 19l1.7.7.3 2.1 1.9.2 1.9-.2.3-2.1 1.7-.7 1.7 1.3c1.1-.7 2-1.6 2.7-2.7L19 15.9c.3-.5.5-1.1.7-1.7l2.1-.3zm-2.9-.7-.2.7c-.1.5-.3 1-.6 1.5l-.3.6.4.5.8 1.1c-.4.5-.9 1-1.4 1.4l-1.1-.8-.5-.4-.6.3c-.5.3-1 .5-1.5.6l-.7.2v.7l-.2 1.3h-2l-.2-1.3v-.7l-.7-.2c-.5-.1-1-.3-1.5-.6l-.6-.3-.5.4-1.1.8c-.5-.4-1-.9-1.4-1.4l.8-1.1.4-.5-.3-.6c-.3-.5-.5-1-.6-1.5l-.2-.7h-.7L3.1 13c-.1-.3-.1-.7-.1-1 0-.3 0-.7.1-1l1.3-.2h.7l.2-.7c.1-.5.3-1 .6-1.5l.3-.6-.4-.5L5 6.4 6.4 5l1.1.8.5.4.6-.3c.5-.3 1-.5 1.5-.6l.7-.2v-.7l.2-1.3h2l.2 1.3v.7l.7.2c.5.1 1 .3 1.5.6l.6.3.5-.4 1.1-.8c.5.4 1 .9 1.4 1.4l-.8 1.1-.4.5.3.6c.3.5.5 1 .6 1.5l.2.7h.7l1.3.2c.1.3.1.7.1 1 0 .3 0 .7-.1 1l-1.3.2h-.7z' />
     </svg>
   );
 };

package/src/Icon/assets/ItShare.tsx

@@ -1,9 +1,25 @@
 import * as React from 'react';
-export const component = (props: React.SVGProps<SVGSVGElement>) => {
+import { SVGProps } from 'react';
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+export const component = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => {
   return (
-    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
-      <path d='M17.5 15a2.5 2.5 0 00-2 1l-7.6-3.4A1.3 1.3 0 008 12a1.3 1.3 0 00-.1-.6L15.5 8a2.5 2.5 0 10-.5-1.5 1.3 1.3 0 00.1.6l-7.6 3.4a2.5 2.5 0 100 3l7.6 3.4a1.3 1.3 0 00-.1.6 2.5 2.5 0 102.5-2.5zm0-10A1.5 1.5 0 0119 6.5a1.5 1.5 0 01-3 0A1.5 1.5 0 0117.5 5zm-12 8.5a1.5 1.5 0 010-3 1.5 1.5 0 010 3zm12 5.5a1.5 1.5 0 111.5-1.5 1.5 1.5 0 01-1.5 1.5z' />
-      <path fill='none' d='M0 0h24v24H0z' />
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      viewBox='0 0 24 24'
+      xmlSpace='preserve'
+      enableBackground='new 0 0 24 24'
+      aria-labelledby={titleId}
+      {...props}
+    >
+      {title ? <title id={titleId}>{title}</title> : null}
+      <path d='M17.5 15c-.8 0-1.5.4-2 1l-7.6-3.4c.1-.2.1-.4.1-.6 0-.2 0-.4-.1-.6L15.5 8c.8 1.1 2.4 1.3 3.5.5s1.3-2.4.5-3.5-2.4-1.3-3.5-.5c-.6.5-1 1.2-1 2 0 .2 0 .4.1.6l-7.6 3.4C6.7 9.4 5.1 9.2 4 10s-1.3 2.4-.5 3.5 2.4 1.3 3.5.5c.2-.1.4-.3.5-.5l7.6 3.4c-.1.2-.1.4-.1.6 0 1.4 1.1 2.5 2.5 2.5s2.5-1.1 2.5-2.5-1.1-2.5-2.5-2.5zm0-10c.8 0 1.5.7 1.5 1.5S18.3 8 17.5 8 16 7.3 16 6.5 16.7 5 17.5 5zm-12 8.5c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5S7 11.2 7 12s-.7 1.5-1.5 1.5zm12 5.5c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5 1.5.7 1.5 1.5-.7 1.5-1.5 1.5z' />
     </svg>
   );
 };

package/src/Icon/assets/ItSlack.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+export const component = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => {
+  return (
+    <svg
+      width={24}
+      height={24}
+      viewBox='0 0 24 24'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+      aria-labelledby={titleId}
+      {...props}
+    >
+      {title ? <title id={titleId}>{title}</title> : null}
+      <path d='M6.782 14.375c0 1.04-.85 1.89-1.891 1.89-1.04 0-1.891-.85-1.891-1.89 0-1.041.85-1.891 1.89-1.891h1.892v1.89ZM7.735 14.375c0-1.041.85-1.891 1.89-1.891 1.041 0 1.891.85 1.891 1.89v4.735c0 1.04-.85 1.891-1.89 1.891-1.041 0-1.891-.85-1.891-1.89v-4.735ZM9.625 6.782c-1.04 0-1.89-.85-1.89-1.891 0-1.04.85-1.891 1.89-1.891 1.041 0 1.891.85 1.891 1.89v1.892h-1.89ZM9.625 7.735c1.041 0 1.891.85 1.891 1.89 0 1.041-.85 1.891-1.89 1.891H4.89c-1.04 0-1.891-.85-1.891-1.89 0-1.041.85-1.891 1.89-1.891h4.735ZM17.218 9.625c0-1.04.85-1.89 1.891-1.89 1.04 0 1.891.85 1.891 1.89 0 1.041-.85 1.891-1.89 1.891h-1.892v-1.89ZM16.265 9.625c0 1.041-.85 1.891-1.89 1.891-1.041 0-1.891-.85-1.891-1.89V4.89c0-1.04.85-1.891 1.89-1.891 1.041 0 1.891.85 1.891 1.89v4.735ZM14.375 17.218c1.04 0 1.89.85 1.89 1.891 0 1.04-.85 1.891-1.89 1.891-1.041 0-1.891-.85-1.891-1.89v-1.892h1.89ZM14.375 16.265c-1.041 0-1.891-.85-1.891-1.89 0-1.041.85-1.891 1.89-1.891h4.735c1.04 0 1.891.85 1.891 1.89 0 1.041-.85 1.891-1.89 1.891h-4.735Z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItSlackSquare.tsx

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+export const component = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => {
+  return (
+    <svg
+      width={24}
+      height={24}
+      viewBox='0 0 24 24'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+      aria-labelledby={titleId}
+      {...props}
+    >
+      {title ? <title id={titleId}>{title}</title> : null}
+      <path
+        clipRule='evenodd'
+        d='M3.567 1.333h16.762a2.286 2.286 0 0 1 2.286 2.286v16.762a2.286 2.286 0 0 1-2.286 2.286H3.567a2.286 2.286 0 0 1-2.286-2.286V3.619a2.286 2.286 0 0 1 2.286-2.286Zm6.322 6.029c-.925 0-1.68-.756-1.68-1.681S8.963 4 9.888 4c.925 0 1.681.756 1.681 1.68v1.682H9.89Zm-4.208 8.43c.925 0 1.68-.756 1.68-1.681V12.43h-1.68c-.925 0-1.681.756-1.681 1.68 0 .926.756 1.681 1.68 1.681Zm4.208-3.362c-.925 0-1.68.756-1.68 1.68v4.21c0 .924.755 1.68 1.68 1.68.925 0 1.681-.756 1.681-1.68v-4.21c0-.924-.756-1.68-1.68-1.68Zm1.681-2.54c0-.926-.756-1.682-1.68-1.682H5.68C4.757 8.208 4 8.964 4 9.89s.756 1.681 1.68 1.681h4.21c.924 0 1.68-.756 1.68-1.68Zm5.069 0c0-.926.755-1.682 1.68-1.682.925 0 1.681.756 1.681 1.681s-.756 1.681-1.68 1.681h-1.681V9.89Zm-2.528 1.68c.925 0 1.68-.756 1.68-1.68V5.68c0-.924-.755-1.68-1.68-1.68-.925 0-1.681.756-1.681 1.68v4.21c0 .924.756 1.68 1.68 1.68Zm0 5.068c.925 0 1.68.756 1.68 1.681S15.037 20 14.112 20c-.925 0-1.681-.756-1.681-1.68v-1.682h1.68Zm-1.681-2.527c0 .925.756 1.68 1.68 1.68h4.21c.924 0 1.68-.755 1.68-1.68 0-.925-.756-1.681-1.68-1.681h-4.21c-.924 0-1.68.756-1.68 1.68Z'
+      />
+    </svg>
+  );
+};

package/src/Icon/assets/ItSnapchat.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+export const component = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => {
+  return (
+    <svg
+      width={24}
+      height={24}
+      viewBox='0 0 24 24'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+      aria-labelledby={titleId}
+      {...props}
+    >
+      {title ? <title id={titleId}>{title}</title> : null}
+      <path d='M19.943 15.526c-.111-.303-.323-.465-.564-.599a1.416 1.416 0 0 0-.123-.064l-.219-.111c-.752-.399-1.338-.902-1.746-1.498a3.39 3.39 0 0 1-.3-.531c-.034-.1-.032-.156-.008-.207a.339.339 0 0 1 .097-.1c.129-.086.262-.173.352-.231.162-.104.289-.187.371-.245.309-.216.525-.446.66-.702a1.397 1.397 0 0 0 .069-1.16c-.205-.538-.713-.872-1.329-.872a1.829 1.829 0 0 0-.487.065c.006-.368-.002-.757-.035-1.139-.116-1.344-.587-2.048-1.077-2.61a4.294 4.294 0 0 0-1.095-.881C13.764 4.216 12.92 4 11.999 4c-.92 0-1.76.216-2.505.641-.412.232-.782.53-1.097.883-.49.562-.96 1.267-1.077 2.61-.033.382-.04.772-.036 1.138a1.83 1.83 0 0 0-.487-.065c-.615 0-1.124.335-1.328.873a1.398 1.398 0 0 0 .067 1.161c.136.256.352.486.66.702.082.057.21.14.371.245l.339.221c.044.028.08.066.109.11.026.053.027.11-.012.217a3.359 3.359 0 0 1-.295.52c-.398.583-.968 1.077-1.696 1.472-.385.204-.786.34-.955.8-.128.348-.044.743.28 1.075.119.125.257.23.409.31a4.43 4.43 0 0 0 1 .4.66.66 0 0 1 .202.09c.118.104.102.26.259.488.079.118.18.22.296.3.33.229.701.243 1.095.258.355.014.758.03 1.217.18.19.064.389.186.618.328.55.338 1.305.802 2.566.802 1.262 0 2.02-.466 2.575-.806.228-.14.425-.26.61-.321.46-.152.863-.168 1.218-.181.393-.015.764-.03 1.095-.258a1.14 1.14 0 0 0 .336-.368c.114-.192.11-.327.217-.42a.625.625 0 0 1 .19-.087 4.446 4.446 0 0 0 1.014-.404c.16-.087.306-.2.429-.336l.004-.005c.304-.326.38-.709.256-1.047Zm-1.122.602c-.683.378-1.138.337-1.492.565-.3.193-.122.61-.34.76-.269.186-1.061-.012-2.085.326-.845.279-1.384 1.082-2.903 1.082-1.519 0-2.045-.801-2.904-1.084-1.022-.338-1.816-.14-2.084-.325-.218-.15-.041-.568-.341-.761-.354-.228-.809-.187-1.492-.563-.436-.24-.189-.39-.044-.46 2.478-1.199 2.873-3.05 2.89-3.188.022-.166.045-.297-.138-.466-.177-.164-.962-.65-1.18-.802-.36-.252-.52-.503-.402-.812.082-.214.281-.295.49-.295.067 0 .132.008.197.022.396.086.78.284 1.002.338.027.007.054.01.082.011.118 0 .16-.06.152-.195-.026-.433-.087-1.277-.019-2.066.094-1.084.444-1.622.859-2.097.2-.229 1.137-1.22 2.93-1.22 1.792 0 2.732.987 2.931 1.215.416.475.766 1.013.859 2.098.068.788.009 1.632-.019 2.065-.01.143.034.195.152.195a.348.348 0 0 0 .082-.01c.222-.054.607-.253 1.002-.338a.91.91 0 0 1 .197-.023c.21 0 .409.082.49.295.117.309-.04.56-.401.812-.218.152-1.003.638-1.18.802-.184.169-.16.3-.139.466.018.14.413 1.991 2.89 3.189.147.073.394.222-.041.464Z' />
+    </svg>
+  );
+};