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

package/react/note-magnifying-glass.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 IconNoteMagnifyingGlass: 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='M9 21c.5523 0 1-.4477 1-1s-.4477-1-1-1v2Zm-6-1h-1c0 .5523.4477 1 1 1v-1Zm0-18v-1c-.5523 0-1 .4477-1 1h1Zm16 0h1c0-.5523-.4477-1-1-1v1Zm-1 8c0 .5523.4477 1 1 1s1-.4477 1-1h-2Zm-11-4c-.5523 0-1 .4477-1 1s.4477 1 1 1v-2Zm8 2c.5523 0 1-.4477 1-1s-.4477-1-1-1v2Zm-8 2c-.5523 0-1 .4477-1 1s.4477 1 1 1v-2Zm5 2c.5523 0 1-.4477 1-1s-.4477-1-1-1v2Zm-5 2c-.5523 0-1 .4477-1 1s.4477 1 1 1v-2Zm2 2c.5523 0 1-.4477 1-1s-.4477-1-1-1v2Zm10 3.6458-.7497-.6617.7497.6617Zm1.3201 2.5875c.405.3755 1.0378.3516 1.4132-.0534.3755-.405.3516-1.0378-.0534-1.4132l-1.3598 1.4666Zm-11.3201-3.2333h-6v2h6v-2Zm-5 1v-18h-2v18h2Zm-1-17h16v-2h-16v2Zm15-1v8h2v-8h-2Zm-11 6h8v-2h-8v2Zm0 4h5v-2h-5v2Zm0 4h2v-2h-2v2Zm9 4c-1.6569 0-3-1.3431-3-3h-2c0 2.7614 2.2386 5 5 5v-2Zm-3-3c0-1.6569 1.3431-3 3-3v-2c-2.7614 0-5 2.2386-5 5h2Zm3-3c1.6569 0 3 1.3431 3 3h2c0-2.7614-2.2386-5-5-5v2Zm3 3a2.985 2.985 0 0 1-.7497 1.9841l1.4994 1.3235c.7775-.8809 1.2503-2.0402 1.2503-3.3076h-2Zm-.7497 1.9841c-.5512.6245-1.3544 1.0159-2.2503 1.0159v2c1.4935 0 2.835-.6561 3.7497-1.6924l-1.4994-1.3235Zm.0698 1.3951 2 1.8541 1.3598-1.4666-2-1.8542-1.3598 1.4667Z'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconNoteMagnifyingGlass: 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='M9 21c.5523 0 1-.4477 1-1s-.4477-1-1-1v2Zm-6-1h-1c0 .5523.4477 1 1 1v-1Zm0-18v-1c-.5523 0-1 .4477-1 1h1Zm16 0h1c0-.5523-.4477-1-1-1v1Zm-1 8c0 .5523.4477 1 1 1s1-.4477 1-1h-2Zm-11-4c-.5523 0-1 .4477-1 1s.4477 1 1 1v-2Zm8 2c.5523 0 1-.4477 1-1s-.4477-1-1-1v2Zm-8 2c-.5523 0-1 .4477-1 1s.4477 1 1 1v-2Zm5 2c.5523 0 1-.4477 1-1s-.4477-1-1-1v2Zm-5 2c-.5523 0-1 .4477-1 1s.4477 1 1 1v-2Zm2 2c.5523 0 1-.4477 1-1s-.4477-1-1-1v2Zm10 3.6458-.7497-.6617.7497.6617Zm1.3201 2.5875c.405.3755 1.0378.3516 1.4132-.0534.3755-.405.3516-1.0378-.0534-1.4132l-1.3598 1.4666Zm-11.3201-3.2333h-6v2h6v-2Zm-5 1v-18h-2v18h2Zm-1-17h16v-2h-16v2Zm15-1v8h2v-8h-2Zm-11 6h8v-2h-8v2Zm0 4h5v-2h-5v2Zm0 4h2v-2h-2v2Zm9 4c-1.6569 0-3-1.3431-3-3h-2c0 2.7614 2.2386 5 5 5v-2Zm-3-3c0-1.6569 1.3431-3 3-3v-2c-2.7614 0-5 2.2386-5 5h2Zm3-3c1.6569 0 3 1.3431 3 3h2c0-2.7614-2.2386-5-5-5v2Zm3 3a2.985 2.985 0 0 1-.7497 1.9841l1.4994 1.3235c.7775-.8809 1.2503-2.0402 1.2503-3.3076h-2Zm-.7497 1.9841c-.5512.6245-1.3544 1.0159-2.2503 1.0159v2c1.4935 0 2.835-.6561 3.7497-1.6924l-1.4994-1.3235Zm.0698 1.3951 2 1.8541 1.3598-1.4666-2-1.8542-1.3598 1.4667Z'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconNoteMagnifyingGlass[iconSymbol] = true

package/react/octagon.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 IconOctagon: 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='M16 3h-8l-5 5v8l5 5h8l5-5v-8l-5-5Z'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconOctagon: 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='M16 3h-8l-5 5v8l5 5h8l5-5v-8l-5-5Z'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconOctagon[iconSymbol] = true

package/react/office.tsx

@@ -3,30 +3,31 @@
  * 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 IconOffice: 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='M5 21v-17.75a.25.25 0 0 1 .25-.25h13.5a.25.25 0 0 1 .25.25v17.75m-14 0h-2m2 0h5m9 0h-5m5 0h2m-11 0v-5.75a.25.25 0 0 1 .25-.25h3.5a.25.25 0 0 1 .25.25v5.75m-4 0h4m-5-14h1m4 0h1m-6 4h1m4 0h1'
-      vectorEffect='non-scaling-stroke'
-    />
-  )
+export const IconOffice: 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='M5 21v-17.75a.25.25 0 0 1 .25-.25h13.5a.25.25 0 0 1 .25.25v17.75m-14 0h-2m2 0h5m9 0h-5m5 0h2m-11 0v-5.75a.25.25 0 0 1 .25-.25h3.5a.25.25 0 0 1 .25.25v5.75m-4 0h4m-5-14h1m4 0h1m-6 4h1m4 0h1'
+        vectorEffect='non-scaling-stroke'
+      />
+    )
 )
+
+IconOffice[iconSymbol] = true

package/react/paint-bucket.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 IconPaintBucket: 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='m5 2 6 6m0-5 9 9-8.5858 8.5858c-.781.781-2.0474.781-2.8284 0l-6.1716-6.1716c-.781-.781-.781-2.0474 0-2.8284l8.5858-8.5858Z'
-      vectorEffect='non-scaling-stroke'
-    />,
-    <path
-      fill='currentColor'
-      d='M22 19c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-3 1.5-3 1.5 2.1716 1.5 3Z'
-    />
-  )
+export const IconPaintBucket: 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='m5 2 6 6m0-5 9 9-8.5858 8.5858c-.781.781-2.0474.781-2.8284 0l-6.1716-6.1716c-.781-.781-.781-2.0474 0-2.8284l8.5858-8.5858Z'
+        vectorEffect='non-scaling-stroke'
+      />,
+      <path
+        fill='currentColor'
+        d='M22 19c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-3 1.5-3 1.5 2.1716 1.5 3Z'
+      />
+    )
 )
+
+IconPaintBucket[iconSymbol] = true

package/react/paper-plane-filled-right.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 IconPaperPlaneFilledRight: 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'
-      fillRule='evenodd'
-      d='M3.4211 2.5949c-.8474-.3892-1.7194.4905-1.3223 1.334l2.9012 7.0711h3.5c1.5 0 1.5 1.8728 0 1.8728h-3.5l-2.9012 7.0561c-.397.8435.475 1.7232 1.3224 1.334l18.1777-8.2785c.7766-.3567.7766-1.6277 0-1.9844l-18.1778-8.4051Z'
-      clipRule='evenodd'
-    />,
-    <path
-      stroke='currentColor'
-      strokeWidth='var(--svg-stroke-width)'
-      d='m22 21.0003.001-.0003'
-      vectorEffect='non-scaling-stroke'
-    />
-  )
+export const IconPaperPlaneFilledRight: 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'
+        fillRule='evenodd'
+        d='M3.4211 2.5949c-.8474-.3892-1.7194.4905-1.3223 1.334l2.9012 7.0711h3.5c1.5 0 1.5 1.8728 0 1.8728h-3.5l-2.9012 7.0561c-.397.8435.475 1.7232 1.3224 1.334l18.1777-8.2785c.7766-.3567.7766-1.6277 0-1.9844l-18.1778-8.4051Z'
+        clipRule='evenodd'
+      />,
+      <path
+        stroke='currentColor'
+        strokeWidth='var(--svg-stroke-width)'
+        d='m22 21.0003.001-.0003'
+        vectorEffect='non-scaling-stroke'
+      />
+    )
 )
+
+IconPaperPlaneFilledRight[iconSymbol] = true

package/react/paper-plane-tilt.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 IconPaperPlaneTilt: 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='m10 14 11-11m-11 11 4 8 7-19m-11 11-8-4 19-7'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconPaperPlaneTilt: 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='m10 14 11-11m-11 11 4 8 7-19m-11 11-8-4 19-7'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconPaperPlaneTilt[iconSymbol] = true

package/react/parallelogram.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 IconParallelogram: 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='M21.6798 4h-15.4846a.25.25 0 0 0-.2425.1894l-3.875 15.5a.25.25 0 0 0 .2425.3106h15.4846a.25.25 0 0 0 .2425-.1894l3.875-15.5a.25.25 0 0 0-.2425-.3106Z'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconParallelogram: 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='M21.6798 4h-15.4846a.25.25 0 0 0-.2425.1894l-3.875 15.5a.25.25 0 0 0 .2425.3106h15.4846a.25.25 0 0 0 .2425-.1894l3.875-15.5a.25.25 0 0 0-.2425-.3106Z'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconParallelogram[iconSymbol] = true

package/react/pause-circle.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 IconPauseCircle: 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='M13.8889 9.1667v5.6666m-3.7778-5.6666v5.6666m10.3889-2.8333c0 4.6944-3.8056 8.5-8.5 8.5s-8.5-3.8056-8.5-8.5 3.8056-8.5 8.5-8.5 8.5 3.8056 8.5 8.5Z'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconPauseCircle: 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='M13.8889 9.1667v5.6666m-3.7778-5.6666v5.6666m10.3889-2.8333c0 4.6944-3.8056 8.5-8.5 8.5s-8.5-3.8056-8.5-8.5 3.8056-8.5 8.5-8.5 8.5 3.8056 8.5 8.5Z'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconPauseCircle[iconSymbol] = true

package/react/pause.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 IconPause: 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 fill='currentColor' clipPath='url(#a)'>
-      <path d='M7 6.0001c0-1.3437 3-1.3438 3 0v11.9999c0 1.3594-3 1.3594-3 0v-11.9999ZM14 6c0-1.3438 3-1.3438 3 0v11.9999c0 1.3594-3 1.3594-3 0v-11.9999Z' />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconPause: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <g fill='currentColor' clipPath='url(#a)'>
+        <path d='M7 6.0001c0-1.3437 3-1.3438 3 0v11.9999c0 1.3594-3 1.3594-3 0v-11.9999ZM14 6c0-1.3438 3-1.3438 3 0v11.9999c0 1.3594-3 1.3594-3 0v-11.9999Z' />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconPause[iconSymbol] = true