@mirohq/design-system-icons 0.8.1-checkbox.0 → 0.9.0

package/react/index.ts

@@ -6,6 +6,9 @@ export { IconAlignCenterVertical } from './align-center-vertical'
 export { IconAlignLeft } from './align-left'
 export { IconAlignRight } from './align-right'
 export { IconAlignTop } from './align-top'
+export { IconArrowArcLeft } from './arrow-arc-left'
+export { IconArrowArcRight } from './arrow-arc-right'
+export { IconArrowBendUpRight } from './arrow-bend-up-right'
 export { IconArrowBoxOut } from './arrow-box-out'
 export { IconArrowClockwiseDownRight } from './arrow-clockwise-down-right'
 export { IconArrowClockwiseUpLeft } from './arrow-clockwise-up-left'
@@ -15,13 +18,19 @@ export { IconArrowDownLeft } from './arrow-down-left'
 export { IconArrowDownRight } from './arrow-down-right'
 export { IconArrowDown } from './arrow-down'
 export { IconArrowFatRight } from './arrow-fat-right'
+export { IconArrowFatUpRight } from './arrow-fat-up-right'
 export { IconArrowLeft } from './arrow-left'
 export { IconArrowRight } from './arrow-right'
+export { IconArrowUpCircle } from './arrow-up-circle'
 export { IconArrowUpLeft } from './arrow-up-left'
 export { IconArrowUpRight } from './arrow-up-right'
 export { IconArrowUp } from './arrow-up'
 export { IconArrowsClockwiseX } from './arrows-clockwise-x'
 export { IconArrowsClockwiseY } from './arrows-clockwise-y'
+export { IconArrowsInSimple } from './arrows-in-simple'
+export { IconArrowsOutCardinal } from './arrows-out-cardinal'
+export { IconArrowsOutLinesHorizontal } from './arrows-out-lines-horizontal'
+export { IconArrowsOutSimple } from './arrows-out-simple'
 export { IconArticle } from './article'
 export { IconAt } from './at'
 export { IconBarThree } from './bar-three'
@@ -50,13 +59,20 @@ export { IconChatTwo } from './chat-two'
 export { IconChat } from './chat'
 export { IconCheckMark } from './check-mark'
 export { IconCheckboardSquareCentered } from './checkboard-square-centered'
+export { IconChevronDownDouble } from './chevron-down-double'
 export { IconChevronDown } from './chevron-down'
+export { IconChevronLeftDouble } from './chevron-left-double'
 export { IconChevronLeft } from './chevron-left'
+export { IconChevronRightDouble } from './chevron-right-double'
 export { IconChevronRight } from './chevron-right'
+export { IconChevronUpDouble } from './chevron-up-double'
+export { IconChevronUpDownLine } from './chevron-up-down-line'
+export { IconChevronUpDown } from './chevron-up-down'
 export { IconChevronUp } from './chevron-up'
 export { IconCircleCorners } from './circle-corners'
 export { IconCircleMotionX } from './circle-motion-x'
 export { IconCircleNotch } from './circle-notch'
+export { IconCircleSlash } from './circle-slash'
 export { IconCircle } from './circle'
 export { IconCirclesConnected } from './circles-connected'
 export { IconClockCounterClockwiseSimple } from './clock-counter-clockwise-simple'
@@ -71,9 +87,11 @@ export { IconCornersThreeEyeOpen } from './corners-three-eye-open'
 export { IconCreditCard } from './credit-card'
 export { IconCrop } from './crop'
 export { IconCrossCircle } from './cross-circle'
+export { IconCrossSquare } from './cross-square'
 export { IconCross } from './cross'
 export { IconCube } from './cube'
 export { IconCursorFilled } from './cursor-filled'
+export { IconCursorLines } from './cursor-lines'
 export { IconCursorText } from './cursor-text'
 export { IconCursor } from './cursor'
 export { IconCurveSquareCircleArrow } from './curve-square-circle-arrow'
@@ -83,9 +101,14 @@ 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 { IconDotsNine } from './dots-nine'
+export { IconDotsThree } from './dots-three'
+export { IconDotsTwo } from './dots-two'
+export { IconDownload } from './download'
 export { IconEnvelope } from './envelope'
 export { IconEraser } from './eraser'
 export { IconExclamationPointCircle } from './exclamation-point-circle'
+export { IconExport } from './export'
 export { IconEyeClosedDotsFourFrameBroken } from './eye-closed-dots-four-frame-broken'
 export { IconEyeClosed } from './eye-closed'
 export { IconEyeOpenLineFrameBroken } from './eye-open-line-frame-broken'
@@ -105,7 +128,9 @@ export { IconGlobe } from './globe'
 export { IconGraduationCap } from './graduation-cap'
 export { IconGridFour } from './grid-four'
 export { IconGridSix } from './grid-six'
+export { IconGrid } from './grid'
 export { IconHandFilled } from './hand-filled'
+export { IconHandPointing } from './hand-pointing'
 export { IconHand } from './hand'
 export { IconHighlighterUnderline } from './highlighter-underline'
 export { IconHighlighter } from './highlighter'
@@ -135,6 +160,8 @@ export { IconListBullets } from './list-bullets'
 export { IconListNumbers } from './list-numbers'
 export { IconLockClosed } from './lock-closed'
 export { IconLockOpen } from './lock-open'
+export { IconLogin } from './login'
+export { IconLogout } from './logout'
 export { IconMagnet } from './magnet'
 export { IconMagnifyingGlass } from './magnifying-glass'
 export { IconMap } from './map'
@@ -146,6 +173,10 @@ export { IconMonitorPause } from './monitor-pause'
 export { IconMonitorPlay } from './monitor-play'
 export { IconMonitorStop } from './monitor-stop'
 export { IconMouse } from './mouse'
+export { IconNavigationArrowLines } from './navigation-arrow-lines'
+export { IconNavigationUpLeftFilled } from './navigation-up-left-filled'
+export { IconNavigationUpLeftSlash } from './navigation-up-left-slash'
+export { IconNavigationUpRight } from './navigation-up-right'
 export { IconNext } from './next'
 export { IconNodeLinesCurved } from './node-lines-curved'
 export { IconNodeLinesHorizontal } from './node-lines-horizontal'
@@ -154,6 +185,8 @@ export { IconNodePlus } from './node-plus'
 export { IconNodesConnected } from './nodes-connected'
 export { IconNodesConnectionsThree } from './nodes-connections-three'
 export { IconNoteMagnifyingGlass } from './note-magnifying-glass'
+export { IconPaperPlaneFilledRight } from './paper-plane-filled-right'
+export { IconPaperPlaneTilt } from './paper-plane-tilt'
 export { IconParallelogram } from './parallelogram'
 export { IconPauseCircle } from './pause-circle'
 export { IconPause } from './pause'
@@ -180,6 +213,7 @@ export { IconProhibit } from './prohibit'
 export { IconPushPin } from './push-pin'
 export { IconQuestionMarkCircle } from './question-mark-circle'
 export { IconQuestionMark } from './question-mark'
+export { IconRectangleArrowUpCenter } from './rectangle-arrow-up-center'
 export { IconRectangleDashLines } from './rectangle-dash-lines'
 export { IconRectangleDotLinePen } from './rectangle-dot-line-pen'
 export { IconRectanglePlayStack } from './rectangle-play-stack'
@@ -198,6 +232,7 @@ export { IconScrollbarXy } from './scrollbar-xy'
 export { IconShapes } from './shapes'
 export { IconShieldCheck } from './shield-check'
 export { IconShieldLock } from './shield-lock'
+export { IconShuffle } from './shuffle'
 export { IconSidebarClosed } from './sidebar-closed'
 export { IconSidebarOpen } from './sidebar-open'
 export { IconSlidersX } from './sliders-x'
@@ -228,12 +263,20 @@ export { IconSquaresTwoOverlap } from './squares-two-overlap'
 export { IconSquaresUngroup } from './squares-ungroup'
 export { IconSquaresUnmerge } from './squares-unmerge'
 export { IconStack } from './stack'
+export { IconStarFilled } from './star-filled'
+export { IconStar } from './star'
 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 { IconStroke1 } from './stroke-1'
+export { IconStroke2 } from './stroke-2'
+export { IconStroke3 } from './stroke-3'
+export { IconStroke4 } from './stroke-4'
+export { IconStroke5 } from './stroke-5'
+export { IconStroke6 } from './stroke-6'
 export { IconTag } from './tag'
 export { IconTextAUnderline } from './text-a-underline'
 export { IconTextAlignCenter } from './text-align-center'
@@ -252,6 +295,7 @@ export { IconTextStyles } from './text-styles'
 export { IconTextT } from './text-t'
 export { IconTextUUnderlined } from './text-u-underlined'
 export { IconThumbsUp } from './thumbs-up'
+export { IconTickCircle } from './tick-circle'
 export { IconTicket } from './ticket'
 export { IconTimer } from './timer'
 export { IconTrackpad } from './trackpad'

package/react/login.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 IconLogin: 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='M13 3h8v18h-8M3 12h12m0 0-3-3m3 3-3 3'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/logout.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 IconLogout: 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 3H3v18h8m-2-9h12m0 0-3-3m3 3-3 3'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/navigation-arrow-lines.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 IconNavigationArrowLines: 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='M11 4h10m-6 4h2M4.406 6.069l9.434 9.245c.315.309.136.874-.289.909H8.5a.468.468 0 0 0-.285.13l-3.408 3.71c-.312.3-.807.06-.807-.391V6.262c0-.227.25-.346.406-.193Z'
+    />,
+    <path
+      fill='currentColor'
+      d='M13.84 15.315 4.407 6.069C4.25 5.916 4 6.035 4 6.262v13.41c0 .451.495.69.807.39l3.408-3.709a.468.468 0 0 1 .285-.13h5.051c.425-.035.604-.6.29-.908Z'
+    />
+  )
+)

package/react/navigation-up-left-filled.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 IconNavigationUpLeftFilled: 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='M20.536 9.963 3.456 3.026c-.282-.114-.545.165-.427.454l6.98 17.058c.235.574 1.003.626 1.254.084l2.5-6.46a.65.65 0 0 1 .302-.313l6.568-2.583c.533-.261.473-1.072-.097-1.303Z'
+    />,
+    <path
+      fill='currentColor'
+      d='M20.536 9.963 3.456 3.026c-.282-.114-.545.165-.427.454l6.98 17.058c.235.574 1.003.626 1.254.084l2.5-6.46a.65.65 0 0 1 .302-.313l6.568-2.583c.533-.261.473-1.072-.097-1.303Z'
+    />
+  )
+)

package/react/navigation-up-left-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 IconNavigationUpLeftSlash: 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.897 15.375 2.112 5.163c.235.574 1.003.626 1.254.084l2.5-6.46a.65.65 0 0 1 .302-.313l6.568-2.583c.533-.261.473-1.072-.097-1.303l-5.09-2.067M5.594 9.75 3.029 3.48c-.118-.289.145-.568.427-.454L9.75 5.583M3 19.875 19.875 3'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/navigation-up-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 IconNavigationUpRight: 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.037 20.536 6.937-17.08c.114-.282-.165-.545-.454-.427l-17.058 6.98c-.574.235-.626 1.003-.084 1.254l6.46 2.5a.65.65 0 0 1 .313.302l2.583 6.568c.261.533 1.072.473 1.303-.097Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/paper-plane-filled-right.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 IconPaperPlaneFilledRight: 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='M3.421 2.595c-.847-.39-1.72.49-1.322 1.334L5 11h3.5c1.5 0 1.5 1.873 0 1.873H5l-2.901 7.056c-.397.843.475 1.723 1.322 1.334L21.6 12.984c.776-.356.776-1.627 0-1.984L3.42 2.595Z'
+      clipRule='evenodd'
+    />,
+    <path stroke='currentColor' strokeWidth={4} d='M22 21h.001' />
+  )
+)

package/react/paper-plane-tilt.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 IconPaperPlaneTilt: 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='M10 14 21 3M10 14l4 8 7-19M10 14l-8-4 19-7'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/rectangle-arrow-up-center.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 IconRectangleArrowUpCenter: 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 10V4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v6m-9 10V9m0 0 4 4.5M12 9l-4 4.5'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/shuffle.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 IconShuffle: 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 6s2.464-.282 4 0c5.761 1.06 3.282 10.73 9 12 1.906.424 5 0 5 0m0 0-3-3m3 3-3 3M3 18s2.464.282 4 0c.864-.159 1.542-.511 2.091-1M21 6s-3.094-.424-5 0a4.333 4.333 0 0 0-2 1.012M21 6l-3 3m3-3-3-3'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/star-filled.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 IconStarFilled: 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='m15 9-2.776-5.553a.25.25 0 0 0-.448 0L9 9l-5.554.926a.25.25 0 0 0-.145.412L7 14.5l-.926 6.022a.25.25 0 0 0 .358.262L12 18l5.568 2.784a.25.25 0 0 0 .358-.262L17 14.5l3.7-4.162a.25.25 0 0 0-.146-.412L15 9Z'
+    />,
+    <path
+      fill='currentColor'
+      d='m15 9-3-6-3 6-6 1 4 4.5L6 21l6-3 6 3-1-6.5 4-4.5-6-1Z'
+    />
+  )
+)

package/react/star.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 IconStar: 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 9-2.776-5.553a.25.25 0 0 0-.448 0L9 9l-5.554.926a.25.25 0 0 0-.145.412L7 14.5l-.926 6.022a.25.25 0 0 0 .358.262L12 18l5.568 2.784a.25.25 0 0 0 .358-.262L17 14.5l3.7-4.162a.25.25 0 0 0-.146-.412L15 9Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/sticky-corners.tsx

@@ -22,7 +22,7 @@ export const IconStickyCorners: ForwardRefExoticComponent<
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeWidth={2}
-        d='M3 7V3h4m10 0h4v4m0 10v4h-4M7 21H3v-4m5-9h8v5l-3 3H8V8Z'
+        d='M3 7V3h4m10 0h4v4m0 10v4h-4M7 21H3v-4m13-4V8H8v8h5m3-3-3 3m3-3h-3v3'
       />
     </g>,
     <defs>

package/react/stroke-1.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 IconStroke1: 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='M5.106 17.81 18.894 6.24'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/stroke-2.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 IconStroke2: 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={4}
+        d='M5.872 17.167 18.128 6.883'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)