@mirohq/design-system-icons 0.7.1-checkbox.0 → 0.8.0

package/react/pause.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 IconPause: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g fill='currentColor' clipPath='url(#a)'>
+      <path d='M7 6c0-1.344 3-1.344 3 0v12c0 1.36-3 1.36-3 0V6Zm7 0c0-1.344 3-1.344 3 0v12c0 1.36-3 1.36-3 0V6Z' />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/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 IconPlay: 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='M18.76 10.707 9.35 5.171a1.5 1.5 0 0 0-2.261 1.293v11.072a1.5 1.5 0 0 0 2.26 1.293l9.412-5.536a1.5 1.5 0 0 0 0-2.586Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/presentation-arrow.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 IconPresentationArrow: 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='M21 14v4h-5M11 4H3v14h5m0 0-2 4m2-4h8m0 0 2 4M16 9l6-6m0 0v5m0-5h-5'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/presentation-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 IconPresentationEyeOpen: 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='M22 12a1 1 0 1 0-2 0h2Zm-1 6v1a1 1 0 0 0 1-1h-1ZM3 18H2a1 1 0 0 0 1 1v-1ZM3 4V3a1 1 0 0 0-1 1h1Zm4.5 1a1 1 0 1 0 0-2v2ZM5.106 21.553a1 1 0 0 0 1.788.894l-1.788-.894Zm12 .894a1 1 0 1 0 1.788-.894l-1.788.894ZM20 12v6h2v-6h-2ZM4 18V4H2v14h2ZM3 5h4.5V3H3v2Zm5 12H3v2h5v-2Zm-.894.553-2 4 1.788.894 2-4-1.788-.894ZM21 17h-5v2h5v-2Zm-5 0H8v2h8v-2Zm-.894 1.447 2 4 1.788-.894-2-4-1.788.894ZM12 5c0 .163-.05.222.01.084.04-.09.108-.223.212-.388.207-.33.528-.748.962-1.154C14.048 2.732 15.314 2 17 2V0c-2.314 0-4.048 1.018-5.184 2.083a7.974 7.974 0 0 0-1.288 1.55 5.04 5.04 0 0 0-.351.652c-.065.15-.177.426-.177.715h2Zm5-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.55C21.049 1.018 19.315 0 17 0v2Zm5 3c0-.163.05-.222-.01-.084a3.07 3.07 0 0 1-.212.388c-.207.33-.528.748-.962 1.154C19.952 7.268 18.686 8 17 8v2c2.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-.388C11.95 4.778 12 4.836 12 5h-2c0 .288.112.566.177.715.086.198.205.42.35.652a7.974 7.974 0 0 0 1.29 1.55C12.951 8.982 14.685 10 17 10V8Z'
+    />,
+    <circle cx={17} cy={5} r={2} fill='currentColor' />
+  )
+)

package/react/presentation-line.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 IconPresentationLine: 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 4H3v14h5m4-14h9v14h-5M12 4V2M8 18l-2 4m2-4h8m0 0 2 4M9 11h6'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/presentation-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 IconPresentationLinesTwo: 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 4H3v14h5m4-14h9v14h-5M12 4V2M8 18l-2 4m2-4h8m0 0 2 4M8 9h8m-8 4h8'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/presentation-link.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 IconPresentationLink: 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='M22 14a1 1 0 1 0-2 0h2Zm-1 4v1a1 1 0 0 0 1-1h-1ZM3 18H2a1 1 0 0 0 1 1v-1ZM3 4V3a1 1 0 0 0-1 1h1Zm7.5 1a1 1 0 1 0 0-2v2ZM5.106 21.553a1 1 0 0 0 1.788.894l-1.788-.894Zm12 .894a1 1 0 1 0 1.788-.894l-1.788.894ZM14.656 3.83a1 1 0 0 0 1.415 1.414L14.657 3.83Zm2.122-.708.707.708-.707-.708Zm4.243 4.243.707.707-.707-.707Zm-2.122.707a1 1 0 0 0 1.415 1.414l-1.415-1.414Zm2.122-4.95.707-.707-.707.707Zm-7.778 6.364a1 1 0 0 0 1.414 1.415l-1.414-1.415Zm5.656-2.828a1 1 0 0 0-1.414-1.414L18.9 6.657Zm-1.414 5.657a1 1 0 0 0-1.414-1.414l1.414 1.414Zm-2.121.707.707.707-.707-.707Zm-4.243-4.243.707.707-.707-.707Zm2.122-.707a1 1 0 1 0-1.415-1.414l1.415 1.414Zm-2.122 4.95-.707.707.707-.707ZM20 14v4h2v-4h-2ZM4 18V4H2v14h2ZM3 5h7.5V3H3v2Zm5 12H3v2h5v-2Zm-.894.553-2 4 1.788.894 2-4-1.788-.894ZM21 17h-5v2h5v-2Zm-5 0H8v2h8v-2Zm-.894 1.447 2 4 1.788-.894-2-4-1.788.894Zm.965-13.204 1.414-1.414-1.414-1.415-1.414 1.415 1.414 1.414Zm4.243 1.414-1.415 1.414 1.415 1.414 1.414-1.414-1.414-1.414Zm0-2.828c.556.556.732 1.035.732 1.414 0 .378-.176.857-.732 1.414l1.414 1.414c.81-.81 1.318-1.769 1.318-2.828 0-1.06-.508-2.019-1.318-2.829L20.314 3.83Zm1.414-1.415c-1.823-1.823-4.275-1.382-5.657 0l1.414 1.415c.74-.74 1.918-.911 2.829 0l1.414-1.415ZM14.657 10.9l4.242-4.243-1.414-1.414-4.242 4.242 1.414 1.415Zm1.414 0-1.414 1.414 1.414 1.414 1.414-1.414-1.414-1.414Zm-4.243-1.415 1.415-1.414-1.415-1.414-1.414 1.414 1.414 1.414Zm0 2.829c-.556-.557-.732-1.036-.732-1.414 0-.38.176-.858.732-1.415l-1.414-1.414c-.81.81-1.318 1.77-1.318 2.829 0 1.059.508 2.018 1.318 2.828l1.414-1.414Zm-1.414 1.414c1.823 1.823 4.275 1.382 5.657 0l-1.414-1.414c-.74.739-1.918.91-2.829 0l-1.414 1.414Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/presentation-number-one.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 IconPresentationNumberOne: 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 4H3v14h5m4-14h9v14h-5M12 4V2M8 18l-2 4m2-4h8m0 0 2 4M10 9l2-1v6m0 0h-2m2 0h2'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/presentation-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 IconPresentationPlay: 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='M12 4H3v14h5m4-14h9v14h-5M12 4V2M8 18l-2 4m2-4h8m0 0 2 4'
+    />,
+    <path
+      fill='currentColor'
+      d='M14.285 10.571a.5.5 0 0 1 0 .858l-3.528 2.117a.5.5 0 0 1-.757-.43V8.884a.5.5 0 0 1 .757-.429l3.528 2.117Z'
+    />
+  )
+)

package/react/presentation-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 IconPresentationPlus: 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 4H3v14h5m4-14h9v14h-5M12 4V2M8 18l-2 4m2-4h8m0 0 2 4M9 11h3m0 0h3m-3 0V8m0 3v3'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/previous.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 IconPrevious: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g fill='currentColor' clipPath='url(#a)'>
+      <path d='m8.464 10.707 9.411-5.536a1.5 1.5 0 0 1 2.26 1.293v11.072a1.5 1.5 0 0 1-2.26 1.293l-9.411-5.536a1.5 1.5 0 0 1 0-2.586ZM4 5a1 1 0 0 1 2 0v14a1 1 0 1 1-2 0V5Z' />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/question-mark.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 IconQuestionMark: 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='M12 21a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z'
+    />,
+    <path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={2}
+      d='M7 8.23C7 5.895 9.239 4 12 4s5 1.894 5 4.23c0 1.748-1.252 3.248-3.039 3.894C12.922 12.499 12 13.357 12 14.46V15'
+    />
+  )
+)

package/react/rectangle-dash-lines.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 IconRectangleDashLines: 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='M11 10h6M7 14h10M7 10h1M3 4h18v16H3V4Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/rectangle-dot-line-pen.tsx

@@ -0,0 +1,37 @@
+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 IconRectangleDotLinePen: 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='M13 5H3v14h18v-8M7 14h10'
+    />,
+    <path
+      fill='currentColor'
+      d='M9 9.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z'
+    />,
+    <path
+      fill='currentColor'
+      fillRule='evenodd'
+      d='m22.437 3.411-5.756 5.757-1.38.26a.25.25 0 0 1-.296-.294l.261-1.38L21.026 2l1.411 1.411Z'
+      clipRule='evenodd'
+    />
+  )
+)

package/react/rectangle-play-stack.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 IconRectanglePlayStack: 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='M6 4h14a1 1 0 0 1 1 1v10M4 7h13a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1Z'
+    />,
+    <path
+      fill='currentColor'
+      d='M13.26 13.068a.5.5 0 0 1 0 .864l-4.508 2.63A.5.5 0 0 1 8 16.128V10.87a.5.5 0 0 1 .752-.431l4.508 2.63Z'
+    />
+  )
+)

package/react/rectangle-tick.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 IconRectangleTick: 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='M14.647 4H4a1 1 0 0 0-1 1v15a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-7.5M8 12l3.5 3.5 9-11.5'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/rectangles-two-lines-four.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 IconRectanglesTwoLinesFour: 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='M15 5h7m-7 4h4m-4 6h7m-7 4h4M3 4h8v6H3V4Zm0 10h8v6H3v-6Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/rectangles-two-minus.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 IconRectanglesTwoMinus: 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='M6 15v4a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-1M6 15V9a1 1 0 0 1 1-1h11M6 15H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h13a1 1 0 0 1 1 1v3m-7 6h4'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/rectangles-two-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 IconRectanglesTwoPlus: 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='M6 15v4a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-1M6 15V9a1 1 0 0 1 1-1h11M6 15H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h13a1 1 0 0 1 1 1v3m-5 4v4m-2-2h4'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/rectangles-two-user.tsx

@@ -0,0 +1,30 @@
+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 IconRectanglesTwoUser: 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'
+      fillRule='evenodd'
+      d='M12 11a2 2 0 1 1 4 0 2 2 0 0 1-4 0Z'
+      clipRule='evenodd'
+    />,
+    <path
+      fill='currentColor'
+      d='M9 18a1 1 0 1 0 2 0H9Zm8 0a1 1 0 1 0 2 0h-2ZM3 4h14V2H3v2Zm14 0v3h2V4h-2ZM3 18h3v-2H3v2Zm-2-2a2 2 0 0 0 2 2v-2H1ZM17 4h2a2 2 0 0 0-2-2v2ZM3 2a2 2 0 0 0-2 2h2V2Zm4 6h14V6H7v2Zm14 0v12h2V8h-2Zm0 12H7v2h14v-2ZM7 20V8H5v12h2Zm0 0H5a2 2 0 0 0 2 2v-2Zm14 0v2a2 2 0 0 0 2-2h-2Zm0-12h2a2 2 0 0 0-2-2v2ZM7 6a2 2 0 0 0-2 2h2V6Zm3 12h1v.008V18l.003-.058a2.688 2.688 0 0 1 .266-.995c.129-.256.305-.482.551-.646.24-.16.605-.301 1.18-.301v-2c-.925 0-1.685.234-2.29.637a3.632 3.632 0 0 0-1.23 1.416A4.685 4.685 0 0 0 9 17.995V18h1Zm3-2h2v-2h-2v2Zm2 0c.575 0 .94.14 1.18.3.246.165.422.39.55.647A2.688 2.688 0 0 1 17 18v.008V18h1l1-.001v-.024a2.324 2.324 0 0 0-.008-.175 4.684 4.684 0 0 0-.472-1.747 3.632 3.632 0 0 0-1.23-1.416C16.684 14.234 15.924 14 15 14v2ZM3 16V4H1v12h2Z'
+    />
+  )
+)