@mirohq/design-system-icons 0.7.0 → 0.8.0

package/react/chat-two.tsx

@@ -0,0 +1,31 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconChatTwo: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g clipPath='url(#a)'>
+      <path
+        fill='currentColor'
+        d='M15 9h1a1 1 0 0 0-1-1v1Zm0 10v1a1 1 0 0 0 1-1h-1ZM2 21H1a1 1 0 0 0 1.555.832L2 21Zm3-2v-1h-.303l-.252.168L5 19Zm17-2-.707.707A1 1 0 0 0 23 17h-1Zm-3-3 .707-.707-.293-.293H19v1ZM1 9.5V21h2V9.5H1Zm1.555 12.332 3-2-1.11-1.664-3 2 1.11 1.664ZM5 20h10v-2H5v2ZM2.5 10H7V8H2.5v2ZM7 10h8V8H7v2Zm1-1V4.5H6V9h2Zm-.5-4h14V3h-14v2ZM21 4.5V17h2V4.5h-2Zm1.707 11.793-3-3-1.414 1.414 3 3 1.414-1.414ZM14 9v5h2V9h-2Zm0 5v5h2v-5h-2Zm5-1h-4v2h4v-2Zm2.5-8a.5.5 0 0 1-.5-.5h2A1.5 1.5 0 0 0 21.5 3v2ZM8 4.5a.5.5 0 0 1-.5.5V3A1.5 1.5 0 0 0 6 4.5h2Zm-5 5a.5.5 0 0 1-.5.5V8A1.5 1.5 0 0 0 1 9.5h2Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/chat.tsx

@@ -20,7 +20,7 @@ export const IconChat: ForwardRefExoticComponent<
       <path
         stroke='currentColor'
         strokeWidth={2}
-        d='m12 18.5-3.847 2.404A.1.1 0 0 1 8 20.82V18.5H5.5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h13a2 2 0 0 1 2 2v10.5a2 2 0 0 1-2 2H12Z'
+        d='m12 18-3.84 2.88A.1.1 0 0 1 8 20.8V18H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-8Z'
       />
     </g>,
     <defs>

package/react/checkboard-square-centered.tsx

@@ -0,0 +1,25 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconCheckboardSquareCentered: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <path
+      fill='currentColor'
+      d='M1 2a1 1 0 0 1 1-1h1v2H1V2Zm2 1h2v2H3V3ZM1 5h2v2H1V5Zm2 2h2v2H3V7ZM1 9h2v2H1V9Zm2 2h2v2H3v-2Zm-2 2h2v2H1v-2Zm2 2h2v2H3v-2Zm-2 2h2v2H1v-2Zm0 4h2v2H2a1 1 0 0 1-1-1v-1Zm2-2h2v2H3v-2ZM5 1h2v2H5V1Zm2 2h2v2H7V3ZM5 5h2L5 7V5Zm0 12 2 2H5v-2Zm0 4h2v2H5v-2Zm2-2h2v2H7v-2ZM9 1h2v2H9V1Zm2 2h2v2h-2V3ZM9 21h2v2H9v-2Zm2-2h2v2h-2v-2Zm2-18h2v2h-2V1Zm2 2h2v2h-2V3Zm-2 18h2v2h-2v-2Zm2-2h2v2h-2v-2Zm2-18h2v2h-2V1Zm4 0h1a1 1 0 0 1 1 1v1h-2V1Zm-2 2h2v2h-2V3Zm-2 2h2v2l-2-2Zm4 0h2v2h-2V5Zm-2 2h2v2h-2V7Zm2 2h2v2h-2V9Zm-2 2h2v2h-2v-2Zm2 2h2v2h-2v-2Zm-2 2h2v2h-2v-2Zm0 2v2h-2l2-2Zm-2 4h2v2h-2v-2Zm4-4h2v2h-2v-2Zm0 4h2v1a1 1 0 0 1-1 1h-1v-2Zm-2-2h2v2h-2v-2ZM7 9a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V9Z'
+    />,
+    <path stroke='currentColor' strokeWidth={5} d='M22 21h.001' />
+  )
+)

package/react/circle-corners.tsx

@@ -0,0 +1,28 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconCircleCorners: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={2}
+      d='M3 7V3h4m10 0h4v4m0 10v4h-4M7 21H3v-4'
+    />,
+    <circle cx={12} cy={12} r={4} fill='currentColor' />
+  )
+)

package/react/cog.tsx

@@ -16,7 +16,7 @@ export const IconCog: ForwardRefExoticComponent<
       fill: 'none',
       ref: forwardRef,
     },
-    <circle cx={12} cy={12} r={1} stroke='currentColor' strokeWidth={2} />,
+    <circle cx={12} cy={12} r={2} fill='currentColor' />,
     <path
       stroke='currentColor'
       strokeLinecap='round'

package/react/cone-serpentine.tsx

@@ -0,0 +1,29 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconConeSerpentine: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeMiterlimit={16}
+      strokeWidth={2}
+      d='M8.5 6 2 22l16-6M8.5 6s3.375.375 6.5 3.5 3 6.5 3 6.5M8.5 6s-.39 3.11 3 6.5S18 16 18 16m-1-9 1-2 3 1 1-3m-2 7.5h2'
+    />,
+    <circle cx={14.25} cy={3.25} r={1.25} fill='currentColor' />
+  )
+)

package/react/corners-three-eye-open.tsx

@@ -0,0 +1,25 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconCornersThreeEyeOpen: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <path
+      fill='currentColor'
+      d='M7 5a1 1 0 0 0 0-2v2ZM3 4V3a1 1 0 0 0-1 1h1ZM2 8a1 1 0 0 0 2 0H2Zm2 8a1 1 0 1 0-2 0h2Zm-1 4H2a1 1 0 0 0 1 1v-1Zm4 1a1 1 0 1 0 0-2v2Zm15-5a1 1 0 1 0-2 0h2Zm-1 4v1a1 1 0 0 0 1-1h-1Zm-4-1a1 1 0 1 0 0 2v-2ZM11 7c0 .163-.05.222.01.084.04-.09.108-.223.212-.388.207-.33.528-.748.962-1.154C13.048 4.732 14.314 4 16 4V2c-2.314 0-4.048 1.018-5.184 2.083a7.972 7.972 0 0 0-1.288 1.55 5.043 5.043 0 0 0-.351.652C9.112 6.435 9 6.711 9 7h2Zm5-3c1.686 0 2.952.732 3.816 1.542.434.406.755.823.962 1.154.104.165.173.299.211.388.06.138.011.08.011-.084h2c0-.288-.112-.566-.177-.715a5.052 5.052 0 0 0-.35-.652 7.974 7.974 0 0 0-1.29-1.55C20.049 3.018 18.315 2 16 2v2Zm5 3c0-.163.05-.222-.01-.084a3.07 3.07 0 0 1-.212.388c-.207.33-.528.748-.962 1.154C18.952 9.268 17.686 10 16 10v2c2.314 0 4.048-1.018 5.184-2.083a7.974 7.974 0 0 0 1.288-1.55c.146-.232.265-.454.351-.652.065-.15.177-.426.177-.715h-2Zm-5 3c-1.686 0-2.952-.732-3.816-1.542a5.975 5.975 0 0 1-.962-1.154 3.083 3.083 0 0 1-.211-.388C10.95 6.778 11 6.836 11 7H9c0 .288.112.566.177.715.086.198.205.42.35.652a7.972 7.972 0 0 0 1.29 1.55C11.951 10.982 13.685 12 16 12v-2ZM7 3H3v2h4V3ZM2 4v4h2V4H2Zm0 12v4h2v-4H2Zm1 5h4v-2H3v2Zm17-5v4h2v-4h-2Zm1 3h-4v2h4v-2Z'
+    />,
+    <circle cx={16} cy={7} r={2} fill='currentColor' />
+  )
+)

package/react/dash-left-down-square-dash-right-up.tsx

@@ -0,0 +1,34 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconDashLeftDownSquareDashRightUp: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g clipPath='url(#a)'>
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={2}
+        d='m4 20 2-2M18 6l2-2M9 16h6a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/dash-left-up-square-dash-down-right.tsx

@@ -0,0 +1,34 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconDashLeftUpSquareDashDownRight: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g clipPath='url(#a)'>
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={2}
+        d='m4 4 2 2m12 12 2 2M9 16h6a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/dash-square-dash-horizontal.tsx

@@ -0,0 +1,34 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconDashSquareDashHorizontal: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g clipPath='url(#a)'>
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={2}
+        d='M3 12h2m14 0h2M9 16h6a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/dash-square-dash-vertical.tsx

@@ -0,0 +1,34 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconDashSquareDashVertical: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g clipPath='url(#a)'>
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={2}
+        d='M12 3v2m0 14v2M8 9v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/eye-closed-dots-four-frame-broken.tsx

@@ -0,0 +1,27 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconEyeClosedDotsFourFrameBroken: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={2}
+      d='M5 5H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-4M9.5 5s.378.66 1.092 1.408m0 0c.667.698 1.628 1.472 2.85 1.853m-2.85-1.853L9 8m4.441.261a5.21 5.21 0 0 0 3.118 0m-3.118 0L13 10m3.559-1.739L17 10m-.441-1.739c1.22-.38 2.182-1.155 2.85-1.853m0 0A8.106 8.106 0 0 0 20.5 5m-1.092 1.408L21 8M7 15h1m3.5 0h1m3.5 0h1'
+    />
+  )
+)

package/react/eye-closed.tsx

@@ -0,0 +1,34 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconEyeClosed: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g clipPath='url(#a)'>
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={2}
+        d='M2.91 11s.487.975 1.53 2.1M21.09 11s-.487.975-1.53 2.1m-15.12 0L2 15.547M4.44 13.1c1.038 1.12 2.627 2.387 4.833 2.994m0 0c.822.226 1.73.36 2.727.36.997 0 1.905-.134 2.727-.36m-5.454 0-.91 3.087m6.364-3.087.91 3.087m-.91-3.087c2.206-.606 3.794-1.875 4.833-2.994m0 0L22 15.545'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/eye-open-line-frame-broken.tsx

@@ -0,0 +1,28 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconEyeOpenLineFrameBroken: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={2}
+      d='M5 5H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-4M7 15h10M9 7c0-.5 2-4 6-4s6 3.5 6 4-2 4-6 4-6-3.5-6-4Z'
+    />,
+    <circle cx={15} cy={7} r={2} fill='currentColor' />
+  )
+)

package/react/eye-open-slash.tsx

@@ -0,0 +1,31 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconEyeOpenSlash: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g clipPath='url(#a)'>
+      <path
+        fill='currentColor'
+        d='m2 12-.868-.496a1 1 0 0 0 0 .992L2 12Zm20 0 .868.496a1 1 0 0 0 0-.992L22 12Zm-8.586-1.414a1 1 0 0 0 1.414-1.414l-1.414 1.414Zm-4.395 4.08a1 1 0 1 0 1.49-1.333l-1.49 1.334Zm7.588-7.087a1 1 0 0 0 1.134-1.647l-1.134 1.647ZM6.214 18.037a1 1 0 1 0 1.14-1.643l-1.14 1.643Zm4.477-.165a1 1 0 0 0-.382 1.964l.382-1.963Zm10.057-9.238a1 1 0 1 0-1.496 1.327l1.496-1.327ZM3.293 19.293a1 1 0 1 0 1.414 1.414l-1.414-1.414ZM20.707 4.707a1 1 0 0 0-1.414-1.414l1.414 1.414ZM2 12a183.15 183.15 0 0 1 .868.497v-.002a1.222 1.222 0 0 1 .036-.06c.027-.044.069-.113.125-.201a18.346 18.346 0 0 1 2.428-3.027C7.135 7.53 9.393 6 12 6V4C8.607 4 5.865 5.971 4.043 7.793a20.35 20.35 0 0 0-2.704 3.372 11.959 11.959 0 0 0-.19.31l-.012.02a.51.51 0 0 0-.004.007v.001L2 12Zm20 0-.868-.497v.002c-.002.001-.004.005-.007.01l-.029.05a16.17 16.17 0 0 1-.629.948 18.35 18.35 0 0 1-1.924 2.28C16.865 16.47 14.607 18 12 18v2c3.393 0 6.135-1.971 7.957-3.793a20.348 20.348 0 0 0 2.704-3.372 11.894 11.894 0 0 0 .202-.33l.003-.005.001-.002v-.001L22 12Zm-12 0a2 2 0 0 1 2-2V8a4 4 0 0 0-4 4h2Zm2-2a1.99 1.99 0 0 1 1.414.586l1.414-1.414A3.99 3.99 0 0 0 12 8v2Zm-1.491 3.333A1.989 1.989 0 0 1 10 12H8c0 1.024.386 1.96 1.019 2.667l1.49-1.334ZM12 6c1.7 0 3.253.648 4.607 1.58l1.134-1.648C16.166 4.849 14.223 4 12 4v2ZM7.354 16.394c-1.385-.961-2.51-2.184-3.297-3.183a18.137 18.137 0 0 1-1.12-1.593 7.143 7.143 0 0 1-.067-.111l-.002-.004L2 12l-.868.496v.002l.003.003.005.01a5.178 5.178 0 0 0 .09.15 20.109 20.109 0 0 0 1.256 1.788c.858 1.09 2.124 2.475 3.728 3.588l1.14-1.643ZM12 18c-.448 0-.884-.045-1.309-.128l-.382 1.964A8.835 8.835 0 0 0 12 20v-2Zm7.252-8.04a18.69 18.69 0 0 1 1.405 1.797 14.841 14.841 0 0 1 .47.732l.005.007v.001L22 12l.868-.496v-.001l-.001-.002-.003-.005-.009-.014c-.007-.012-.016-.03-.03-.05a16.768 16.768 0 0 0-.52-.806 20.692 20.692 0 0 0-1.557-1.992l-1.496 1.327ZM4.707 20.708l16-16-1.414-1.414-16 16 1.414 1.414Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/eye-open.tsx

@@ -0,0 +1,31 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconEyeOpen: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g clipPath='url(#a)'>
+      <path
+        fill='currentColor'
+        d='m2 12-.868-.496a1 1 0 0 0 0 .992L2 12Zm20 0 .868.496a1 1 0 0 0 0-.992L22 12ZM2 12a183.15 183.15 0 0 1 .868.497v-.002a1.222 1.222 0 0 1 .036-.06c.027-.044.069-.113.125-.201a18.346 18.346 0 0 1 2.428-3.027C7.135 7.53 9.393 6 12 6V4C8.607 4 5.865 5.971 4.043 7.793a20.35 20.35 0 0 0-2.704 3.372 11.959 11.959 0 0 0-.19.31l-.012.02a.51.51 0 0 0-.004.007v.001L2 12Zm10-6c2.607 0 4.865 1.529 6.543 3.207a18.35 18.35 0 0 1 2.428 3.027c.056.088.098.157.125.202l.03.049.005.01.001.002L22 12l.868-.497-.002-.003-.003-.006a2.42 2.42 0 0 0-.052-.087c-.035-.058-.084-.14-.15-.242a20.346 20.346 0 0 0-2.704-3.372C18.135 5.97 15.393 4 12 4v2Zm10 6-.868-.497v.002c-.002.001-.004.005-.007.01l-.029.05a16.17 16.17 0 0 1-.629.948 18.35 18.35 0 0 1-1.924 2.28C16.865 16.47 14.607 18 12 18v2c3.393 0 6.135-1.971 7.957-3.793a20.348 20.348 0 0 0 2.704-3.372 11.894 11.894 0 0 0 .202-.33l.003-.005.001-.002v-.001L22 12Zm-10 6c-2.607 0-4.865-1.529-6.543-3.207a18.347 18.347 0 0 1-2.428-3.027 9.884 9.884 0 0 1-.16-.261l-.001-.002L2 12l-.868.497.002.003a.51.51 0 0 0 .003.006l.012.02a6.91 6.91 0 0 0 .19.31 20.351 20.351 0 0 0 2.704 3.372C5.865 18.027 8.607 20 12 20v-2Zm2-6a2 2 0 0 1-2 2v2a4 4 0 0 0 4-4h-2Zm-2 2a2 2 0 0 1-2-2H8a4 4 0 0 0 4 4v-2Zm-2-2a2 2 0 0 1 2-2V8a4 4 0 0 0-4 4h2Zm2-2a2 2 0 0 1 2 2h2a4 4 0 0 0-4-4v2Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/folder.tsx

@@ -0,0 +1,34 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconFolder: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g clipPath='url(#a)'>
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={2}
+        d='M3 7v12h18V7h-9M3 7V4h7l2 3M3 7h9'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/frame-lines-two.tsx

@@ -0,0 +1,34 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconFrameLinesTwo: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g clipPath='url(#a)'>
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={2}
+        d='M2 6h20M5 3v18M19 3v18M2 18h20M9 10h6m-6 4h6'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/frame-play.tsx

@@ -0,0 +1,31 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconFramePlay: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={2}
+      d='M2 6h20M5 3v18M19 3v18M2 18h20'
+    />,
+    <path
+      fill='currentColor'
+      d='M14.285 11.571a.5.5 0 0 1 0 .858l-3.528 2.117a.5.5 0 0 1-.757-.43V9.884a.5.5 0 0 1 .757-.429l3.528 2.117Z'
+    />
+  )
+)

package/react/frame-plus.tsx

@@ -0,0 +1,34 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconFramePlus: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g clipPath='url(#a)'>
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={2}
+        d='M2 6h20M5 3v18M19 3v18M2 18h20m-10-4v-4m-2 2h4'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/frame.tsx

@@ -0,0 +1,34 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconFrame: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g clipPath='url(#a)'>
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={2}
+        d='M2 6h20M5 3v18M19 3v18M2 18h20'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)