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

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>
+  )
+)

package/react/index.ts

@@ -23,10 +23,12 @@ export { IconArrowUp } from './arrow-up'
 export { IconArrowsClockwiseX } from './arrows-clockwise-x'
 export { IconArrowsClockwiseY } from './arrows-clockwise-y'
 export { IconArticle } from './article'
+export { IconAt } from './at'
 export { IconBarThree } from './bar-three'
 export { IconBellSlash } from './bell-slash'
 export { IconBellTilt } from './bell-tilt'
 export { IconBell } from './bell'
+export { IconBoard } from './board'
 export { IconBookmark } from './bookmark'
 export { IconBracketsAngleSlash } from './brackets-angle-slash'
 export { IconBracketsCurlyCirclesThree } from './brackets-curly-circles-three'
@@ -37,12 +39,22 @@ export { IconCard } from './card'
 export { IconCardsPoker } from './cards-poker'
 export { IconChartBarYSimple } from './chart-bar-y-simple'
 export { IconChartBarY } from './chart-bar-y'
+export { IconChatDashesLinesTwo } from './chat-dashes-lines-two'
+export { IconChatLinesCross } from './chat-lines-cross'
+export { IconChatLinesEyeOpen } from './chat-lines-eye-open'
+export { IconChatLinesTwoStack } from './chat-lines-two-stack'
+export { IconChatLinesTwo } from './chat-lines-two'
+export { IconChatPlus } from './chat-plus'
+export { IconChatTextArrow } from './chat-text-arrow'
+export { IconChatTwo } from './chat-two'
 export { IconChat } from './chat'
 export { IconCheckMark } from './check-mark'
+export { IconCheckboardSquareCentered } from './checkboard-square-centered'
 export { IconChevronDown } from './chevron-down'
 export { IconChevronLeft } from './chevron-left'
 export { IconChevronRight } from './chevron-right'
 export { IconChevronUp } from './chevron-up'
+export { IconCircleCorners } from './circle-corners'
 export { IconCircleMotionX } from './circle-motion-x'
 export { IconCircleNotch } from './circle-notch'
 export { IconCircle } from './circle'
@@ -54,6 +66,8 @@ export { IconClock } from './clock'
 export { IconCluster } from './cluster'
 export { IconClustered } from './clustered'
 export { IconCog } from './cog'
+export { IconConeSerpentine } from './cone-serpentine'
+export { IconCornersThreeEyeOpen } from './corners-three-eye-open'
 export { IconCreditCard } from './credit-card'
 export { IconCrop } from './crop'
 export { IconCrossCircle } from './cross-circle'
@@ -63,14 +77,28 @@ export { IconCursorFilled } from './cursor-filled'
 export { IconCursorText } from './cursor-text'
 export { IconCursor } from './cursor'
 export { IconCurveSquareCircleArrow } from './curve-square-circle-arrow'
+export { IconDashLeftDownSquareDashRightUp } from './dash-left-down-square-dash-right-up'
+export { IconDashLeftUpSquareDashDownRight } from './dash-left-up-square-dash-down-right'
+export { IconDashSquareDashHorizontal } from './dash-square-dash-horizontal'
+export { IconDashSquareDashVertical } from './dash-square-dash-vertical'
 export { IconDistributeHorizontal } from './distribute-horizontal'
 export { IconDistributeVertical } from './distribute-vertical'
 export { IconEnvelope } from './envelope'
 export { IconEraser } from './eraser'
 export { IconExclamationPointCircle } from './exclamation-point-circle'
+export { IconEyeClosedDotsFourFrameBroken } from './eye-closed-dots-four-frame-broken'
+export { IconEyeClosed } from './eye-closed'
+export { IconEyeOpenLineFrameBroken } from './eye-open-line-frame-broken'
+export { IconEyeOpenSlash } from './eye-open-slash'
+export { IconEyeOpen } from './eye-open'
 export { IconEyedropper } from './eyedropper'
 export { IconFactoryHouse } from './factory-house'
 export { IconFactory } from './factory'
+export { IconFolder } from './folder'
+export { IconFrameLinesTwo } from './frame-lines-two'
+export { IconFramePlay } from './frame-play'
+export { IconFramePlus } from './frame-plus'
+export { IconFrame } from './frame'
 export { IconFunnel } from './funnel'
 export { IconGauge } from './gauge'
 export { IconGlobe } from './globe'
@@ -113,26 +141,59 @@ export { IconMap } from './map'
 export { IconMicrophoneSlash } from './microphone-slash'
 export { IconMicrophone } from './microphone'
 export { IconMinus } from './minus'
+export { IconMonitorArrow } from './monitor-arrow'
+export { IconMonitorPause } from './monitor-pause'
+export { IconMonitorPlay } from './monitor-play'
+export { IconMonitorStop } from './monitor-stop'
 export { IconMouse } from './mouse'
+export { IconNext } from './next'
+export { IconNodeLinesCurved } from './node-lines-curved'
+export { IconNodeLinesHorizontal } from './node-lines-horizontal'
+export { IconNodeLinesVertical } from './node-lines-vertical'
+export { IconNodePlus } from './node-plus'
+export { IconNodesConnected } from './nodes-connected'
+export { IconNodesConnectionsThree } from './nodes-connections-three'
+export { IconNoteMagnifyingGlass } from './note-magnifying-glass'
 export { IconParallelogram } from './parallelogram'
 export { IconPauseCircle } from './pause-circle'
+export { IconPause } from './pause'
 export { IconPdf } from './pdf'
 export { IconPenTip } from './pen-tip'
 export { IconPen } from './pen'
 export { IconPlaceholder } from './placeholder'
 export { IconPlayCircle } from './play-circle'
+export { IconPlay } from './play'
 export { IconPlaybackSpeedCircle } from './playback-speed-circle'
 export { IconPlug } from './plug'
 export { IconPlusText } from './plus-text'
 export { IconPlus } from './plus'
+export { IconPresentationArrow } from './presentation-arrow'
+export { IconPresentationEyeOpen } from './presentation-eye-open'
+export { IconPresentationLine } from './presentation-line'
+export { IconPresentationLinesTwo } from './presentation-lines-two'
+export { IconPresentationLink } from './presentation-link'
+export { IconPresentationNumberOne } from './presentation-number-one'
+export { IconPresentationPlay } from './presentation-play'
+export { IconPresentationPlus } from './presentation-plus'
+export { IconPrevious } from './previous'
 export { IconProhibit } from './prohibit'
 export { IconPushPin } from './push-pin'
 export { IconQuestionMarkCircle } from './question-mark-circle'
+export { IconQuestionMark } from './question-mark'
+export { IconRectangleDashLines } from './rectangle-dash-lines'
+export { IconRectangleDotLinePen } from './rectangle-dot-line-pen'
+export { IconRectanglePlayStack } from './rectangle-play-stack'
+export { IconRectangleTick } from './rectangle-tick'
 export { IconRectanglesThreeAligned } from './rectangles-three-aligned'
 export { IconRectanglesThreeFree } from './rectangles-three-free'
 export { IconRectanglesThreeOverlap } from './rectangles-three-overlap'
 export { IconRectanglesTwoLine } from './rectangles-two-line'
+export { IconRectanglesTwoLinesFour } from './rectangles-two-lines-four'
+export { IconRectanglesTwoMinus } from './rectangles-two-minus'
+export { IconRectanglesTwoPlus } from './rectangles-two-plus'
+export { IconRectanglesTwoUser } from './rectangles-two-user'
 export { IconRhombus } from './rhombus'
+export { IconScissors } from './scissors'
 export { IconScrollbarXy } from './scrollbar-xy'
 export { IconShapes } from './shapes'
 export { IconShieldCheck } from './shield-check'
@@ -141,6 +202,9 @@ export { IconSidebarClosed } from './sidebar-closed'
 export { IconSidebarOpen } from './sidebar-open'
 export { IconSlidersX } from './sliders-x'
 export { IconSlidersY } from './sliders-y'
+export { IconSmileyChat } from './smiley-chat'
+export { IconSmileySticker } from './smiley-sticker'
+export { IconSmiley } from './smiley'
 export { IconSocialFacebook } from './social-facebook'
 export { IconSocialInstagram } from './social-instagram'
 export { IconSocialLinkedin } from './social-linkedin'
@@ -153,6 +217,7 @@ export { IconSquareBracketsAngleSlash } from './square-brackets-angle-slash'
 export { IconSquareCirclesTwo } from './square-circles-two'
 export { IconSquareLineSquareDashed } from './square-line-square-dashed'
 export { IconSquareRounded } from './square-rounded'
+export { IconSquareStarScribble } from './square-star-scribble'
 export { IconSquareTriangleCirclePlus } from './square-triangle-circle-plus'
 export { IconSquare } from './square'
 export { IconSquaresFour } from './squares-four'
@@ -163,7 +228,11 @@ export { IconSquaresTwoOverlap } from './squares-two-overlap'
 export { IconSquaresUngroup } from './squares-ungroup'
 export { IconSquaresUnmerge } from './squares-unmerge'
 export { IconStack } from './stack'
+export { IconStickyCorners } from './sticky-corners'
+export { IconStickyNoteStack } from './sticky-note-stack'
+export { IconStickyNoteWide } from './sticky-note-wide'
 export { IconStickyNote } from './sticky-note'
+export { IconStickyNotesTwo } from './sticky-notes-two'
 export { IconStopCircle } from './stop-circle'
 export { IconTag } from './tag'
 export { IconTextAUnderline } from './text-a-underline'
@@ -171,6 +240,7 @@ export { IconTextAlignCenter } from './text-align-center'
 export { IconTextAlignLeft } from './text-align-left'
 export { IconTextBBoldItalicUnderlined } from './text-b-bold-italic-underlined'
 export { IconTextBBold } from './text-b-bold'
+export { IconTextCursorEyeOpen } from './text-cursor-eye-open'
 export { IconTextHOne } from './text-h-one'
 export { IconTextHThree } from './text-h-three'
 export { IconTextHTwo } from './text-h-two'
@@ -189,9 +259,21 @@ export { IconTrashSimple } from './trash-simple'
 export { IconTrash } from './trash'
 export { IconTriangle } from './triangle'
 export { IconTrident } from './trident'
+export { IconTrophy } from './trophy'
 export { IconUserAdd } from './user-add'
+export { IconUserArrowRightUp } from './user-arrow-right-up'
+export { IconUserEyeOpen } from './user-eye-open'
+export { IconUserLoad } from './user-load'
+export { IconUserNumberThree } from './user-number-three'
+export { IconUserPenDashesBottom } from './user-pen-dashes-bottom'
+export { IconUserPenLineBottom } from './user-pen-line-bottom'
+export { IconUserTickDown } from './user-tick-down'
 export { IconUser } from './user'
+export { IconUsersThree } from './users-three'
 export { IconUsers } from './users'
+export { IconVideoCameraSimpleSlash } from './video-camera-simple-slash'
+export { IconVideoCameraSimple } from './video-camera-simple'
+export { IconVideoCamera } from './video-camera'
 export { IconViewCenter } from './view-center'
 export { IconViewSideLeft } from './view-side-left'
 export { IconWallet } from './wallet'

package/react/monitor-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 IconMonitorArrow: 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='M9 21h6M12 4H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-4m-5-4 6-6m0 0v5m0-5h-5'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/monitor-pause.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 IconMonitorPause: 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='M9 21h6M10 9v4m4-4v4M4 4h16a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/monitor-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 IconMonitorPlay: 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='M9 21h6M4 18h16a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1Z'
+    />,
+    <path
+      fill='currentColor'
+      d='M15.376 10.584a.5.5 0 0 1 0 .832l-4.599 3.066a.5.5 0 0 1-.777-.416V7.934a.5.5 0 0 1 .777-.416l4.599 3.066Z'
+    />
+  )
+)

package/react/monitor-stop.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 IconMonitorStop: 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='M9 21h6M4 18h16a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1Z'
+    />,
+    <rect width={6} height={6} x={9} y={8} fill='currentColor' rx={1} />
+  )
+)

package/react/next.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 IconNext: 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='M15.672 13.293 6.26 18.829A1.5 1.5 0 0 1 4 17.536V6.464a1.5 1.5 0 0 1 2.26-1.293l9.412 5.536a1.5 1.5 0 0 1 0 2.586ZM20.136 19a1 1 0 1 1-2 0V5a1 1 0 1 1 2 0v14Z' />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/node-lines-curved.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 IconNodeLinesCurved: 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 12h8m0 0h8m-8 0c-2-4-4-7-8-7m8 7c2 4 4 7 8 7m-8-7c-2 4-4 7-8 7m8-7c2-4 4-7 8-7'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/node-lines-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 IconNodeLinesHorizontal: 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 12h8m8 0h-8m0 0V8c0-3 2-4 5-4h3m-8 8v4c0 3 2 4 5 4h3'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/node-lines-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 IconNodeLinesVertical: 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 4v8m0 8v-8m0 0h4c3 0 4 2 4 5v3m-8-8H8c-3 0-4 2-4 5v3'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/node-plus.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 IconNodePlus: 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='M12 9v6m-3-3h6M9 5h6c9 0 9 14 0 14H9C0 19 0 5 9 5Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/nodes-connected.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 IconNodesConnected: 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='M14 9h1c4 0 4 6 0 6h-1m0-6c0-4 4-5 5-5m-5 5h-4m4 6c0 4 4 5 5 5m-5-5h-4m0 0H9c-4 0-4-6 0-6h1m0 6c0 4-4 5-5 5m5-11c0-5-4-5-5-5'
+    />,
+    <path
+      fill='currentColor'
+      d='M5 4a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm18 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm0 16a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM5 20a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z'
+    />
+  )
+)

package/react/nodes-connections-three.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 IconNodesConnectionsThree: 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='M18.5 4h3m-3 8h3m-3 8h3m-7 0c-5 0-8-2-8-6m8-10c-5 0-8 2-8 6m4.25 2c0-1-.75-2-2.25-2h-4c-3 0-3 4 0 4h4c1.5 0 2.25-1 2.25-2Zm0 0h3.75'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/note-magnifying-glass.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 IconNoteMagnifyingGlass: 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='M9 21a1 1 0 1 0 0-2v2Zm-6-1H2a1 1 0 0 0 1 1v-1ZM3 2V1a1 1 0 0 0-1 1h1Zm16 0h1a1 1 0 0 0-1-1v1Zm-1 8a1 1 0 1 0 2 0h-2ZM7 6a1 1 0 0 0 0 2V6Zm8 2a1 1 0 1 0 0-2v2Zm-8 2a1 1 0 1 0 0 2v-2Zm5 2a1 1 0 1 0 0-2v2Zm-5 2a1 1 0 1 0 0 2v-2Zm2 2a1 1 0 1 0 0-2v2Zm10 3.646-.75-.662.75.662Zm1.32 2.587a1 1 0 1 0 1.36-1.466l-1.36 1.466ZM9 19H3v2h6v-2Zm-5 1V2H2v18h2ZM3 3h16V1H3v2Zm15-1v8h2V2h-2ZM7 8h8V6H7v2Zm0 4h5v-2H7v2Zm0 4h2v-2H7v2Zm9 4a3 3 0 0 1-3-3h-2a5 5 0 0 0 5 5v-2Zm-3-3a3 3 0 0 1 3-3v-2a5 5 0 0 0-5 5h2Zm3-3a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5v2Zm3 3a2.98 2.98 0 0 1-.75 1.984l1.5 1.324A4.985 4.985 0 0 0 21 17h-2Zm-.75 1.984A2.99 2.99 0 0 1 16 20v2a4.99 4.99 0 0 0 3.75-1.692l-1.5-1.324Zm.07 1.395 2 1.854 1.36-1.466-2-1.854-1.36 1.466Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)