@mirohq/design-system-icons 0.6.0 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/dist/main.js +842 -1
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +812 -2
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +63 -1
  6. package/package.json +1 -1
  7. package/react/cube.tsx +34 -0
  8. package/react/cursor-text.tsx +34 -0
  9. package/react/curve-square-circle-arrow.tsx +34 -0
  10. package/react/eraser.tsx +34 -0
  11. package/react/eyedropper.tsx +31 -0
  12. package/react/highlighter-underline.tsx +25 -0
  13. package/react/highlighter.tsx +34 -0
  14. package/react/index.ts +31 -0
  15. package/react/lasso.tsx +34 -0
  16. package/react/line-curved.tsx +34 -0
  17. package/react/line-dashed.tsx +34 -0
  18. package/react/line-dotted.tsx +28 -0
  19. package/react/line-horizontal.tsx +34 -0
  20. package/react/line-orthogonal.tsx +34 -0
  21. package/react/line-straight.tsx +34 -0
  22. package/react/list-bullets.tsx +31 -0
  23. package/react/list-numbers.tsx +34 -0
  24. package/react/minus.tsx +1 -1
  25. package/react/pen-tip.tsx +34 -0
  26. package/react/pen.tsx +34 -0
  27. package/react/plus-text.tsx +34 -0
  28. package/react/prohibit.tsx +32 -0
  29. package/react/text-a-underline.tsx +25 -0
  30. package/react/text-align-center.tsx +34 -0
  31. package/react/text-align-left.tsx +34 -0
  32. package/react/text-b-bold-italic-underlined.tsx +24 -0
  33. package/react/text-b-bold.tsx +34 -0
  34. package/react/text-i-italic.tsx +33 -0
  35. package/react/text-indent.tsx +34 -0
  36. package/react/text-lines-three.tsx +34 -0
  37. package/react/text-s-strikethrough.tsx +34 -0
  38. package/react/text-styles.tsx +33 -0
  39. package/react/text-u-underlined.tsx +34 -0
  40. package/svg/24/cube.svg +1 -0
  41. package/svg/24/cursor-text.svg +1 -0
  42. package/svg/24/curve-square-circle-arrow.svg +1 -0
  43. package/svg/24/eraser.svg +1 -0
  44. package/svg/24/eyedropper.svg +1 -0
  45. package/svg/24/highlighter-underline.svg +1 -0
  46. package/svg/24/highlighter.svg +1 -0
  47. package/svg/24/lasso.svg +1 -0
  48. package/svg/24/line-curved.svg +1 -0
  49. package/svg/24/line-dashed.svg +1 -0
  50. package/svg/24/line-dotted.svg +1 -0
  51. package/svg/24/line-horizontal.svg +1 -0
  52. package/svg/24/line-orthogonal.svg +1 -0
  53. package/svg/24/line-straight.svg +1 -0
  54. package/svg/24/list-bullets.svg +1 -0
  55. package/svg/24/list-numbers.svg +1 -0
  56. package/svg/24/minus.svg +1 -1
  57. package/svg/24/pen-tip.svg +1 -0
  58. package/svg/24/pen.svg +1 -0
  59. package/svg/24/plus-text.svg +1 -0
  60. package/svg/24/prohibit.svg +1 -0
  61. package/svg/24/text-a-underline.svg +1 -0
  62. package/svg/24/text-align-center.svg +1 -0
  63. package/svg/24/text-align-left.svg +1 -0
  64. package/svg/24/text-b-bold-italic-underlined.svg +1 -0
  65. package/svg/24/text-b-bold.svg +1 -0
  66. package/svg/24/text-i-italic.svg +1 -0
  67. package/svg/24/text-indent.svg +1 -0
  68. package/svg/24/text-lines-three.svg +1 -0
  69. package/svg/24/text-s-strikethrough.svg +1 -0
  70. package/svg/24/text-styles.svg +1 -0
  71. package/svg/24/text-u-underlined.svg +1 -0
  72. package/svg/meta.json +225 -0
@@ -0,0 +1,34 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconLineOrthogonal: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <g clipPath='url(#a)'>
20
+ <path
21
+ stroke='currentColor'
22
+ strokeLinecap='round'
23
+ strokeLinejoin='round'
24
+ strokeWidth={2}
25
+ d='M2 16h10V8h10'
26
+ />
27
+ </g>,
28
+ <defs>
29
+ <clipPath id='a'>
30
+ <path d='M0 0h24v24H0z' />
31
+ </clipPath>
32
+ </defs>
33
+ )
34
+ )
@@ -0,0 +1,34 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconLineStraight: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <g clipPath='url(#a)'>
20
+ <path
21
+ stroke='currentColor'
22
+ strokeLinecap='round'
23
+ strokeLinejoin='round'
24
+ strokeWidth={2}
25
+ d='m3 15 18-6'
26
+ />
27
+ </g>,
28
+ <defs>
29
+ <clipPath id='a'>
30
+ <path d='M0 0h24v24H0z' />
31
+ </clipPath>
32
+ </defs>
33
+ )
34
+ )
@@ -0,0 +1,31 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconListBullets: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <path
20
+ stroke='currentColor'
21
+ strokeLinecap='round'
22
+ strokeLinejoin='round'
23
+ strokeWidth={2}
24
+ d='M9 5h12M9 12h12M9 19h12'
25
+ />,
26
+ <path
27
+ fill='currentColor'
28
+ d='M5 12a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM5 5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z'
29
+ />
30
+ )
31
+ )
@@ -0,0 +1,34 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconListNumbers: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <g clipPath='url(#a)'>
20
+ <path
21
+ stroke='currentColor'
22
+ strokeLinecap='round'
23
+ strokeLinejoin='round'
24
+ strokeWidth={2}
25
+ d='M3 3h3v6m6-3h9M3 14h4v3H3v3h4m5-3h9'
26
+ />
27
+ </g>,
28
+ <defs>
29
+ <clipPath id='a'>
30
+ <path d='M0 0h24v24H0z' />
31
+ </clipPath>
32
+ </defs>
33
+ )
34
+ )
package/react/minus.tsx CHANGED
@@ -20,7 +20,7 @@ export const IconMinus: ForwardRefExoticComponent<
20
20
  stroke='currentColor'
21
21
  strokeLinecap='round'
22
22
  strokeWidth={2}
23
- d='M5 12h14'
23
+ d='M6 12h12'
24
24
  />
25
25
  )
26
26
  )
@@ -0,0 +1,34 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconPenTip: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <g clipPath='url(#a)'>
20
+ <path
21
+ stroke='currentColor'
22
+ strokeLinecap='round'
23
+ strokeLinejoin='round'
24
+ strokeWidth={2}
25
+ d='M6 21v-4.6a2 2 0 0 1 .154-.77L8.5 10M18 21v-4.6a2 2 0 0 0-.154-.77L15.5 10m-7 0 3.042-6.953a.5.5 0 0 1 .916 0L15.5 10m-7 0h7'
26
+ />
27
+ </g>,
28
+ <defs>
29
+ <clipPath id='a'>
30
+ <path d='M0 0h24v24H0z' />
31
+ </clipPath>
32
+ </defs>
33
+ )
34
+ )
package/react/pen.tsx ADDED
@@ -0,0 +1,34 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconPen: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <g clipPath='url(#a)'>
20
+ <path
21
+ stroke='currentColor'
22
+ strokeLinecap='round'
23
+ strokeLinejoin='round'
24
+ strokeWidth={2}
25
+ d='m13 7-8.572 8.572a2 2 0 0 0-.547 1.022l-.807 4.038a.25.25 0 0 0 .294.294l4.038-.807a2 2 0 0 0 1.022-.547L17 11m-4-4 2.586-2.586a2 2 0 0 1 2.828 0l1.172 1.172a2 2 0 0 1 0 2.828L17 11m-4-4 4 4'
26
+ />
27
+ </g>,
28
+ <defs>
29
+ <clipPath id='a'>
30
+ <path d='M0 0h24v24H0z' />
31
+ </clipPath>
32
+ </defs>
33
+ )
34
+ )
@@ -0,0 +1,34 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconPlusText: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <g clipPath='url(#a)'>
20
+ <path
21
+ stroke='currentColor'
22
+ strokeLinecap='round'
23
+ strokeLinejoin='round'
24
+ strokeWidth={2}
25
+ d='M7 5h7m7 0h-7m0 0v15M6 10v6m-3-3h6'
26
+ />
27
+ </g>,
28
+ <defs>
29
+ <clipPath id='a'>
30
+ <path d='M0 0h24v24H0z' />
31
+ </clipPath>
32
+ </defs>
33
+ )
34
+ )
@@ -0,0 +1,32 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconProhibit: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <g clipPath='url(#a)'>
20
+ <path
21
+ stroke='currentColor'
22
+ strokeWidth={2}
23
+ d='M7 17 17 7m2.5 5a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0Z'
24
+ />
25
+ </g>,
26
+ <defs>
27
+ <clipPath id='a'>
28
+ <path d='M0 0h24v24H0z' />
29
+ </clipPath>
30
+ </defs>
31
+ )
32
+ )
@@ -0,0 +1,25 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconTextAUnderline: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <rect width={18} height={2} x={3} y={19} fill='currentColor' rx={0.5} />,
20
+ <path
21
+ fill='currentColor'
22
+ d='M6.077 15.615a1 1 0 1 0 1.846.77l-1.846-.77ZM12 4l.923-.385a1 1 0 0 0-1.846 0L12 4Zm4.077 12.385a1 1 0 0 0 1.846-.77l-1.846.77Zm-5-12 3.75 9 1.846-.77-3.75-9-1.846.77Zm3.75 9 1.25 3 1.846-.77-1.25-3-1.846.77Zm-6.904 3 1.25-3-1.846-.77-1.25 3 1.846.77Zm1.25-3 3.75-9-1.846-.77-3.75 9 1.846.77ZM15.75 12h-7.5v2h7.5v-2Z'
23
+ />
24
+ )
25
+ )
@@ -0,0 +1,34 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconTextAlignCenter: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <g clipPath='url(#a)'>
20
+ <path
21
+ stroke='currentColor'
22
+ strokeLinecap='round'
23
+ strokeLinejoin='round'
24
+ strokeWidth={2}
25
+ d='M5 6h14M8 10h8M5 14h14M8 18h8'
26
+ />
27
+ </g>,
28
+ <defs>
29
+ <clipPath id='a'>
30
+ <path d='M0 0h24v24H0z' />
31
+ </clipPath>
32
+ </defs>
33
+ )
34
+ )
@@ -0,0 +1,34 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconTextAlignLeft: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <g clipPath='url(#a)'>
20
+ <path
21
+ stroke='currentColor'
22
+ strokeLinecap='round'
23
+ strokeLinejoin='round'
24
+ strokeWidth={2}
25
+ d='M5 6h14M5 12h7m-7 6h14'
26
+ />
27
+ </g>,
28
+ <defs>
29
+ <clipPath id='a'>
30
+ <path d='M0 0h24v24H0z' />
31
+ </clipPath>
32
+ </defs>
33
+ )
34
+ )
@@ -0,0 +1,24 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconTextBBoldItalicUnderlined: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <path
20
+ fill='currentColor'
21
+ d='M4 20a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Zm3.5-4.25-1.229-.23L5.994 17H7.5v-1.25Zm2.25-12V2.5H8.713L8.52 3.52l1.229.23Zm2.75 6V11 9.75Zm-2.75-6V5h3.75V2.5H9.75v1.25Zm-2.25 12V17h4v-2.5h-4v1.25Zm9.5-3.5c0-1.342-.506-2.405-1.512-3.052-.895-.574-2.008-.698-2.988-.698V11c.852 0 1.364.126 1.636.302.161.103.364.29.364.948H17Zm-2.5 0c0 1.106-.967 2.25-3 2.25V17c2.967 0 5.5-1.856 5.5-4.75h-2.5Zm-2-1.25c1.053 0 2.321-.21 3.367-.889 1.119-.725 1.883-1.928 1.883-3.611h-2.5c0 .817-.32 1.24-.743 1.514-.496.322-1.229.486-2.007.486V11Zm5.25-4.5c0-1.778-.941-2.852-1.964-3.41A5.096 5.096 0 0 0 13.5 2.5V5c.13 0 .65.045 1.089.285.202.11.357.245.463.409.1.155.198.4.198.806h2.5ZM8.521 3.52l-1.125 6 2.458.46 1.125-6-2.458-.46Zm-1.125 6-1.125 6 2.458.46 1.125-6-2.458-.46ZM12.5 8.5H8.625V11H12.5V8.5Z'
22
+ />
23
+ )
24
+ )
@@ -0,0 +1,34 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconTextBBold: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <g clipPath='url(#a)'>
20
+ <path
21
+ stroke='currentColor'
22
+ strokeLinecap='round'
23
+ strokeLinejoin='round'
24
+ strokeWidth={2.5}
25
+ d='M13.5 11.75H7.25m6.25 0c1.055 0 2.5-1.18 2.5-3s-1.082-3.5-3.25-3.5h-5.5v6.5m6.25 0c2.5 0 3.5 1.838 3.5 3.5s-1.225 3.5-3.5 3.5H7.25v-7'
26
+ />
27
+ </g>,
28
+ <defs>
29
+ <clipPath id='a'>
30
+ <path d='M0 0h24v24H0z' />
31
+ </clipPath>
32
+ </defs>
33
+ )
34
+ )
@@ -0,0 +1,33 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconTextIItalic: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <g clipPath='url(#a)'>
20
+ <path
21
+ stroke='currentColor'
22
+ strokeLinecap='round'
23
+ strokeWidth={2}
24
+ d='M11 5h4m4 0h-4m0 0L9 19m0 0H5m4 0h4'
25
+ />
26
+ </g>,
27
+ <defs>
28
+ <clipPath id='a'>
29
+ <path d='M0 0h24v24H0z' />
30
+ </clipPath>
31
+ </defs>
32
+ )
33
+ )
@@ -0,0 +1,34 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconTextIndent: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <g clipPath='url(#a)'>
20
+ <path
21
+ stroke='currentColor'
22
+ strokeLinecap='round'
23
+ strokeLinejoin='round'
24
+ strokeWidth={2}
25
+ d='M12 3v18M2 12h7m0 0L6 9m3 3-3 3m10-9h6m-6 6h3m-3 6h6'
26
+ />
27
+ </g>,
28
+ <defs>
29
+ <clipPath id='a'>
30
+ <path d='M0 0h24v24H0z' />
31
+ </clipPath>
32
+ </defs>
33
+ )
34
+ )
@@ -0,0 +1,34 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconTextLinesThree: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <g clipPath='url(#a)'>
20
+ <path
21
+ stroke='currentColor'
22
+ strokeLinecap='round'
23
+ strokeLinejoin='round'
24
+ strokeWidth={2}
25
+ d='M4 6h15M4 12h15M4 18h9'
26
+ />
27
+ </g>,
28
+ <defs>
29
+ <clipPath id='a'>
30
+ <path d='M0 0h24v24H0z' />
31
+ </clipPath>
32
+ </defs>
33
+ )
34
+ )
@@ -0,0 +1,34 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconTextSStrikethrough: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <g clipPath='url(#a)'>
20
+ <path
21
+ stroke='currentColor'
22
+ strokeLinecap='round'
23
+ strokeLinejoin='round'
24
+ strokeWidth={2}
25
+ d='M8 19s1.196.992 4 1c.98.003 4-.5 4-4s-4-4-4-4m0 0H5m7 0h7m-3.5-7.25s-3.276-1.816-6 0C8.284 5.56 7.954 6.794 8.051 8'
26
+ />
27
+ </g>,
28
+ <defs>
29
+ <clipPath id='a'>
30
+ <path d='M0 0h24v24H0z' />
31
+ </clipPath>
32
+ </defs>
33
+ )
34
+ )
@@ -0,0 +1,33 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconTextStyles: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <path
20
+ stroke='currentColor'
21
+ strokeLinecap='round'
22
+ strokeLinejoin='round'
23
+ strokeWidth={2}
24
+ d='M11.461 12 8 3l-3.462 9m6.923 0H4.538m6.923 0 .52 1.5M3 16l1.538-4'
25
+ />,
26
+ <path
27
+ fill='currentColor'
28
+ fillRule='evenodd'
29
+ d='M21.693 21.321c.227-.164.43-.344.608-.54.183-.198.33-.393.442-.584a1.505 1.505 0 0 0 .257-.746.371.371 0 0 0-.137-.273.404.404 0 0 0-.29-.124c-.094 0-.166.064-.22.137a7.654 7.654 0 0 1-.168.22l-.001.001v.001a2.271 2.271 0 0 1-.752.661c-.27.145-.626.222-1.072.222a1.09 1.09 0 0 1-.505-.124c-.146-.078-.28-.221-.401-.443-.12-.226-.216-.537-.287-.937-.071-.397-.107-.912-.107-1.547 0-.22.02-.465.062-.736.042-.272.087-.533.134-.781.054-.256.102-.478.144-.668.041-.188.065-.324.065-.395a.656.656 0 0 0-.169-.474l-.11-.127a.666.666 0 0 1-.074-.205v-.002l-.001-.002a1.311 1.311 0 0 0-.358-.57 1.25 1.25 0 0 0-.262-.201.573.573 0 0 0-.28-.084.414.414 0 0 0-.186.046c-.05.024-.099.052-.148.082l-.136.067a.314.314 0 0 1-.106.02.671.671 0 0 1-.153-.024 4.687 4.687 0 0 0-.21-.07 3.322 3.322 0 0 0-.218-.08.627.627 0 0 0-.21-.041c-.219 0-.489.103-.804.29a5.806 5.806 0 0 0-.987.753 9.1 9.1 0 0 0-1.018 1.1 7.927 7.927 0 0 0-.864 1.328c-.217.412-.4.792-.552 1.14-.145.348-.266.672-.363.972v.002a6.308 6.308 0 0 0-.2.833l-.001.002c-.037.26-.055.509-.055.745a2.025 2.025 0 0 0 .453 1.273l.001.002c.145.17.31.304.494.405l.001.001c.193.102.394.154.602.154.307 0 .652-.098 1.031-.287a7.16 7.16 0 0 0 1.159-.742c.393-.306.771-.649 1.134-1.027a9.21 9.21 0 0 0 .827-.968c.071.337.157.66.257.968v.001c.129.376.288.708.48.995v.002c.199.283.433.51.702.678.281.17.611.255.986.255.287 0 .566-.053.835-.158.265-.104.509-.236.731-.396Zm-4.1-6.764c.121.172.19.47.19.912 0 .215-.036.453-.112.714a5.971 5.971 0 0 1-.301.792c-.125.27-.264.535-.419.795v.001c-.15.26-.298.5-.446.717l-.001.001a5.11 5.11 0 0 1-.52.648 9.373 9.373 0 0 1-.66.628 5.672 5.672 0 0 1-.619.483 1.85 1.85 0 0 1-.246.133.422.422 0 0 1-.152.04c-.285 0-.45-.079-.533-.207-.095-.153-.147-.36-.147-.629 0-.18.031-.386.096-.618.064-.24.15-.49.257-.748.112-.266.24-.537.383-.815.143-.278.292-.55.447-.817.162-.267.32-.521.475-.764.161-.243.313-.458.455-.647l.002-.002a2.04 2.04 0 0 1 .266-.299c.11-.103.232-.198.365-.284a2.03 2.03 0 0 1 .412-.205h.002c.146-.056.288-.083.425-.083.132 0 .26.073.381.254Z'
30
+ clipRule='evenodd'
31
+ />
32
+ )
33
+ )
@@ -0,0 +1,34 @@
1
+ import React, { forwardRef, createElement } from 'react'
2
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react'
3
+
4
+ import { StyledIcon } from '../src/icon'
5
+ import type { IconProps } from '../src/icon'
6
+
7
+ export const IconTextUUnderlined: ForwardRefExoticComponent<
8
+ IconProps & RefAttributes<SVGSVGElement>
9
+ > = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
10
+ createElement(
11
+ StyledIcon,
12
+ {
13
+ ...props,
14
+ size,
15
+ viewBox: '0 0 24 24',
16
+ fill: 'none',
17
+ ref: forwardRef,
18
+ },
19
+ <g clipPath='url(#a)'>
20
+ <path
21
+ stroke='currentColor'
22
+ strokeLinecap='round'
23
+ strokeLinejoin='round'
24
+ strokeWidth={2}
25
+ d='M7 20h10M7 4v8c0 3 2.723 4 5 4s5-1 5-4V4'
26
+ />
27
+ </g>,
28
+ <defs>
29
+ <clipPath id='a'>
30
+ <path d='M0 0h24v24H0z' />
31
+ </clipPath>
32
+ </defs>
33
+ )
34
+ )
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m21 7-9-3-9 3m18 0-9 3m9-3v11l-9 3m0-11L3 7m9 3v11M3 7v11l9 3"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 5h3a2 2 0 0 1 2 2m0 0v10m0-10a2 2 0 0 1 2-2h3m-5 12a2 2 0 0 1-2 2H7m5-2a2 2 0 0 0 2 2h3"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 6h-1a4 4 0 0 0-4 4v1m8 7h8m0 0-2-3m2 3-2 3m-10-3a4 4 0 1 1-8 0 4 4 0 0 1 8 0Zm6-16h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Z"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 20h-6m0 0H6.828a2 2 0 0 1-1.414-.586l-2-2a2 2 0 0 1 0-2.828L11 7m1 13 6-6m0 0 2.586-2.586a2 2 0 0 0 0-2.828l-4.172-4.172a2 2 0 0 0-2.828 0L11 7m7 7-7-7"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>