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

package/react/minus.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 IconMinus: 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='M6 12h12'
-      vectorEffect='non-scaling-stroke'
-    />
-  )
+export const IconMinus: 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='M6 12h12'
+        vectorEffect='non-scaling-stroke'
+      />
+    )
 )
+
+IconMinus[iconSymbol] = true

package/react/monitor-arrow.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 IconMonitorArrow: 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='M9 21h6m-3-17h-8c-.5523 0-1 .4477-1 1v12c0 .5523.4477 1 1 1h16c.5523 0 1-.4477 1-1v-4m-5-4 6-6m0 0v5m0-5h-5'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconMonitorArrow: 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='M9 21h6m-3-17h-8c-.5523 0-1 .4477-1 1v12c0 .5523.4477 1 1 1h16c.5523 0 1-.4477 1-1v-4m-5-4 6-6m0 0v5m0-5h-5'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconMonitorArrow[iconSymbol] = true

package/react/monitor-pause.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 IconMonitorPause: 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='M9 21h6m-5-12v4m4-4v4m-10-9h16c.5523 0 1 .4477 1 1v12c0 .5523-.4477 1-1 1h-16c-.5523 0-1-.4477-1-1v-12c0-.5523.4477-1 1-1Z'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconMonitorPause: 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='M9 21h6m-5-12v4m4-4v4m-10-9h16c.5523 0 1 .4477 1 1v12c0 .5523-.4477 1-1 1h-16c-.5523 0-1-.4477-1-1v-12c0-.5523.4477-1 1-1Z'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconMonitorPause[iconSymbol] = true

package/react/monitor-play.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 IconMonitorPlay: 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='M9 21h6m-11-3h16c.5523 0 1-.4477 1-1v-12c0-.5523-.4477-1-1-1h-16c-.5523 0-1 .4477-1 1v12c0 .5523.4477 1 1 1Z'
-      vectorEffect='non-scaling-stroke'
-    />,
-    <path
-      fill='currentColor'
-      d='M15.376 10.584c.2968.1979.2968.6341 0 .832l-4.5987 3.0658c-.3322.2215-.7773-.0167-.7773-.4161v-6.1314c0-.3994.4451-.6376.7774-.416l4.5986 3.0657Z'
-    />
-  )
+export const IconMonitorPlay: 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='M9 21h6m-11-3h16c.5523 0 1-.4477 1-1v-12c0-.5523-.4477-1-1-1h-16c-.5523 0-1 .4477-1 1v12c0 .5523.4477 1 1 1Z'
+        vectorEffect='non-scaling-stroke'
+      />,
+      <path
+        fill='currentColor'
+        d='M15.376 10.584c.2968.1979.2968.6341 0 .832l-4.5987 3.0658c-.3322.2215-.7773-.0167-.7773-.4161v-6.1314c0-.3994.4451-.6376.7774-.416l4.5986 3.0657Z'
+      />
+    )
 )
+
+IconMonitorPlay[iconSymbol] = true

package/react/monitor-stop.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 IconMonitorStop: 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='M9 21h6m-11-3h16c.5523 0 1-.4477 1-1v-12c0-.5523-.4477-1-1-1h-16c-.5523 0-1 .4477-1 1v12c0 .5523.4477 1 1 1Z'
-      vectorEffect='non-scaling-stroke'
-    />,
-    <rect width={6} height={6} x={9} y={8} fill='currentColor' rx={1} />
-  )
+export const IconMonitorStop: 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='M9 21h6m-11-3h16c.5523 0 1-.4477 1-1v-12c0-.5523-.4477-1-1-1h-16c-.5523 0-1 .4477-1 1v12c0 .5523.4477 1 1 1Z'
+        vectorEffect='non-scaling-stroke'
+      />,
+      <rect width={6} height={6} x={9} y={8} fill='currentColor' rx={1} />
+    )
 )
+
+IconMonitorStop[iconSymbol] = true

package/react/moon.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 IconMoon: 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'
-      strokeLinejoin='round'
-      strokeWidth='var(--svg-stroke-width)'
-      d='M21 13.3757a9.0907 9.0907 0 0 1-2.1328.2523c-5.0076 0-9.067-4.0594-9.067-9.067 0-.5323.0459-1.0539.1339-1.561-3.9784.9592-6.9341 4.5418-6.9341 8.8147 0 5.0075 4.0594 9.0669 9.0669 9.0669 4.4753 0 8.1932-3.2422 8.9331-7.5059Z'
-      vectorEffect='non-scaling-stroke'
-    />
-  )
+export const IconMoon: 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'
+        strokeLinejoin='round'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M21 13.3757a9.0907 9.0907 0 0 1-2.1328.2523c-5.0076 0-9.067-4.0594-9.067-9.067 0-.5323.0459-1.0539.1339-1.561-3.9784.9592-6.9341 4.5418-6.9341 8.8147 0 5.0075 4.0594 9.0669 9.0669 9.0669 4.4753 0 8.1932-3.2422 8.9331-7.5059Z'
+        vectorEffect='non-scaling-stroke'
+      />
+    )
 )
+
+IconMoon[iconSymbol] = true

package/react/mouse.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 IconMouse: 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='M12 8v3m-3-7.5h6c2.2091 0 4 1.7909 4 4v6c0 3.866-3.134 7-7 7s-7-3.134-7-7v-6c0-2.2091 1.7909-4 4-4Z'
-      vectorEffect='non-scaling-stroke'
-    />,
-    <path fill='currentColor' d='M0 0h.001v.001h-.001v-.001Z' />
-  )
+export const IconMouse: 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='M12 8v3m-3-7.5h6c2.2091 0 4 1.7909 4 4v6c0 3.866-3.134 7-7 7s-7-3.134-7-7v-6c0-2.2091 1.7909-4 4-4Z'
+        vectorEffect='non-scaling-stroke'
+      />,
+      <path fill='currentColor' d='M0 0h.001v.001h-.001v-.001Z' />
+    )
 )
+
+IconMouse[iconSymbol] = true

package/react/navigation-arrow-lines.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 IconNavigationArrowLines: 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='M11 4h10m-6 4h2m-12.5943-1.9315 9.4348 9.246c.3148.3085.135.8732-.2891.9084h-5.0514a.4679.4679 0 0 0-.285.1305l-3.4076 3.7094c-.3128.2998-.8074.0604-.8074-.3909v-13.41c0-.227.25-.346.4057-.1934Z'
-      vectorEffect='non-scaling-stroke'
-    />,
-    <path
-      fill='currentColor'
-      d='m13.8405 15.3145-9.4348-9.246c-.1558-.1527-.4057-.0335-.4057.1935v13.4099c0 .4513.4946.6907.8074.3909l3.4075-3.7094a.4679.4679 0 0 1 .2851-.1305h5.0514c.4241-.0352.6039-.5999.2891-.9084Z'
-    />
-  )
+export const IconNavigationArrowLines: 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='M11 4h10m-6 4h2m-12.5943-1.9315 9.4348 9.246c.3148.3085.135.8732-.2891.9084h-5.0514a.4679.4679 0 0 0-.285.1305l-3.4076 3.7094c-.3128.2998-.8074.0604-.8074-.3909v-13.41c0-.227.25-.346.4057-.1934Z'
+        vectorEffect='non-scaling-stroke'
+      />,
+      <path
+        fill='currentColor'
+        d='m13.8405 15.3145-9.4348-9.246c-.1558-.1527-.4057-.0335-.4057.1935v13.4099c0 .4513.4946.6907.8074.3909l3.4075-3.7094a.4679.4679 0 0 1 .2851-.1305h5.0514c.4241-.0352.6039-.5999.2891-.9084Z'
+      />
+    )
 )
+
+IconNavigationArrowLines[iconSymbol] = true

package/react/navigation-up-left-filled.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 IconNavigationUpLeftFilled: 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='m20.5358 9.963-17.08-6.9367c-.282-.1145-.545.1648-.4268.4536l6.9804 17.0582c.2349.5739 1.0026.6256 1.2533.0843l2.4995-6.4611a.6492.6492 0 0 1 .3028-.3118l6.5677-2.5832c.5332-.2616.4729-1.0719-.0969-1.3033Z'
-      vectorEffect='non-scaling-stroke'
-    />,
-    <path
-      fill='currentColor'
-      d='m20.5358 9.963-17.08-6.9367c-.282-.1145-.545.1648-.4268.4536l6.9804 17.0582c.2349.5739 1.0026.6256 1.2533.0843l2.4995-6.4611a.6492.6492 0 0 1 .3028-.3118l6.5677-2.5832c.5332-.2616.4729-1.0719-.0969-1.3033Z'
-    />
-  )
+export const IconNavigationUpLeftFilled: 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='m20.5358 9.963-17.08-6.9367c-.282-.1145-.545.1648-.4268.4536l6.9804 17.0582c.2349.5739 1.0026.6256 1.2533.0843l2.4995-6.4611a.6492.6492 0 0 1 .3028-.3118l6.5677-2.5832c.5332-.2616.4729-1.0719-.0969-1.3033Z'
+        vectorEffect='non-scaling-stroke'
+      />,
+      <path
+        fill='currentColor'
+        d='m20.5358 9.963-17.08-6.9367c-.282-.1145-.545.1648-.4268.4536l6.9804 17.0582c.2349.5739 1.0026.6256 1.2533.0843l2.4995-6.4611a.6492.6492 0 0 1 .3028-.3118l6.5677-2.5832c.5332-.2616.4729-1.0719-.0969-1.3033Z'
+      />
+    )
 )
+
+IconNavigationUpLeftFilled[iconSymbol] = true

package/react/navigation-up-left-slash.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 IconNavigationUpLeftSlash: 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='m7.8967 15.375 2.1127 5.1631c.2349.5739 1.0026.6256 1.2533.0843l2.4995-6.4611a.6492.6492 0 0 1 .3028-.3118l6.5677-2.5832c.5332-.2616.4729-1.0719-.0969-1.3033l-5.0905-2.0674m-9.8505 1.8544-2.5658-6.2701c-.1182-.2888.1447-.5681.4268-.4536l6.2942 2.5563m-6.75 14.2924 16.875-16.875'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconNavigationUpLeftSlash: 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='m7.8967 15.375 2.1127 5.1631c.2349.5739 1.0026.6256 1.2533.0843l2.4995-6.4611a.6492.6492 0 0 1 .3028-.3118l6.5677-2.5832c.5332-.2616.4729-1.0719-.0969-1.3033l-5.0905-2.0674m-9.8505 1.8544-2.5658-6.2701c-.1182-.2888.1447-.5681.4268-.4536l6.2942 2.5563m-6.75 14.2924 16.875-16.875'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconNavigationUpLeftSlash[iconSymbol] = true