@mirohq/design-system-icons 0.19.0 → 0.20.0

package/react/shapes.tsx

@@ -3,37 +3,38 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconShapes: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <g clipPath='url(#a)'>
-      <path
-        stroke='currentColor'
-        strokeLinecap='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M8 9.5c0-3.5899 2.9101-6.5 6.5-6.5s6.5 2.9101 6.5 6.5-2.9101 6.5-6.5 6.5m-11.25-6h10.5a.25.25 0 0 1 .25.25v10.5a.25.25 0 0 1-.25.25h-10.5a.25.25 0 0 1-.25-.25v-10.5a.25.25 0 0 1 .25-.25Z'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconShapes: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <g clipPath='url(#a)'>
+        <path
+          stroke='currentColor'
+          strokeLinecap='round'
+          strokeWidth='var(--svg-stroke-width)'
+          d='M8 9.5c0-3.5899 2.9101-6.5 6.5-6.5s6.5 2.9101 6.5 6.5-2.9101 6.5-6.5 6.5m-11.25-6h10.5a.25.25 0 0 1 .25.25v10.5a.25.25 0 0 1-.25.25h-10.5a.25.25 0 0 1-.25-.25v-10.5a.25.25 0 0 1 .25-.25Z'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconShapes[iconSymbol] = true

package/react/shield-check.tsx

@@ -3,38 +3,39 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconShieldCheck: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <g clipPath='url(#a)'>
-      <path
-        stroke='currentColor'
-        strokeLinecap='round'
-        strokeMiterlimit={1.414}
-        strokeWidth='var(--svg-stroke-width)'
-        d='m9 12 2 1.5 5-4.5m-12-3 8-3 8 3v7.0445a6.6376 6.6376 0 0 1-1.598 4.3198 13.275 13.275 0 0 1-3.2493 2.7441l-2.6382 1.5829a1 1 0 0 1-1.029 0l-2.6382-1.5829a13.2744 13.2744 0 0 1-3.2493-2.7441 6.6377 6.6377 0 0 1-1.598-4.3198v-7.0445Z'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconShieldCheck: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <g clipPath='url(#a)'>
+        <path
+          stroke='currentColor'
+          strokeLinecap='round'
+          strokeMiterlimit={1.414}
+          strokeWidth='var(--svg-stroke-width)'
+          d='m9 12 2 1.5 5-4.5m-12-3 8-3 8 3v7.0445a6.6376 6.6376 0 0 1-1.598 4.3198 13.275 13.275 0 0 1-3.2493 2.7441l-2.6382 1.5829a1 1 0 0 1-1.029 0l-2.6382-1.5829a13.2744 13.2744 0 0 1-3.2493-2.7441 6.6377 6.6377 0 0 1-1.598-4.3198v-7.0445Z'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconShieldCheck[iconSymbol] = true

package/react/shield-lock.tsx

@@ -3,31 +3,32 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconShieldLock: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <rect width={8} height={5} x={8} y={11} fill='currentColor' rx={1} />,
-    <path
-      stroke='currentColor'
-      strokeMiterlimit={1.414}
-      strokeWidth='var(--svg-stroke-width)'
-      d='M10 13v-3.5c0-1.1046.8954-2 2-2s2 .8954 2 2v3.5m-10-7 8-3 8 3v7.0445a6.6376 6.6376 0 0 1-1.598 4.3198 13.275 13.275 0 0 1-3.2493 2.7441l-2.6382 1.5829a1 1 0 0 1-1.029 0l-2.6382-1.5829a13.2744 13.2744 0 0 1-3.2493-2.7441 6.6377 6.6377 0 0 1-1.598-4.3198v-7.0445Z'
-      vectorEffect='non-scaling-stroke'
-    />
-  )
+export const IconShieldLock: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <rect width={8} height={5} x={8} y={11} fill='currentColor' rx={1} />,
+      <path
+        stroke='currentColor'
+        strokeMiterlimit={1.414}
+        strokeWidth='var(--svg-stroke-width)'
+        d='M10 13v-3.5c0-1.1046.8954-2 2-2s2 .8954 2 2v3.5m-10-7 8-3 8 3v7.0445a6.6376 6.6376 0 0 1-1.598 4.3198 13.275 13.275 0 0 1-3.2493 2.7441l-2.6382 1.5829a1 1 0 0 1-1.029 0l-2.6382-1.5829a13.2744 13.2744 0 0 1-3.2493-2.7441 6.6377 6.6377 0 0 1-1.598-4.3198v-7.0445Z'
+        vectorEffect='non-scaling-stroke'
+      />
+    )
 )
+
+IconShieldLock[iconSymbol] = true

package/react/shuffle.tsx

@@ -3,38 +3,39 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconShuffle: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <g clipPath='url(#a)'>
-      <path
-        stroke='currentColor'
-        strokeLinecap='round'
-        strokeLinejoin='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M3 6.0002s2.4637-.2826 4 0c5.7612 1.0595 3.2816 10.7292 9 12 1.9061.4236 5 0 5 0m0 0-3-3m3 3-3 3m-15-3.0002s2.4637.2825 4 0c.8639-.1589 1.5425-.5113 2.0912-1m11.9088-11s-3.0939-.4236-5 0c-.8186.182-1.4692.536-2 1.0122m7-1.0122-3 3m3-3-3-3'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconShuffle: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <g clipPath='url(#a)'>
+        <path
+          stroke='currentColor'
+          strokeLinecap='round'
+          strokeLinejoin='round'
+          strokeWidth='var(--svg-stroke-width)'
+          d='M3 6.0002s2.4637-.2826 4 0c5.7612 1.0595 3.2816 10.7292 9 12 1.9061.4236 5 0 5 0m0 0-3-3m3 3-3 3m-15-3.0002s2.4637.2825 4 0c.8639-.1589 1.5425-.5113 2.0912-1m11.9088-11s-3.0939-.4236-5 0c-.8186.182-1.4692.536-2 1.0122m7-1.0122-3 3m3-3-3-3'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconShuffle[iconSymbol] = true

package/react/sidebar-closed.tsx

@@ -3,39 +3,40 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconSidebarClosed: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <g clipPath='url(#a)'>
-      <path
-        stroke='currentColor'
-        strokeLinecap='round'
-        strokeLinejoin='round'
-        strokeMiterlimit={1.414}
-        strokeWidth='var(--svg-stroke-width)'
-        d='M11 4h-7c-.5523 0-1 .4477-1 1v14c0 .5523.4477 1 1 1h7m0-16h9c.5523 0 1 .4477 1 1v14c0 .5523-.4477 1-1 1h-9m0-16v16m-5-12h2m-2 4h2m-2 4h2'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconSidebarClosed: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <g clipPath='url(#a)'>
+        <path
+          stroke='currentColor'
+          strokeLinecap='round'
+          strokeLinejoin='round'
+          strokeMiterlimit={1.414}
+          strokeWidth='var(--svg-stroke-width)'
+          d='M11 4h-7c-.5523 0-1 .4477-1 1v14c0 .5523.4477 1 1 1h7m0-16h9c.5523 0 1 .4477 1 1v14c0 .5523-.4477 1-1 1h-9m0-16v16m-5-12h2m-2 4h2m-2 4h2'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconSidebarClosed[iconSymbol] = true

package/react/sidebar-open.tsx

@@ -3,38 +3,39 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconSidebarOpen: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <path
-      stroke='currentColor'
-      strokeLinecap='round'
-      strokeLinejoin='round'
-      strokeMiterlimit={1.414}
-      strokeWidth='var(--svg-stroke-width)'
-      d='M21 19v-14c0-.5523-.4477-1-1-1h-16c-.5523 0-1 .4477-1 1v14c0 .5523.4477 1 1 1h16c.5523 0 1-.4477 1-1Z'
-      vectorEffect='non-scaling-stroke'
-    />,
-    <path
-      fill='currentColor'
-      fillRule='evenodd'
-      d='M11 5h-8v14h8v-14Zm-5 2c-.5523 0-1 .4477-1 1s.4477 1 1 1h2c.5523 0 1-.4477 1-1s-.4477-1-1-1h-2Zm0 4c-.5523 0-1 .4477-1 1s.4477 1 1 1h2c.5523 0 1-.4477 1-1s-.4477-1-1-1h-2Zm0 4c-.5523 0-1 .4477-1 1s.4477 1 1 1h2c.5523 0 1-.4477 1-1s-.4477-1-1-1h-2Z'
-      clipRule='evenodd'
-    />
-  )
+export const IconSidebarOpen: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeMiterlimit={1.414}
+        strokeWidth='var(--svg-stroke-width)'
+        d='M21 19v-14c0-.5523-.4477-1-1-1h-16c-.5523 0-1 .4477-1 1v14c0 .5523.4477 1 1 1h16c.5523 0 1-.4477 1-1Z'
+        vectorEffect='non-scaling-stroke'
+      />,
+      <path
+        fill='currentColor'
+        fillRule='evenodd'
+        d='M11 5h-8v14h8v-14Zm-5 2c-.5523 0-1 .4477-1 1s.4477 1 1 1h2c.5523 0 1-.4477 1-1s-.4477-1-1-1h-2Zm0 4c-.5523 0-1 .4477-1 1s.4477 1 1 1h2c.5523 0 1-.4477 1-1s-.4477-1-1-1h-2Zm0 4c-.5523 0-1 .4477-1 1s.4477 1 1 1h2c.5523 0 1-.4477 1-1s-.4477-1-1-1h-2Z'
+        clipRule='evenodd'
+      />
+    )
 )
+
+IconSidebarOpen[iconSymbol] = true

package/react/sliders-x.tsx

@@ -3,37 +3,38 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconSlidersX: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <g clipPath='url(#a)'>
-      <path
-        stroke='currentColor'
-        strokeLinecap='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M20 8h-5m-6 0h-5m11.5 8h-11.5m8-6c-1.1046 0-2-.8954-2-2s.8954-2 2-2 2 .8954 2 2-.8954 2-2 2Zm6 8c-1.1046 0-2-.8954-2-2s.8954-2 2-2 2 .8954 2 2-.8954 2-2 2Z'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconSlidersX: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <g clipPath='url(#a)'>
+        <path
+          stroke='currentColor'
+          strokeLinecap='round'
+          strokeWidth='var(--svg-stroke-width)'
+          d='M20 8h-5m-6 0h-5m11.5 8h-11.5m8-6c-1.1046 0-2-.8954-2-2s.8954-2 2-2 2 .8954 2 2-.8954 2-2 2Zm6 8c-1.1046 0-2-.8954-2-2s.8954-2 2-2 2 .8954 2 2-.8954 2-2 2Z'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconSlidersX[iconSymbol] = true

package/react/sliders-y.tsx

@@ -3,37 +3,38 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconSlidersY: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <g clipPath='url(#a)'>
-      <path
-        stroke='currentColor'
-        strokeLinecap='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M5 5v4m0 6v4m7-14v10m0 0c-1.1046 0-2 .8954-2 2s.8954 2 2 2 2-.8954 2-2-.8954-2-2-2Zm7-5.5v9.5m-12-7c0 1.1046-.8954 2-2 2s-2-.8954-2-2 .8954-2 2-2 2 .8954 2 2Zm14-5c0 1.1046-.8954 2-2 2s-2-.8954-2-2 .8954-2 2-2 2 .8954 2 2Z'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconSlidersY: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <g clipPath='url(#a)'>
+        <path
+          stroke='currentColor'
+          strokeLinecap='round'
+          strokeWidth='var(--svg-stroke-width)'
+          d='M5 5v4m0 6v4m7-14v10m0 0c-1.1046 0-2 .8954-2 2s.8954 2 2 2 2-.8954 2-2-.8954-2-2-2Zm7-5.5v9.5m-12-7c0 1.1046-.8954 2-2 2s-2-.8954-2-2 .8954-2 2-2 2 .8954 2 2Zm14-5c0 1.1046-.8954 2-2 2s-2-.8954-2-2 .8954-2 2-2 2 .8954 2 2Z'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconSlidersY[iconSymbol] = true

package/react/smiley-chat.tsx

@@ -3,31 +3,32 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconSmileyChat: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <path
-      fill='currentColor'
-      d='M8.7071 13.2929c-.3905-.3905-1.0237-.3905-1.4142 0-.3905.3905-.3905 1.0237 0 1.4142l1.4142-1.4142Zm8 1.4142c.3905-.3905.3905-1.0237 0-1.4142-.3905-.3905-1.0237-.3905-1.4142 0l1.4142 1.4142Zm-9.2071 5.0889.5007-.8656-.3588-.2076-.4004.1071.2585.9661Zm-3.296-3.296.966.2585.1072-.4004-.2075-.3588-.8657.5007Zm-1.204 4.5-.966-.2585a1 1 0 0 0 1.2245 1.2245l-.2585-.966Zm17-9c0 4.4183-3.5817 8-8 8v2c5.5228 0 10-4.4772 10-10h-2Zm-16 0c0-4.4183 3.5817-8 8-8v-2c-5.5229 0-10 4.4771-10 10h2Zm8-8c4.4183 0 8 3.5817 8 8h2c0-5.5229-4.4772-10-10-10v2Zm-4.7071 10.7071c1.23 1.23 3.0086 1.7929 4.7071 1.7929 1.6985 0 3.4771-.5629 4.7071-1.7929l-1.4142-1.4142c-.77.77-1.9914 1.2071-3.2929 1.2071-1.3015 0-2.5229-.4371-3.2929-1.2071l-1.4142 1.4142Zm4.7071 5.2929c-1.4588 0-2.8236-.3896-3.9993-1.0696l-1.0014 1.7312c1.4719.8514 3.1809 1.3384 5.0007 1.3384v-2Zm-6.9303-4.0007c-.6802-1.1757-1.0697-2.5405-1.0697-3.9993h-2c0 1.8198.487 3.5288 1.3384 5.0007l1.7313-1.0014Zm-1.8317.2422-1.204 4.5 1.932.517 1.204-4.5-1.932-.517Zm.0205 5.7245 4.5-1.204-.517-1.9321-4.5 1.2041.517 1.932Z'
-    />,
-    <path
-      fill='currentColor'
-      d='M11 8.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5ZM16 8.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5Z'
-    />
-  )
+export const IconSmileyChat: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        fill='currentColor'
+        d='M8.7071 13.2929c-.3905-.3905-1.0237-.3905-1.4142 0-.3905.3905-.3905 1.0237 0 1.4142l1.4142-1.4142Zm8 1.4142c.3905-.3905.3905-1.0237 0-1.4142-.3905-.3905-1.0237-.3905-1.4142 0l1.4142 1.4142Zm-9.2071 5.0889.5007-.8656-.3588-.2076-.4004.1071.2585.9661Zm-3.296-3.296.966.2585.1072-.4004-.2075-.3588-.8657.5007Zm-1.204 4.5-.966-.2585a1 1 0 0 0 1.2245 1.2245l-.2585-.966Zm17-9c0 4.4183-3.5817 8-8 8v2c5.5228 0 10-4.4772 10-10h-2Zm-16 0c0-4.4183 3.5817-8 8-8v-2c-5.5229 0-10 4.4771-10 10h2Zm8-8c4.4183 0 8 3.5817 8 8h2c0-5.5229-4.4772-10-10-10v2Zm-4.7071 10.7071c1.23 1.23 3.0086 1.7929 4.7071 1.7929 1.6985 0 3.4771-.5629 4.7071-1.7929l-1.4142-1.4142c-.77.77-1.9914 1.2071-3.2929 1.2071-1.3015 0-2.5229-.4371-3.2929-1.2071l-1.4142 1.4142Zm4.7071 5.2929c-1.4588 0-2.8236-.3896-3.9993-1.0696l-1.0014 1.7312c1.4719.8514 3.1809 1.3384 5.0007 1.3384v-2Zm-6.9303-4.0007c-.6802-1.1757-1.0697-2.5405-1.0697-3.9993h-2c0 1.8198.487 3.5288 1.3384 5.0007l1.7313-1.0014Zm-1.8317.2422-1.204 4.5 1.932.517 1.204-4.5-1.932-.517Zm.0205 5.7245 4.5-1.204-.517-1.9321-4.5 1.2041.517 1.932Z'
+      />,
+      <path
+        fill='currentColor'
+        d='M11 8.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5ZM16 8.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5Z'
+      />
+    )
 )
+
+IconSmileyChat[iconSymbol] = true