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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirohq/design-system-icons",
-  "version": "0.20.0-icon-types.0",
+  "version": "0.21.0",
   "description": "",
   "author": "Miro",
   "source": "src/index.ts",
@@ -31,9 +31,9 @@
   },
   "dependencies": {
     "@mirohq/design-system-link": "^1.2.9",
+    "@mirohq/design-system-utils": "^0.13.1",
     "@mirohq/design-system-stitches": "^2.3.0",
-    "@mirohq/design-system-primitive": "^1.1.0",
-    "@mirohq/design-system-utils": "^0.13.1"
+    "@mirohq/design-system-primitive": "^1.1.0"
   },
   "devDependencies": {
     "@svgr/cli": "^6.5.1",

package/react/add-line-bottom.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 IconAddLineBottom: 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='M21 5h-18m13 10h-4m0 0h-4m4 0v-4m0 4v4'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconAddLineBottom: 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='M21 5h-18m13 10h-4m0 0h-4m4 0v-4m0 4v4'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconAddLineBottom[iconSymbol] = true

package/react/add-line-right.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 IconAddLineRight: 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 3v18m10-13v4m0 0v4m0-4h-4m4 0h4'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconAddLineRight: 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 3v18m10-13v4m0 0v4m0-4h-4m4 0h4'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconAddLineRight[iconSymbol] = true

package/react/align-bottom.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 IconAlignBottom: 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='M3 20h18'
-      vectorEffect='non-scaling-stroke'
-    />,
-    <path
-      fill='currentColor'
-      d='M7 3.5c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5v11c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5v-11ZM14 8.5c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5v6c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5v-6Z'
-    />
-  )
+export const IconAlignBottom: 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='M3 20h18'
+        vectorEffect='non-scaling-stroke'
+      />,
+      <path
+        fill='currentColor'
+        d='M7 3.5c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5v11c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5v-11ZM14 8.5c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5v6c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5v-6Z'
+      />
+    )
 )
+
+IconAlignBottom[iconSymbol] = true

package/react/align-center-horizontal.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 IconAlignCenterHorizontal: 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='M12 3v18'
-      vectorEffect='non-scaling-stroke'
-    />,
-    <path
-      fill='currentColor'
-      d='M19.5 7c.8284 0 1.5.6716 1.5 1.5s-.6716 1.5-1.5 1.5h-15c-.8284 0-1.5-.6716-1.5-1.5s.6716-1.5 1.5-1.5h15ZM16.5 14c.8284 0 1.5.6716 1.5 1.5s-.6716 1.5-1.5 1.5h-9c-.8284 0-1.5-.6716-1.5-1.5s.6716-1.5 1.5-1.5h9Z'
-    />
-  )
+export const IconAlignCenterHorizontal: 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='M12 3v18'
+        vectorEffect='non-scaling-stroke'
+      />,
+      <path
+        fill='currentColor'
+        d='M19.5 7c.8284 0 1.5.6716 1.5 1.5s-.6716 1.5-1.5 1.5h-15c-.8284 0-1.5-.6716-1.5-1.5s.6716-1.5 1.5-1.5h15ZM16.5 14c.8284 0 1.5.6716 1.5 1.5s-.6716 1.5-1.5 1.5h-9c-.8284 0-1.5-.6716-1.5-1.5s.6716-1.5 1.5-1.5h9Z'
+      />
+    )
 )
+
+IconAlignCenterHorizontal[iconSymbol] = true

package/react/align-center-vertical.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 IconAlignCenterVertical: 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='M3 12h18'
-      vectorEffect='non-scaling-stroke'
-    />,
-    <path
-      fill='currentColor'
-      d='M7 4.5c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5v15c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5v-15ZM14 7.5c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5v9c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5v-9Z'
-    />
-  )
+export const IconAlignCenterVertical: 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='M3 12h18'
+        vectorEffect='non-scaling-stroke'
+      />,
+      <path
+        fill='currentColor'
+        d='M7 4.5c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5v15c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5v-15ZM14 7.5c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5v9c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5v-9Z'
+      />
+    )
 )
+
+IconAlignCenterVertical[iconSymbol] = true

package/react/align-left.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 IconAlignLeft: 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='M4 21v-18'
-      vectorEffect='non-scaling-stroke'
-    />,
-    <path
-      fill='currentColor'
-      d='M8 15.5c0-.8284.6716-1.5 1.5-1.5h5c.8284 0 1.5.6716 1.5 1.5s-.6716 1.5-1.5 1.5h-5c-.8284 0-1.5-.6716-1.5-1.5ZM8 8.5c0-.8284.6716-1.5 1.5-1.5h11c.8284 0 1.5.6716 1.5 1.5s-.6716 1.5-1.5 1.5h-11c-.8284 0-1.5-.6716-1.5-1.5Z'
-    />
-  )
+export const IconAlignLeft: 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='M4 21v-18'
+        vectorEffect='non-scaling-stroke'
+      />,
+      <path
+        fill='currentColor'
+        d='M8 15.5c0-.8284.6716-1.5 1.5-1.5h5c.8284 0 1.5.6716 1.5 1.5s-.6716 1.5-1.5 1.5h-5c-.8284 0-1.5-.6716-1.5-1.5ZM8 8.5c0-.8284.6716-1.5 1.5-1.5h11c.8284 0 1.5.6716 1.5 1.5s-.6716 1.5-1.5 1.5h-11c-.8284 0-1.5-.6716-1.5-1.5Z'
+      />
+    )
 )
+
+IconAlignLeft[iconSymbol] = true

package/react/align-right.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 IconAlignRight: 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='M20 3v18'
-      vectorEffect='non-scaling-stroke'
-    />,
-    <path
-      fill='currentColor'
-      d='M2 8.5c0-.8284.6716-1.5 1.5-1.5h11c.8284 0 1.5.6716 1.5 1.5s-.6716 1.5-1.5 1.5h-11c-.8284 0-1.5-.6716-1.5-1.5ZM8 15.5c0-.8284.6716-1.5 1.5-1.5h5c.8284 0 1.5.6716 1.5 1.5s-.6716 1.5-1.5 1.5h-5c-.8284 0-1.5-.6716-1.5-1.5Z'
-    />
-  )
+export const IconAlignRight: 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='M20 3v18'
+        vectorEffect='non-scaling-stroke'
+      />,
+      <path
+        fill='currentColor'
+        d='M2 8.5c0-.8284.6716-1.5 1.5-1.5h11c.8284 0 1.5.6716 1.5 1.5s-.6716 1.5-1.5 1.5h-11c-.8284 0-1.5-.6716-1.5-1.5ZM8 15.5c0-.8284.6716-1.5 1.5-1.5h5c.8284 0 1.5.6716 1.5 1.5s-.6716 1.5-1.5 1.5h-5c-.8284 0-1.5-.6716-1.5-1.5Z'
+      />
+    )
 )
+
+IconAlignRight[iconSymbol] = true

package/react/align-top.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 IconAlignTop: 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='M3 3h18'
-      vectorEffect='non-scaling-stroke'
-    />,
-    <path
-      fill='currentColor'
-      d='M7 8.5c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5v11c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5v-11ZM14 8.5c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5v6c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5v-6Z'
-    />
-  )
+export const IconAlignTop: 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='M3 3h18'
+        vectorEffect='non-scaling-stroke'
+      />,
+      <path
+        fill='currentColor'
+        d='M7 8.5c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5v11c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5v-11ZM14 8.5c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5v6c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5v-6Z'
+      />
+    )
 )
+
+IconAlignTop[iconSymbol] = true

package/react/arrow-arc-left.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 IconArrowArcLeft: 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='M20 15c-2-6.0007-10.5-8.0007-16-.0001m0 0v-5m0 5h5'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconArrowArcLeft: 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='M20 15c-2-6.0007-10.5-8.0007-16-.0001m0 0v-5m0 5h5'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconArrowArcLeft[iconSymbol] = true