@mirohq/design-system-icons 0.20.0-icon-types.0 → 0.21.0

package/react/sticky-note.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 IconStickyNote: 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='M21 14.5v-11.5h-18v18h11.5m6.5-6.5-6.5 6.5m6.5-6.5h-6.5v6.5'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconStickyNote: 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='M21 14.5v-11.5h-18v18h11.5m6.5-6.5-6.5 6.5m6.5-6.5h-6.5v6.5'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconStickyNote[iconSymbol] = true

package/react/sticky-notes-two.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 IconStickyNotesTwo: 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
-        fill='currentColor'
-        d='M15 21v1c.2652 0 .5196-.1054.7071-.2929l-.7071-.7071Zm6-6 .7071.7071a1.0001 1.0001 0 0 0 .2929-.7071h-1Zm-6 0v-1h-1v1h1Zm-11.5-11h12v-2h-12v2Zm.5 11.5v-12h-2v12h2Zm11-12v4.5h2v-4.5h-2Zm-7 11.5h-4.5v2h4.5v-2Zm.5-6h7.5v-2h-7.5v2Zm7.5 0h4.5v-2h-4.5v2Zm-7 11.5v-4.5h-2v4.5h2Zm0-4.5v-7.5h-2v7.5h2Zm6 4h-6.5v2h6.5v-2Zm5-11.5v6.5h2v-6.5h-2Zm-4.2929 13.2071 6-6-1.4142-1.4142-6 6 1.4142 1.4142Zm.2929-.7071v-6h-2v6h2Zm-1-5h6v-2h-6v2Zm-8 4.5c0 .8284.6716 1.5 1.5 1.5v-2a.5.5 0 0 1 .5.5h-2Zm-5-5c0 .8284.6716 1.5 1.5 1.5v-2a.5.5 0 0 1 .5.5h-2Zm18.5-6.5a.5.5 0 0 1-.5-.5h2c0-.8284-.6716-1.5-1.5-1.5v2Zm-5-5a.5.5 0 0 1-.5-.5h2c0-.8284-.6716-1.5-1.5-1.5v2Zm-7 3c-.8284 0-1.5.6716-1.5 1.5h2a.5.5 0 0 1-.5.5v-2Zm-5-5c-.8284 0-1.5.6716-1.5 1.5h2a.5.5 0 0 1-.5.5v-2Z'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconStickyNotesTwo: 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
+          fill='currentColor'
+          d='M15 21v1c.2652 0 .5196-.1054.7071-.2929l-.7071-.7071Zm6-6 .7071.7071a1.0001 1.0001 0 0 0 .2929-.7071h-1Zm-6 0v-1h-1v1h1Zm-11.5-11h12v-2h-12v2Zm.5 11.5v-12h-2v12h2Zm11-12v4.5h2v-4.5h-2Zm-7 11.5h-4.5v2h4.5v-2Zm.5-6h7.5v-2h-7.5v2Zm7.5 0h4.5v-2h-4.5v2Zm-7 11.5v-4.5h-2v4.5h2Zm0-4.5v-7.5h-2v7.5h2Zm6 4h-6.5v2h6.5v-2Zm5-11.5v6.5h2v-6.5h-2Zm-4.2929 13.2071 6-6-1.4142-1.4142-6 6 1.4142 1.4142Zm.2929-.7071v-6h-2v6h2Zm-1-5h6v-2h-6v2Zm-8 4.5c0 .8284.6716 1.5 1.5 1.5v-2a.5.5 0 0 1 .5.5h-2Zm-5-5c0 .8284.6716 1.5 1.5 1.5v-2a.5.5 0 0 1 .5.5h-2Zm18.5-6.5a.5.5 0 0 1-.5-.5h2c0-.8284-.6716-1.5-1.5-1.5v2Zm-5-5a.5.5 0 0 1-.5-.5h2c0-.8284-.6716-1.5-1.5-1.5v2Zm-7 3c-.8284 0-1.5.6716-1.5 1.5h2a.5.5 0 0 1-.5.5v-2Zm-5-5c-.8284 0-1.5.6716-1.5 1.5h2a.5.5 0 0 1-.5.5v-2Z'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconStickyNotesTwo[iconSymbol] = true

package/react/stop-circle.tsx

@@ -3,35 +3,36 @@
  * 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 IconStopCircle: 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,
-    },
-    <circle
-      cx={12}
-      cy={12}
-      r={8.5}
-      stroke='currentColor'
-      strokeWidth='var(--svg-stroke-width)'
-      vectorEffect='non-scaling-stroke'
-    />,
-    <path
-      fill='currentColor'
-      d='M9 10c0-.5523.4477-1 1-1h4c.5523 0 1 .4477 1 1v4c0 .5523-.4477 1-1 1h-4c-.5523 0-1-.4477-1-1v-4Z'
-    />
-  )
+export const IconStopCircle: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <circle
+        cx={12}
+        cy={12}
+        r={8.5}
+        stroke='currentColor'
+        strokeWidth='var(--svg-stroke-width)'
+        vectorEffect='non-scaling-stroke'
+      />,
+      <path
+        fill='currentColor'
+        d='M9 10c0-.5523.4477-1 1-1h4c.5523 0 1 .4477 1 1v4c0 .5523-.4477 1-1 1h-4c-.5523 0-1-.4477-1-1v-4Z'
+      />
+    )
 )
+
+IconStopCircle[iconSymbol] = true

package/react/stroke-1.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 IconStroke1: 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
-        fill='currentColor'
-        d='M4.3182 19.6818c-.4243-.4242-.4243-1.1121 0-1.5364l13.8272-13.8272c.4243-.4243 1.1122-.4243 1.5364 0 .4243.4242.4243 1.1121 0 1.5363l-13.8272 13.8273c-.4243.4243-1.1121.4243-1.5364 0Z'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconStroke1: 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
+          fill='currentColor'
+          d='M4.3182 19.6818c-.4243-.4242-.4243-1.1121 0-1.5364l13.8272-13.8272c.4243-.4243 1.1122-.4243 1.5364 0 .4243.4242.4243 1.1121 0 1.5363l-13.8272 13.8273c-.4243.4243-1.1121.4243-1.5364 0Z'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconStroke1[iconSymbol] = true

package/react/stroke-2.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 IconStroke2: 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
-        fill='currentColor'
-        d='M4.612 19.388c-.816-.8161-.816-2.1392 0-2.9552l11.8208-11.8208c.816-.816 2.1391-.816 2.9552 0 .816.816.816 2.1392 0 2.9552l-11.8208 11.8208c-.816.816-2.1391.816-2.9552 0Z'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconStroke2: 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
+          fill='currentColor'
+          d='M4.612 19.388c-.816-.8161-.816-2.1392 0-2.9552l11.8208-11.8208c.816-.816 2.1391-.816 2.9552 0 .816.816.816 2.1392 0 2.9552l-11.8208 11.8208c-.816.816-2.1391.816-2.9552 0Z'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconStroke2[iconSymbol] = true

package/react/stroke-3.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 IconStroke3: 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
-        fill='currentColor'
-        d='M4.8842 19.1158c-1.179-1.179-1.179-3.0905 0-4.2695l9.9621-9.962c1.179-1.179 3.0905-1.179 4.2695 0 1.1789 1.179 1.1789 3.0904 0 4.2694l-9.9621 9.9621c-1.179 1.1789-3.0905 1.1789-4.2695 0Z'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconStroke3: 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
+          fill='currentColor'
+          d='M4.8842 19.1158c-1.179-1.179-1.179-3.0905 0-4.2695l9.9621-9.962c1.179-1.179 3.0905-1.179 4.2695 0 1.1789 1.179 1.1789 3.0904 0 4.2694l-9.9621 9.9621c-1.179 1.1789-3.0905 1.1789-4.2695 0Z'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconStroke3[iconSymbol] = true

package/react/stroke-4.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 IconStroke4: 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
-        fill='currentColor'
-        d='M5.137 18.8629c-1.516-1.5161-1.516-3.9742 0-5.4903l8.2356-8.2355c1.5161-1.5161 3.9742-1.5161 5.4903 0 1.5161 1.5161 1.5161 3.9742 0 5.4903l-8.2355 8.2355c-1.5161 1.5161-3.9742 1.5161-5.4903 0Z'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconStroke4: 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
+          fill='currentColor'
+          d='M5.137 18.8629c-1.516-1.5161-1.516-3.9742 0-5.4903l8.2356-8.2355c1.5161-1.5161 3.9742-1.5161 5.4903 0 1.5161 1.5161 1.5161 3.9742 0 5.4903l-8.2355 8.2355c-1.5161 1.5161-3.9742 1.5161-5.4903 0Z'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconStroke4[iconSymbol] = true

package/react/stroke-5.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 IconStroke5: 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
-        fill='currentColor'
-        d='M5.3726 18.6274c-1.8301-1.8301-1.8301-4.7973 0-6.6274l6.6274-6.6274c1.8301-1.8301 4.7973-1.8301 6.6274 0 1.8301 1.83 1.8301 4.7973 0 6.6274l-6.6274 6.6274c-1.8301 1.8301-4.7973 1.8301-6.6274 0Z'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconStroke5: 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
+          fill='currentColor'
+          d='M5.3726 18.6274c-1.8301-1.8301-1.8301-4.7973 0-6.6274l6.6274-6.6274c1.8301-1.8301 4.7973-1.8301 6.6274 0 1.8301 1.83 1.8301 4.7973 0 6.6274l-6.6274 6.6274c-1.8301 1.8301-4.7973 1.8301-6.6274 0Z'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconStroke5[iconSymbol] = true

package/react/stroke-6.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 IconStroke6: 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
-        fill='currentColor'
-        d='M5.2574 18.6924c-2.3432-2.3432-2.3432-6.1421 0-8.4853l4.9497-4.9497c2.3432-2.3432 6.1421-2.3432 8.4853 0 2.3431 2.3431 2.3431 6.1421 0 8.4852l-4.9498 4.9498c-2.3431 2.3431-6.1421 2.3431-8.4852 0Z'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconStroke6: 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
+          fill='currentColor'
+          d='M5.2574 18.6924c-2.3432-2.3432-2.3432-6.1421 0-8.4853l4.9497-4.9497c2.3432-2.3432 6.1421-2.3432 8.4853 0 2.3431 2.3431 2.3431 6.1421 0 8.4852l-4.9498 4.9498c-2.3431 2.3431-6.1421 2.3431-8.4852 0Z'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconStroke6[iconSymbol] = true

package/react/switch.tsx

@@ -3,32 +3,33 @@
  * 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 IconSwitch: 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='M7 18c-7 0-7-11 0-11h10c7 0 7 11 0 11h-10Z'
-      vectorEffect='non-scaling-stroke'
-    />,
-    <circle cx={8.5} cy={12.5} r={3.5} fill='currentColor' />
-  )
+export const IconSwitch: 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='M7 18c-7 0-7-11 0-11h10c7 0 7 11 0 11h-10Z'
+        vectorEffect='non-scaling-stroke'
+      />,
+      <circle cx={8.5} cy={12.5} r={3.5} fill='currentColor' />
+    )
 )
+
+IconSwitch[iconSymbol] = true