@mirohq/design-system-icons 0.7.0 → 0.8.0

package/react/smiley-sticker.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 IconSmileySticker: 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='M11 8.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z'
+    />,
+    <path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={2}
+      d='M12 21a9 9 0 1 1 9-9m-9 9 9-9m-9 9s-.707-2.826.85-5.51M21 12s-4-1-7 2a7.245 7.245 0 0 0-1.15 1.49M8 14c1.08 1.08 2.743 1.577 4.359 1.49h.491'
+    />
+  )
+)

package/react/smiley.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 IconSmiley: 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='M11 8.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z'
+    />,
+    <path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={2}
+      d='M8 14c2 2 6 2 8 0m5-2a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'
+    />
+  )
+)

package/react/square-star-scribble.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 IconSquareStarScribble: 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='M7 3c-1.5.5-5.5 2.5-5 8s8 7 8 5M7 7c1.084-1.104 1.93-1.46 3.889-1.498a.954.954 0 0 1 .22.022C14.018 6.164 14.795 7.465 15 11m-4 0h9a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1Z'
+    />,
+    <path
+      fill='currentColor'
+      d='M17.704 3.818a2 2 0 0 0 1.114-1.114L19.5 1l.682 1.704a2 2 0 0 0 1.114 1.114L23 4.5l-1.704.682a2 2 0 0 0-1.114 1.114L19.5 8l-.682-1.704a2 2 0 0 0-1.114-1.114L16 4.5l1.704-.682Z'
+    />
+  )
+)

package/react/sticky-corners.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 IconStickyCorners: 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 7V3h4m10 0h4v4m0 10v4h-4M7 21H3v-4m5-9h8v5l-3 3H8V8Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/sticky-note-stack.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 IconStickyNoteStack: 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 14V6H6v15h8m7-7-7 7m7-7h-7v7M3 19V3h15.5'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/sticky-note-wide.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 IconStickyNoteWide: 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='M22 12V5H2v14h13m7-7-7 7m7-7h-7v7'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/sticky-note.tsx

@@ -19,9 +19,10 @@ export const IconStickyNote: ForwardRefExoticComponent<
     <g clipPath='url(#a)'>
       <path
         stroke='currentColor'
-        strokeLinecap='square'
+        strokeLinecap='round'
+        strokeLinejoin='round'
         strokeWidth={2}
-        d='M14 19v-5.5a.5.5 0 0 1 .5-.5H20M4.5 4h16a.5.5 0 0 1 .5.5v7.843a4 4 0 0 1-1.172 2.829l-3.656 3.656A4 4 0 0 1 13.343 20H4.5a.5.5 0 0 1-.5-.5v-15a.5.5 0 0 1 .5-.5Z'
+        d='M21 14.5V3H3v18h11.5m6.5-6.5L14.5 21m6.5-6.5h-6.5V21'
       />
     </g>,
     <defs>

package/react/sticky-notes-two.tsx

@@ -0,0 +1,33 @@
+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 IconStickyNotesTwo: 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'
+        strokeLinejoin='round'
+        strokeWidth={2}
+        d='M16 8V3H3v13h5m7 5H8V8h13v7m-6 6v-6h6m-6 6 6-6'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/text-cursor-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 IconTextCursorEyeOpen: 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='M2 6a1 1 0 0 0 0 2V6Zm0 14a1 1 0 1 0 0 2v-2Zm10 2a1 1 0 1 0 0-2v2Zm-3-1v1-1ZM2 8h3V6H2v2Zm9-1c0 .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-2ZM6 9v10h2V9H6ZM5 20H2v2h3v-2Zm1-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3H6ZM5 8a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3v2Zm7 12H9v2h3v-2Zm-3 0a1 1 0 0 1-1-1H6a3 3 0 0 0 3 3v-2Z'
+    />,
+    <circle cx={16} cy={7} r={2} fill='currentColor' />
+  )
+)

package/react/trophy.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 IconTrophy: 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 15c-2.041 0-4.75-1.333-5.674-4M12 15c2.048 0 4.768-1.29 5.684-4M12 15v6M6 5v4c0 .734.118 1.4.326 2M6 5V3h12v2M6 5H2c.153 3.788 1.148 5.061 4.326 6M18 5v4c0 .737-.114 1.403-.316 2M18 5h4c-.086 3.744-1.057 5.033-4.316 6'
+    />,
+    <path
+      fill='currentColor'
+      d='M8 19a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1v-2Z'
+    />
+  )
+)

package/react/user-arrow-right-up.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 IconUserArrowRightUp: 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 20a1 1 0 1 0 2 0H2Zm9-5a1 1 0 1 0 0-2v2Zm6 6a1 1 0 1 0 2 0h-2Zm1-8 .707-.707a1 1 0 0 0-1.414 0L18 13Zm2.293 3.707a1 1 0 0 0 1.414-1.414l-1.414 1.414Zm-6-1.414a1 1 0 0 0 1.414 1.414l-1.414-1.414ZM3 20h1v.001-.008a3.734 3.734 0 0 1 .007-.203 9.92 9.92 0 0 1 .05-.617c.057-.52.171-1.195.392-1.857C4.905 15.946 5.664 15 7 15v-2c-2.664 0-3.905 2.053-4.449 3.684a11.15 11.15 0 0 0-.482 2.268A11.908 11.908 0 0 0 2 19.99V20h1Zm4-5h4v-2H7v2Zm7-8a3 3 0 0 1-3 3v2a5 5 0 0 0 5-5h-2Zm-3 3a3 3 0 0 1-3-3H6a5 5 0 0 0 5 5v-2ZM8 7a3 3 0 0 1 3-3V2a5 5 0 0 0-5 5h2Zm3-3a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5v2Zm8 17v-8h-2v8h2Zm-1.707-7.293 3 3 1.414-1.414-3-3-1.414 1.414Zm0-1.414-3 3 1.414 1.414 3-3-1.414-1.414Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/user-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 IconUserEyeOpen: 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='M2 20a1 1 0 1 0 2 0H2Zm6-5a1 1 0 1 0 0-2v2Zm-5 5h1v.001-.008a3.687 3.687 0 0 1 .007-.203c.007-.147.02-.36.05-.617.057-.52.171-1.195.392-1.857C4.905 15.946 5.664 15 7 15v-2c-2.664 0-3.905 2.053-4.449 3.684a11.15 11.15 0 0 0-.482 2.268A11.916 11.916 0 0 0 2 19.99V20h1ZM14 7a3 3 0 0 1-3 3v2a5 5 0 0 0 5-5h-2Zm-3 3a3 3 0 0 1-3-3H6a5 5 0 0 0 5 5v-2ZM8 7a3 3 0 0 1 3-3V2a5 5 0 0 0-5 5h2Zm3-3a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5v2ZM7 15h1v-2H7v2Zm4 3c0 .163-.05.222.01.084.04-.09.108-.223.212-.388.207-.33.528-.748.962-1.154C13.048 15.732 14.314 15 16 15v-2c-2.314 0-4.048 1.018-5.184 2.083a7.97 7.97 0 0 0-1.288 1.55 5.04 5.04 0 0 0-.351.652c-.065.15-.177.427-.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.049 5.049 0 0 0-.35-.652 7.971 7.971 0 0 0-1.29-1.55C20.049 14.018 18.315 13 16 13v2Zm5 3c0-.163.05-.222-.01-.084-.04.09-.108.223-.212.388-.207.33-.528.748-.962 1.154C18.952 20.268 17.686 21 16 21v2c2.314 0 4.048-1.018 5.184-2.083a7.971 7.971 0 0 0 1.288-1.55c.146-.232.265-.454.351-.652.065-.15.177-.427.177-.715h-2Zm-5 3c-1.686 0-2.952-.732-3.816-1.542a5.977 5.977 0 0 1-.962-1.154 3.076 3.076 0 0 1-.211-.388c-.06-.138-.011-.08-.011.084H9c0 .288.112.566.177.715.086.198.205.42.35.652a7.97 7.97 0 0 0 1.29 1.55C11.951 21.982 13.685 23 16 23v-2Z'
+    />,
+    <circle cx={16} cy={18} r={2} fill='currentColor' />
+  )
+)

package/react/user-load.tsx

@@ -0,0 +1,33 @@
+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 IconUserLoad: 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'
+        strokeWidth={2}
+        d='M4 21s0-6 4-6h8c4 0 4 6 4 6m-8-9a4 4 0 1 0-4-4'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/user-number-three.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 IconUserNumberThree: 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 21s0-6 4-6h8c4 0 4 6 4 6M10.25 5h3.5l-2 3c.667 0 2 .559 2 2 0 1.5-1.354 2-2 2C10.5 12 10 11 10 11'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/user-pen-dashes-bottom.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 IconUserPenDashesBottom: 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='M3 20H2a1 1 0 0 0 1 1v-1Zm8-5a1 1 0 1 0 0-2v2Zm-5 6a1 1 0 1 0 0-2v2Zm4-2a1 1 0 1 0 0 2v-2Zm3 2a1 1 0 1 0 0-2v2Zm4-2a1 1 0 1 0 0 2v-2Zm3 2a1 1 0 1 0 0-2v2ZM3 20h1v.001-.008a3.734 3.734 0 0 1 .007-.203 9.92 9.92 0 0 1 .05-.617c.057-.52.171-1.195.392-1.857C4.905 15.946 5.664 15 7 15v-2c-2.664 0-3.905 2.053-4.449 3.684a11.15 11.15 0 0 0-.482 2.268A11.908 11.908 0 0 0 2 19.99V20h1Zm4-5h4v-2H7v2Zm7-8a3 3 0 0 1-3 3v2a5 5 0 0 0 5-5h-2Zm-3 3a3 3 0 0 1-3-3H6a5 5 0 0 0 5 5v-2ZM8 7a3 3 0 0 1 3-3V2a5 5 0 0 0-5 5h2Zm3-3a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5v2ZM3 21h3v-2H3v2Zm7 0h3v-2h-3v2Zm7 0h3v-2h-3v2Z'
+    />,
+    <path
+      fill='currentColor'
+      fillRule='evenodd'
+      d='m21.437 10.411-5.756 5.757-1.38.26a.25.25 0 0 1-.296-.294l.261-1.38L20.026 9l1.411 1.411Z'
+      clipRule='evenodd'
+    />
+  )
+)

package/react/user-pen-line-bottom.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 IconUserPenLineBottom: 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='M3 20H2a1 1 0 0 0 1 1v-1Zm8-5a1 1 0 1 0 0-2v2Zm9.5 6a1 1 0 1 0 0-2v2ZM3 20h1v.001-.008a3.734 3.734 0 0 1 .007-.203 9.92 9.92 0 0 1 .05-.617c.057-.52.171-1.195.392-1.857C4.905 15.946 5.664 15 7 15v-2c-2.664 0-3.905 2.053-4.449 3.684a11.15 11.15 0 0 0-.482 2.268A11.908 11.908 0 0 0 2 19.99V20h1Zm4-5h4v-2H7v2Zm7-8a3 3 0 0 1-3 3v2a5 5 0 0 0 5-5h-2Zm-3 3a3 3 0 0 1-3-3H6a5 5 0 0 0 5 5v-2ZM8 7a3 3 0 0 1 3-3V2a5 5 0 0 0-5 5h2Zm3-3a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5v2ZM3 21h17.5v-2H3v2Z'
+    />,
+    <path
+      fill='currentColor'
+      fillRule='evenodd'
+      d='m21.437 10.411-5.756 5.757-1.38.26a.25.25 0 0 1-.296-.294l.261-1.38L20.026 9l1.411 1.411Z'
+      clipRule='evenodd'
+    />
+  )
+)

package/react/user-tick-down.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 IconUserTickDown: 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 20a1 1 0 1 0 2 0H2Zm11-5a1 1 0 1 0 0-2v2Zm.707 2.293a1 1 0 0 0-1.414 1.414l1.414-1.414ZM16 21l-.707.707a1 1 0 0 0 1.414 0L16 21Zm5.707-4.293a1 1 0 0 0-1.414-1.414l1.414 1.414ZM3 20h1v.001-.008a3.734 3.734 0 0 1 .007-.203 9.92 9.92 0 0 1 .05-.617c.057-.52.171-1.195.392-1.857C4.905 15.946 5.664 15 7 15v-2c-2.664 0-3.905 2.053-4.449 3.684a11.15 11.15 0 0 0-.482 2.268A11.908 11.908 0 0 0 2 19.99V20h1Zm4-5h6v-2H7v2Zm5.293 3.707 3 3 1.414-1.414-3-3-1.414 1.414Zm4.414 3 5-5-1.414-1.414-5 5 1.414 1.414ZM14 7a3 3 0 0 1-3 3v2a5 5 0 0 0 5-5h-2Zm-3 3a3 3 0 0 1-3-3H6a5 5 0 0 0 5 5v-2ZM8 7a3 3 0 0 1 3-3V2a5 5 0 0 0-5 5h2Zm3-3a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5v2Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/users-three.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 IconUsersThree: 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='M7 21s0-3 3-3h4c3 0 3 3 3 3M3 14s0-3 3-3m12 0c3 0 3 3 3 3M9 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm10 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm-5 7a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/video-camera-simple-slash.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 IconVideoCameraSimpleSlash: 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 18h12a1 1 0 0 0 1-1v-3m0-9v3m0 0 5-2v10l-5-2m0-6v6M13.5 4H3a1 1 0 0 0-1 1v10m0 5L19 3'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/video-camera-simple.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 IconVideoCameraSimple: 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='M17 8V5a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h13a1 1 0 0 0 1-1v-3m0-6 5-2v10l-5-2m0-6v6'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)