@mirohq/design-system-icons 0.19.0 → 0.20.0

package/react/headset-person.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 IconHeadsetPerson: 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'
-      strokeWidth='var(--svg-stroke-width)'
-      d='M4 17v-6c0-9.5 16-9.5 16 0v9h-8'
-      vectorEffect='non-scaling-stroke'
-    />,
-    <path
-      fill='currentColor'
-      d='M14.5 15c.8284 0 1.5-.6716 1.5-1.5s-.6716-1.5-1.5-1.5-1.5.6716-1.5 1.5.6716 1.5 1.5 1.5ZM9.5 15c.8284 0 1.5-.6716 1.5-1.5s-.6716-1.5-1.5-1.5-1.5.6716-1.5 1.5.6716 1.5 1.5 1.5Z'
-    />,
-    <path
-      fill='currentColor'
-      d='M18.002 11.03a6.04 6.04 0 0 0-5.95-5.03c-3.03 0-6.29 2.51-6.03 6.45a8.0748 8.0748 0 0 0 4.86-5.89c1.31 2.63 4 4.44 7.12 4.47ZM2 13c0-.5523.4477-1 1-1h1c.5523 0 1 .4477 1 1v4c0 .5523-.4477 1-1 1h-1c-.5523 0-1-.4477-1-1v-4ZM19 13c0-.5523.4477-1 1-1h1c.5523 0 1 .4477 1 1v4c0 .5523-.4477 1-1 1h-1c-.5523 0-1-.4477-1-1v-4Z'
-    />
-  )
+export const IconHeadsetPerson: 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'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M4 17v-6c0-9.5 16-9.5 16 0v9h-8'
+        vectorEffect='non-scaling-stroke'
+      />,
+      <path
+        fill='currentColor'
+        d='M14.5 15c.8284 0 1.5-.6716 1.5-1.5s-.6716-1.5-1.5-1.5-1.5.6716-1.5 1.5.6716 1.5 1.5 1.5ZM9.5 15c.8284 0 1.5-.6716 1.5-1.5s-.6716-1.5-1.5-1.5-1.5.6716-1.5 1.5.6716 1.5 1.5 1.5Z'
+      />,
+      <path
+        fill='currentColor'
+        d='M18.002 11.03a6.04 6.04 0 0 0-5.95-5.03c-3.03 0-6.29 2.51-6.03 6.45a8.0748 8.0748 0 0 0 4.86-5.89c1.31 2.63 4 4.44 7.12 4.47ZM2 13c0-.5523.4477-1 1-1h1c.5523 0 1 .4477 1 1v4c0 .5523-.4477 1-1 1h-1c-.5523 0-1-.4477-1-1v-4ZM19 13c0-.5523.4477-1 1-1h1c.5523 0 1 .4477 1 1v4c0 .5523-.4477 1-1 1h-1c-.5523 0-1-.4477-1-1v-4Z'
+      />
+    )
 )
+
+IconHeadsetPerson[iconSymbol] = true

package/react/heart-filled.tsx

@@ -3,33 +3,34 @@
  * 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 IconHeartFilled: 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'
-      strokeWidth='var(--svg-stroke-width)'
-      d='m11.1585 6.5291.8415 1.3105.8415-1.3105c1.5981-2.489 3.8242-2.5291 4.7146-2.5291.4494 0 1.6982.1906 2.7446 1.0014.9742.755 1.8974 2.1398 1.6625 4.8164-.1809 2.0604-1.643 4.2847-3.6841 6.3364-2.0102 2.0206-4.4298 3.7219-6.2213 4.7399a.1155.1155 0 0 1-.0578.016.1155.1155 0 0 1-.0578-.016c-1.7915-1.018-4.2111-2.7193-6.2214-4.7399-2.041-2.0517-3.5031-4.276-3.684-6.3364-.235-2.6766.6883-4.0614 1.6625-4.8164 1.0463-.8108 2.2952-1.0014 2.7445-1.0014.8905 0 3.1166.0402 4.7147 2.5291Z'
-      vectorEffect='non-scaling-stroke'
-    />,
-    <path
-      fill='currentColor'
-      d='m11.1585 6.5291.8415 1.3105.8415-1.3105c1.5981-2.489 3.8242-2.5291 4.7146-2.5291.4494 0 1.6982.1906 2.7446 1.0014.9742.755 1.8974 2.1398 1.6625 4.8164-.1809 2.0604-1.643 4.2847-3.6841 6.3364-2.0102 2.0206-4.4298 3.7219-6.2213 4.7399a.1155.1155 0 0 1-.0578.016.1155.1155 0 0 1-.0578-.016c-1.7915-1.018-4.2111-2.7193-6.2214-4.7399-2.041-2.0517-3.5031-4.276-3.684-6.3364-.235-2.6766.6883-4.0614 1.6625-4.8164 1.0463-.8108 2.2952-1.0014 2.7445-1.0014.8905 0 3.1166.0402 4.7147 2.5291Z'
-    />
-  )
+export const IconHeartFilled: 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'
+        strokeWidth='var(--svg-stroke-width)'
+        d='m11.1585 6.5291.8415 1.3105.8415-1.3105c1.5981-2.489 3.8242-2.5291 4.7146-2.5291.4494 0 1.6982.1906 2.7446 1.0014.9742.755 1.8974 2.1398 1.6625 4.8164-.1809 2.0604-1.643 4.2847-3.6841 6.3364-2.0102 2.0206-4.4298 3.7219-6.2213 4.7399a.1155.1155 0 0 1-.0578.016.1155.1155 0 0 1-.0578-.016c-1.7915-1.018-4.2111-2.7193-6.2214-4.7399-2.041-2.0517-3.5031-4.276-3.684-6.3364-.235-2.6766.6883-4.0614 1.6625-4.8164 1.0463-.8108 2.2952-1.0014 2.7445-1.0014.8905 0 3.1166.0402 4.7147 2.5291Z'
+        vectorEffect='non-scaling-stroke'
+      />,
+      <path
+        fill='currentColor'
+        d='m11.1585 6.5291.8415 1.3105.8415-1.3105c1.5981-2.489 3.8242-2.5291 4.7146-2.5291.4494 0 1.6982.1906 2.7446 1.0014.9742.755 1.8974 2.1398 1.6625 4.8164-.1809 2.0604-1.643 4.2847-3.6841 6.3364-2.0102 2.0206-4.4298 3.7219-6.2213 4.7399a.1155.1155 0 0 1-.0578.016.1155.1155 0 0 1-.0578-.016c-1.7915-1.018-4.2111-2.7193-6.2214-4.7399-2.041-2.0517-3.5031-4.276-3.684-6.3364-.235-2.6766.6883-4.0614 1.6625-4.8164 1.0463-.8108 2.2952-1.0014 2.7445-1.0014.8905 0 3.1166.0402 4.7147 2.5291Z'
+      />
+    )
 )
+
+IconHeartFilled[iconSymbol] = true

package/react/heart.tsx

@@ -3,36 +3,37 @@
  * 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 IconHeart: 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'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m11.1585 6.5291.8415 1.3105.8415-1.3105c1.5981-2.489 3.8242-2.5291 4.7146-2.5291.4494 0 1.6982.1906 2.7446 1.0014.9742.755 1.8974 2.1398 1.6625 4.8164-.1809 2.0604-1.643 4.2847-3.6841 6.3364-2.0102 2.0206-4.4298 3.7219-6.2213 4.7399a.1155.1155 0 0 1-.0578.016.1155.1155 0 0 1-.0578-.016c-1.7915-1.018-4.2111-2.7193-6.2214-4.7399-2.041-2.0517-3.5031-4.276-3.684-6.3364-.235-2.6766.6883-4.0614 1.6625-4.8164 1.0463-.8108 2.2952-1.0014 2.7445-1.0014.8905 0 3.1166.0402 4.7147 2.5291Z'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconHeart: 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'
+          strokeWidth='var(--svg-stroke-width)'
+          d='m11.1585 6.5291.8415 1.3105.8415-1.3105c1.5981-2.489 3.8242-2.5291 4.7146-2.5291.4494 0 1.6982.1906 2.7446 1.0014.9742.755 1.8974 2.1398 1.6625 4.8164-.1809 2.0604-1.643 4.2847-3.6841 6.3364-2.0102 2.0206-4.4298 3.7219-6.2213 4.7399a.1155.1155 0 0 1-.0578.016.1155.1155 0 0 1-.0578-.016c-1.7915-1.018-4.2111-2.7193-6.2214-4.7399-2.041-2.0517-3.5031-4.276-3.684-6.3364-.235-2.6766.6883-4.0614 1.6625-4.8164 1.0463-.8108 2.2952-1.0014 2.7445-1.0014.8905 0 3.1166.0402 4.7147 2.5291Z'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconHeart[iconSymbol] = true

package/react/hexagon.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 IconHexagon: 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='M17 3h-10l-5 9 5 9h10l5-9-5-9Z'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconHexagon: 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='M17 3h-10l-5 9 5 9h10l5-9-5-9Z'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconHexagon[iconSymbol] = true

package/react/highlighter-underline.tsx

@@ -3,28 +3,29 @@
  * 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 IconHighlighterUnderline: 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={18} height={2} x={3} y={20} fill='currentColor' rx={0.5} />,
-    <path
-      fill='currentColor'
-      d='M9 17v-1h-.4142l-.2929.2929.7071.7071Zm2 0v1h.4201l.2941-.3001-.7142-.6999Zm1-10-.7071-.7071.7071.7071Zm-5.5 5.5-.7071-.7071-.2141.2141-.0594.2969.9806.1961Zm-.5 2.5.7071.7071.2141-.2141.0594-.2969-.9806-.1961Zm-2 2-.7071-.7071-.2929.2929v.4142h1Zm0 1h-1v1h1v-1Zm4 0v1h.4142l.293-.2929-.7072-.7071Zm13-11 .6897.7241a1 1 0 0 0 .0174-1.4312l-.7071.7071Zm-4.5-4.5.7071-.7071a1 1 0 0 0-1.4142 0l.7071.7071Zm-7.25 7.25.7071.7071-.7071-.7071Zm-.25 8.25h2v-2h-2v2Zm-3.4806-5.6961-.5 2.5 1.9612.3922.5-2.5-1.9612-.3922Zm-2.5194 4.6961v1h2v-1h-2Zm1 2h4v-2h-4v2Zm4.7071-.2929 1-1-1.4142-1.4142-1 1 1.4142 1.4142Zm13-12.4142-4.5-4.5-1.4142 1.4142 4.5 4.5 1.4142-1.4142Zm-1.3968-.017-3 2.8571 1.3794 1.4483 3-2.8572-1.3794-1.4482Zm-3.0245 2.8813-7 7.1429 1.4284 1.3998 7-7.1428-1.4284-1.3999Zm-4.5787-1.45 1.5-1.5-1.4142-1.4143-1.5 1.5 1.4142 1.4142Zm1.5-1.5 3-3-1.4142-1.4143-3 3 1.4142 1.4142Zm4.4885 2.9315-4.5-4.3571-1.3912 1.4368 4.5 4.3572 1.3912-1.4369Zm-7.4027-2.8458-2.75 2.75 1.4142 1.4142 2.75-2.75-1.4142-1.4142Zm-2.75 2.75-2.75 2.75 1.4142 1.4142 2.75-2.75-1.4142-1.4142Zm-3.25 5.25-1 1 1.4142 1.4142 1-1-1.4142-1.4142Zm-1 1-1 1 1.4142 1.4142 1-1-1.4142-1.4142Z'
-    />
-  )
+export const IconHighlighterUnderline: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <rect width={18} height={2} x={3} y={20} fill='currentColor' rx={0.5} />,
+      <path
+        fill='currentColor'
+        d='M9 17v-1h-.4142l-.2929.2929.7071.7071Zm2 0v1h.4201l.2941-.3001-.7142-.6999Zm1-10-.7071-.7071.7071.7071Zm-5.5 5.5-.7071-.7071-.2141.2141-.0594.2969.9806.1961Zm-.5 2.5.7071.7071.2141-.2141.0594-.2969-.9806-.1961Zm-2 2-.7071-.7071-.2929.2929v.4142h1Zm0 1h-1v1h1v-1Zm4 0v1h.4142l.293-.2929-.7072-.7071Zm13-11 .6897.7241a1 1 0 0 0 .0174-1.4312l-.7071.7071Zm-4.5-4.5.7071-.7071a1 1 0 0 0-1.4142 0l.7071.7071Zm-7.25 7.25.7071.7071-.7071-.7071Zm-.25 8.25h2v-2h-2v2Zm-3.4806-5.6961-.5 2.5 1.9612.3922.5-2.5-1.9612-.3922Zm-2.5194 4.6961v1h2v-1h-2Zm1 2h4v-2h-4v2Zm4.7071-.2929 1-1-1.4142-1.4142-1 1 1.4142 1.4142Zm13-12.4142-4.5-4.5-1.4142 1.4142 4.5 4.5 1.4142-1.4142Zm-1.3968-.017-3 2.8571 1.3794 1.4483 3-2.8572-1.3794-1.4482Zm-3.0245 2.8813-7 7.1429 1.4284 1.3998 7-7.1428-1.4284-1.3999Zm-4.5787-1.45 1.5-1.5-1.4142-1.4143-1.5 1.5 1.4142 1.4142Zm1.5-1.5 3-3-1.4142-1.4143-3 3 1.4142 1.4142Zm4.4885 2.9315-4.5-4.3571-1.3912 1.4368 4.5 4.3572 1.3912-1.4369Zm-7.4027-2.8458-2.75 2.75 1.4142 1.4142 2.75-2.75-1.4142-1.4142Zm-2.75 2.75-2.75 2.75 1.4142 1.4142 2.75-2.75-1.4142-1.4142Zm-3.25 5.25-1 1 1.4142 1.4142 1-1-1.4142-1.4142Zm-1 1-1 1 1.4142 1.4142 1-1-1.4142-1.4142Z'
+      />
+    )
 )
+
+IconHighlighterUnderline[iconSymbol] = true

package/react/highlighter.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 IconHighlighter: 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 22 .8905-7.124a1 1 0 0 1 .9923-.876h1.1172m15 8-.8905-7.124a1 1 0 0 0-.9923-.876h-1.1172m-12 0v-3c0-.5523.4477-1 1-1h1m-2 4h12m0 0v-3c0-.5523-.4477-1-1-1h-1m-8 0v-5.2192a1 1 0 0 1 .7575-.9702l6-1.5c.6311-.1578 1.2425.3196 1.2425.9702v6.7192m-8 0h8'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconHighlighter: 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 22 .8905-7.124a1 1 0 0 1 .9923-.876h1.1172m15 8-.8905-7.124a1 1 0 0 0-.9923-.876h-1.1172m-12 0v-3c0-.5523.4477-1 1-1h1m-2 4h12m0 0v-3c0-.5523-.4477-1-1-1h-1m-8 0v-5.2192a1 1 0 0 1 .7575-.9702l6-1.5c.6311-.1578 1.2425.3196 1.2425.9702v6.7192m-8 0h8'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconHighlighter[iconSymbol] = true

package/react/house.tsx

@@ -3,27 +3,28 @@
  * 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 IconHouse: 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='m12 4.4.7071-.7071-.7071-.7071-.7071.707.7071.7072Zm-9.7071 8.2929c-.3905.3905-.3905 1.0237 0 1.4142.3905.3905 1.0237.3905 1.4142 0l-1.4142-1.4142Zm18 1.4142c.3905.3905 1.0237.3905 1.4142 0 .3905-.3905.3905-1.0237 0-1.4142l-1.4142 1.4142Zm-9-10.4142-9 9 1.4142 1.4142 9-9-1.4142-1.4142Zm0 1.4142 9 9 1.4142-1.4142-9-9-1.4142 1.4142Zm-4.2929 13.8929v-8.5h-2v8.5h2Zm0 0h-2c0 1.1046.8954 2 2 2v-2Zm10 0h-10v2h10v-2Zm0 0v2c1.1046 0 2-.8954 2-2h-2Zm0-8.5v8.5h2v-8.5h-2Z'
-    />
-  )
+export const IconHouse: 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='m12 4.4.7071-.7071-.7071-.7071-.7071.707.7071.7072Zm-9.7071 8.2929c-.3905.3905-.3905 1.0237 0 1.4142.3905.3905 1.0237.3905 1.4142 0l-1.4142-1.4142Zm18 1.4142c.3905.3905 1.0237.3905 1.4142 0 .3905-.3905.3905-1.0237 0-1.4142l-1.4142 1.4142Zm-9-10.4142-9 9 1.4142 1.4142 9-9-1.4142-1.4142Zm0 1.4142 9 9 1.4142-1.4142-9-9-1.4142 1.4142Zm-4.2929 13.8929v-8.5h-2v8.5h2Zm0 0h-2c0 1.1046.8954 2 2 2v-2Zm10 0h-10v2h10v-2Zm0 0v2c1.1046 0 2-.8954 2-2h-2Zm0-8.5v8.5h2v-8.5h-2Z'
+      />
+    )
 )
+
+IconHouse[iconSymbol] = true

package/react/image.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 IconImage: 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'
-      strokeWidth='var(--svg-stroke-width)'
-      d='M3 18v1.5a.5.5 0 0 0 .5.5h17a.5.5 0 0 0 .5-.5v-15a.5.5 0 0 0-.5-.5h-17a.5.5 0 0 0-.5.5v13.5Zm0 0 6.6464-6.6464a.5.5 0 0 1 .7072 0l3.6464 3.6464m-2 2 3.6464-3.6464a.5.5 0 0 1 .7072 0l3.6464 3.6464'
-      vectorEffect='non-scaling-stroke'
-    />,
-    <circle cx={16} cy={8} r={2} fill='currentColor' />
-  )
+export const IconImage: 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'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M3 18v1.5a.5.5 0 0 0 .5.5h17a.5.5 0 0 0 .5-.5v-15a.5.5 0 0 0-.5-.5h-17a.5.5 0 0 0-.5.5v13.5Zm0 0 6.6464-6.6464a.5.5 0 0 1 .7072 0l3.6464 3.6464m-2 2 3.6464-3.6464a.5.5 0 0 1 .7072 0l3.6464 3.6464'
+        vectorEffect='non-scaling-stroke'
+      />,
+      <circle cx={16} cy={8} r={2} fill='currentColor' />
+    )
 )
+
+IconImage[iconSymbol] = true

package/react/information-mark-circle.tsx

@@ -3,34 +3,35 @@
  * 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 IconInformationMarkCircle: 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='M13 8.5c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1Z'
-    />,
-    <path
-      stroke='currentColor'
-      strokeLinecap='round'
-      strokeWidth='var(--svg-stroke-width)'
-      d='M12 12v4m9-4c0 4.9706-4.0294 9-9 9s-9-4.0294-9-9 4.0294-9 9-9 9 4.0294 9 9Zm-8.5-3.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z'
-      vectorEffect='non-scaling-stroke'
-    />
-  )
+export const IconInformationMarkCircle: 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='M13 8.5c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1Z'
+      />,
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M12 12v4m9-4c0 4.9706-4.0294 9-9 9s-9-4.0294-9-9 4.0294-9 9-9 9 4.0294 9 9Zm-8.5-3.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z'
+        vectorEffect='non-scaling-stroke'
+      />
+    )
 )
+
+IconInformationMarkCircle[iconSymbol] = true