@mirohq/design-system-icons 0.3.1 → 0.5.0

package/react/magnet.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 IconMagnet: 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='square'
+        strokeMiterlimit={1.414}
+        strokeWidth={2}
+        d='M8.435 4.828 4.95 8.314a7 7 0 0 0 0 9.9l.641.64a7 7 0 0 0 9.858.041l3.556-3.497M8.435 4.828l2.475-2.474a.5.5 0 0 1 .707 0l2.293 2.293a.5.5 0 0 1 0 .707l-2.475 2.474m-3-3 3 3m0 0-3.314 3.314C6.95 12.314 7 14 8.121 15.385l.522.522c1.357 1.093 3.071 1.171 4.243 0l3.314-3.314m0 0 2.475-2.475a.5.5 0 0 1 .707 0l2.118 2.119a.5.5 0 0 1-.003.71l-2.492 2.451M16.2 12.593l2.805 2.805'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/map.tsx

@@ -0,0 +1,35 @@
+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 IconMap: 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'
+        strokeMiterlimit={1.414}
+        strokeWidth={2}
+        d='M9 4 3 6v15l6-2.5M9 4l6 2M9 4v14.5M15 6l6-2v14.5L15 21m0-15v15m0 0-6-2.5'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/mouse.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 IconMouse: 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'
+      strokeWidth={2}
+      d='M12 8v3M9 3.5h6a4 4 0 0 1 4 4v6a7 7 0 1 1-14 0v-6a4 4 0 0 1 4-4Z'
+    />,
+    <path fill='currentColor' d='M0 0h.001v.001H0V0Z' />
+  )
+)

package/react/pdf.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 IconPdf: 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.64 5.28C4.615 3.583 7.07 2.02 7.71 3.763c1.098 2.992 2.864 11.086-1.12 16.587-1.111 1.534-3.509.082-2.219-1.515a19.508 19.508 0 0 1 6.745-5.146 19.396 19.396 0 0 1 8.276-1.784c2.01.076 1.907 2.95.109 2.729a18.7 18.7 0 0 1-8.02-3.041A18.84 18.84 0 0 1 5.64 5.28Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/play-circle.tsx

@@ -19,8 +19,7 @@ export const IconPlayCircle: ForwardRefExoticComponent<
     <circle cx={12} cy={12} r={8.5} stroke='currentColor' strokeWidth={2} />,
     <path
       fill='currentColor'
-      stroke='currentColor'
-      d='M15.099 12 10.5 15.066V8.934L15.099 12Z'
+      d='M15.376 11.584a.5.5 0 0 1 0 .832l-4.599 3.066a.5.5 0 0 1-.777-.416V8.934a.5.5 0 0 1 .777-.416l4.599 3.066Z'
     />
   )
 )

package/react/playback-speed-circle.tsx

@@ -17,15 +17,14 @@ export const IconPlaybackSpeedCircle: ForwardRefExoticComponent<
       ref: forwardRef,
     },
     <path
-      stroke='currentColor'
-      strokeLinecap='round'
-      strokeWidth={2}
-      d='M10.583 3.618a8.5 8.5 0 1 1 .173 16.792M7.3 4.917a8.547 8.547 0 0 0-2.222 2.15m-1.444 3.421a8.55 8.55 0 0 0-.016 2.929m1.479 3.543a8.55 8.55 0 0 0 1.709 1.769'
+      fill='currentColor'
+      d='M15.376 11.584a.5.5 0 0 1 0 .832l-4.599 3.066a.5.5 0 0 1-.777-.416V8.934a.5.5 0 0 1 .777-.416l4.599 3.066Z'
     />,
     <path
-      fill='currentColor'
       stroke='currentColor'
-      d='M15.099 12 10.5 15.066V8.934L15.099 12Z'
+      strokeLinecap='round'
+      strokeWidth={2}
+      d='M10.583 3.618a8.5 8.5 0 1 1 .173 16.792M5.078 7.066A8.547 8.547 0 0 1 7.3 4.916m-3.666 5.572a8.55 8.55 0 0 0-.016 2.929m3.188 5.312a8.55 8.55 0 0 1-1.71-1.769'
     />
   )
 )

package/react/push-pin.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 IconPushPin: 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='M14.092 2.293a1 1 0 1 0-1.415 1.414l1.415-1.414Zm-9.948 8.55a1 1 0 0 0 1.173 1.62l-1.173-1.62Zm15.471-1.612.708-.707-.708.707Zm.678 2.091a1 1 0 0 0 1.414-1.414l-1.414 1.415Zm-8.757 7.36-.586.81 1.62 1.174.586-.81-1.62-1.173Zm1.142 3.025a1 1 0 0 0 1.414-1.414l-1.415 1.414ZM3.707 9.908a1 1 0 1 0-1.415 1.415l1.414-1.415ZM2.292 20.293a1 1 0 1 0 1.414 1.414l-1.414-1.414ZM12.677 3.707l1.385 1.385 1.414-1.414-1.384-1.385-1.415 1.414Zm1.506-.132L4.144 10.844l1.173 1.62 10.039-7.27-1.173-1.62Zm-.12 1.517 4.845 4.846 1.415-1.414-4.847-4.846-1.414 1.414Zm4.845 4.846 1.385 1.384 1.414-1.414-1.384-1.384-1.415 1.414Zm-.103-1.294-7.269 10.039 1.62 1.173 7.27-10.039-1.62-1.173Zm-4.713 11.649L8.899 15.1l-1.414 1.414 5.192 5.192 1.415-1.414ZM8.899 15.1 3.707 9.908l-1.414 1.415 5.192 5.192L8.9 15.1Zm-5.192 6.606L8.9 16.515 7.485 15.1l-5.192 5.192 1.414 1.414Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/scrollbar-xy.tsx

@@ -0,0 +1,26 @@
+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 IconScrollbarXy: 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'
+      strokeWidth={2}
+      d='M6.706 17H12m6-10v8M5.118 4h13.764C20.052 4 21 4.895 21 6v12c0 1.105-.948 2-2.118 2H5.118C3.948 20 3 19.105 3 18V6c0-1.105.948-2 2.118-2Z'
+    />
+  )
+)

package/react/shield-check.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 IconShieldCheck: 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'
+        strokeMiterlimit={1.414}
+        strokeWidth={2}
+        d='m9 12 2 1.5L16 9M4 6l8-3 8 3v7.044a6.638 6.638 0 0 1-1.598 4.32 13.275 13.275 0 0 1-3.25 2.744l-2.637 1.583a1 1 0 0 1-1.03 0l-2.638-1.583a13.274 13.274 0 0 1-3.249-2.744A6.638 6.638 0 0 1 4 13.044V6Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/shield-lock.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 IconShieldLock: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <rect width={8} height={5} x={8} y={11} fill='currentColor' rx={1} />,
+    <path
+      stroke='currentColor'
+      strokeMiterlimit={1.414}
+      strokeWidth={2}
+      d='M10 13V9.5a2 2 0 1 1 4 0V13M4 6l8-3 8 3v7.044a6.638 6.638 0 0 1-1.598 4.32 13.275 13.275 0 0 1-3.25 2.744l-2.637 1.583a1 1 0 0 1-1.03 0l-2.638-1.583a13.274 13.274 0 0 1-3.249-2.744A6.638 6.638 0 0 1 4 13.044V6Z'
+    />
+  )
+)

package/react/sidebar-closed.tsx

@@ -0,0 +1,35 @@
+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 IconSidebarClosed: 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'
+        strokeMiterlimit={1.414}
+        strokeWidth={2}
+        d='M11 4H4a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h7m0-16h9a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-9m0-16v16M6 8h2m-2 4h2m-2 4h2'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/sidebar-open.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 IconSidebarOpen: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeMiterlimit={1.414}
+      strokeWidth={2}
+      d='M21 19V5a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1Z'
+    />,
+    <path
+      fill='currentColor'
+      fillRule='evenodd'
+      d='M11 5H3v14h8V5ZM6 7a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2H6Zm0 4a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H6Zm0 4a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H6Z'
+      clipRule='evenodd'
+    />
+  )
+)

package/react/square-brackets-angle-slash.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 IconSquareBracketsAngleSlash: 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='M6 4 3.177 6.823a.25.25 0 0 0 0 .354L6 10m5-7-2 8m5-7 2.823 2.823a.25.25 0 0 1 0 .354L14 10m5-7v0a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/square-circles-two.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 IconSquareCirclesTwo: 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'
+      strokeWidth={2}
+      d='M19.75 4H4.25a.25.25 0 0 0-.25.25v15.5c0 .138.112.25.25.25h15.5a.25.25 0 0 0 .25-.25V4.25a.25.25 0 0 0-.25-.25Z'
+    />,
+    <path
+      fill='currentColor'
+      d='M16 15a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm7-3a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'
+    />
+  )
+)

package/react/square-triangle-circle-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 IconSquareTriangleCirclePlus: 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='M17 14v3m0 0v3m0-3h-3m3 0h3M5 4h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1Zm9.164 5.645 2.609-5.653a.25.25 0 0 1 .454 0l2.61 5.653a.25.25 0 0 1-.228.355h-5.218a.25.25 0 0 1-.227-.355Zm-9.285 9.476A3 3 0 1 0 9.12 14.88a3 3 0 0 0-4.24 4.24Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/square.tsx

@@ -20,7 +20,7 @@ export const IconSquare: ForwardRefExoticComponent<
       <path
         stroke='currentColor'
         strokeWidth={2}
-        d='M19.75 4H4.25a.25.25 0 0 0-.25.25v15.5c0 .138.112.25.25.25h15.5a.25.25 0 0 0 .25-.25V4.25a.25.25 0 0 0-.25-.25Z'
+        d='M20.75 3H3.25a.25.25 0 0 0-.25.25v17.5c0 .138.112.25.25.25h17.5a.25.25 0 0 0 .25-.25V3.25a.25.25 0 0 0-.25-.25Z'
       />
     </g>,
     <defs>

package/react/squares-four.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 IconSquaresFour: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeWidth={2}
+      clipPath='url(#a)'
+    >
+      <path d='M9.5 14h-5a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5Zm10 0h-5a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5ZM9.5 4h-5a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5Z' />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/squares-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 IconSquaresThree: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeWidth={2}
+      clipPath='url(#a)'
+    >
+      <path d='M9.5 14h-5a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5Zm10 0h-5a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5ZM9.5 4h-5a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5Z' />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/sticky-note.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 IconStickyNote: 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='square'
+        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'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/tag.tsx

@@ -0,0 +1,29 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconTag: 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='square'
+      strokeLinejoin='round'
+      strokeMiterlimit={1.414}
+      strokeWidth={2}
+      d='M11.953 4H4v8l8.839 8.617 7.778-7.778L11.953 4Z'
+    />,
+    <circle cx={8.5} cy={8.5} r={1.5} fill='currentColor' />
+  )
+)

package/react/text-t.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 IconTextT: 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 7V4.5a.5.5 0 0 1 .5-.5H12m8 3V4.5a.5.5 0 0 0-.5-.5H12m0 0v16m0 0H9m3 0h3'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/thumbs-up.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 IconThumbsUp: 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 11.617V20m3.2-1.048v-7.128c0-.137.027-.272.08-.399l3.25-8.1c.162-.388.7-.44.937-.092l.553 1.077a4.13 4.13 0 0 1 .589 3.342L12.019 10h5.334c1.178 0 2.647.983 2.647 2.14v2.62c0 2.894-2.921 5.24-5.867 5.24H8.267c-.59 0-1.067-.47-1.067-1.048Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)