@mirohq/design-system-icons 0.8.0 → 0.9.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 (98) hide show
  1. package/dist/main.js +1226 -37
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +1183 -38
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +92 -1
  6. package/package.json +3 -3
  7. package/react/arrow-arc-left.tsx +34 -0
  8. package/react/arrow-arc-right.tsx +34 -0
  9. package/react/arrow-bend-up-right.tsx +34 -0
  10. package/react/arrow-fat-up-right.tsx +31 -0
  11. package/react/arrow-up-circle.tsx +31 -0
  12. package/react/arrows-in-simple.tsx +34 -0
  13. package/react/arrows-out-cardinal.tsx +34 -0
  14. package/react/arrows-out-lines-horizontal.tsx +34 -0
  15. package/react/arrows-out-simple.tsx +34 -0
  16. package/react/chevron-down-double.tsx +34 -0
  17. package/react/chevron-left-double.tsx +34 -0
  18. package/react/chevron-right-double.tsx +34 -0
  19. package/react/chevron-up-double.tsx +34 -0
  20. package/react/chevron-up-down-line.tsx +34 -0
  21. package/react/chevron-up-down.tsx +34 -0
  22. package/react/circle-slash.tsx +33 -0
  23. package/react/cross-square.tsx +34 -0
  24. package/react/cursor-lines.tsx +31 -0
  25. package/react/dots-nine.tsx +25 -0
  26. package/react/dots-three.tsx +25 -0
  27. package/react/dots-two.tsx +25 -0
  28. package/react/download.tsx +34 -0
  29. package/react/export.tsx +34 -0
  30. package/react/grid.tsx +34 -0
  31. package/react/hand-pointing.tsx +31 -0
  32. package/react/index.ts +44 -0
  33. package/react/login.tsx +34 -0
  34. package/react/logout.tsx +34 -0
  35. package/react/navigation-arrow-lines.tsx +31 -0
  36. package/react/navigation-up-left-filled.tsx +31 -0
  37. package/react/navigation-up-left-slash.tsx +34 -0
  38. package/react/navigation-up-right.tsx +34 -0
  39. package/react/paper-plane-filled-right.tsx +27 -0
  40. package/react/paper-plane-tilt.tsx +34 -0
  41. package/react/rectangle-arrow-up-center.tsx +34 -0
  42. package/react/shuffle.tsx +34 -0
  43. package/react/star-filled.tsx +31 -0
  44. package/react/star.tsx +34 -0
  45. package/react/sticky-corners.tsx +1 -1
  46. package/react/stroke-1.tsx +34 -0
  47. package/react/stroke-2.tsx +34 -0
  48. package/react/stroke-3.tsx +34 -0
  49. package/react/stroke-4.tsx +34 -0
  50. package/react/stroke-5.tsx +34 -0
  51. package/react/stroke-6.tsx +34 -0
  52. package/react/tick-circle.tsx +31 -0
  53. package/svg/24/arrow-arc-left.svg +1 -0
  54. package/svg/24/arrow-arc-right.svg +1 -0
  55. package/svg/24/arrow-bend-up-right.svg +1 -0
  56. package/svg/24/arrow-fat-up-right.svg +1 -0
  57. package/svg/24/arrow-up-circle.svg +1 -0
  58. package/svg/24/arrows-in-simple.svg +1 -0
  59. package/svg/24/arrows-out-cardinal.svg +1 -0
  60. package/svg/24/arrows-out-lines-horizontal.svg +1 -0
  61. package/svg/24/arrows-out-simple.svg +1 -0
  62. package/svg/24/chevron-down-double.svg +1 -0
  63. package/svg/24/chevron-left-double.svg +1 -0
  64. package/svg/24/chevron-right-double.svg +1 -0
  65. package/svg/24/chevron-up-double.svg +1 -0
  66. package/svg/24/chevron-up-down-line.svg +1 -0
  67. package/svg/24/chevron-up-down.svg +1 -0
  68. package/svg/24/circle-slash.svg +1 -0
  69. package/svg/24/cross-square.svg +1 -0
  70. package/svg/24/cursor-lines.svg +1 -0
  71. package/svg/24/dots-nine.svg +1 -0
  72. package/svg/24/dots-three.svg +1 -0
  73. package/svg/24/dots-two.svg +1 -0
  74. package/svg/24/download.svg +1 -0
  75. package/svg/24/export.svg +1 -0
  76. package/svg/24/grid.svg +1 -0
  77. package/svg/24/hand-pointing.svg +1 -0
  78. package/svg/24/login.svg +1 -0
  79. package/svg/24/logout.svg +1 -0
  80. package/svg/24/navigation-arrow-lines.svg +1 -0
  81. package/svg/24/navigation-up-left-filled.svg +1 -0
  82. package/svg/24/navigation-up-left-slash.svg +1 -0
  83. package/svg/24/navigation-up-right.svg +1 -0
  84. package/svg/24/paper-plane-filled-right.svg +1 -0
  85. package/svg/24/paper-plane-tilt.svg +1 -0
  86. package/svg/24/rectangle-arrow-up-center.svg +1 -0
  87. package/svg/24/shuffle.svg +1 -0
  88. package/svg/24/star-filled.svg +1 -0
  89. package/svg/24/star.svg +1 -0
  90. package/svg/24/sticky-corners.svg +1 -1
  91. package/svg/24/stroke-1.svg +1 -0
  92. package/svg/24/stroke-2.svg +1 -0
  93. package/svg/24/stroke-3.svg +1 -0
  94. package/svg/24/stroke-4.svg +1 -0
  95. package/svg/24/stroke-5.svg +1 -0
  96. package/svg/24/stroke-6.svg +1 -0
  97. package/svg/24/tick-circle.svg +1 -0
  98. package/svg/meta.json +380 -7
@@ -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 IconLogout: 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='M11 3H3v18h8m-2-9h12m0 0-3-3m3 3-3 3'
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 IconNavigationArrowLines: 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 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'
25
+ />,
26
+ <path
27
+ fill='currentColor'
28
+ 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'
29
+ />
30
+ )
31
+ )
@@ -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 IconNavigationUpLeftFilled: 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='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'
25
+ />,
26
+ <path
27
+ fill='currentColor'
28
+ 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'
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 IconNavigationUpLeftSlash: 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.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'
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 IconNavigationUpRight: 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='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'
26
+ />
27
+ </g>,
28
+ <defs>
29
+ <clipPath id='a'>
30
+ <path d='M0 0h24v24H0z' />
31
+ </clipPath>
32
+ </defs>
33
+ )
34
+ )
@@ -0,0 +1,27 @@
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 IconPaperPlaneFilledRight: 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
+ fillRule='evenodd'
22
+ 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'
23
+ clipRule='evenodd'
24
+ />,
25
+ <path stroke='currentColor' strokeWidth={4} d='M22 21h.001' />
26
+ )
27
+ )
@@ -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 IconPaperPlaneTilt: 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='M10 14 21 3M10 14l4 8 7-19M10 14l-8-4 19-7'
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 IconRectangleArrowUpCenter: 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 10V4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v6m-9 10V9m0 0 4 4.5M12 9l-4 4.5'
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 IconShuffle: 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 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'
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 IconStarFilled: 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='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'
25
+ />,
26
+ <path
27
+ fill='currentColor'
28
+ d='m15 9-3-6-3 6-6 1 4 4.5L6 21l6-3 6 3-1-6.5 4-4.5-6-1Z'
29
+ />
30
+ )
31
+ )
package/react/star.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 IconStar: 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='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'
26
+ />
27
+ </g>,
28
+ <defs>
29
+ <clipPath id='a'>
30
+ <path d='M0 0h24v24H0z' />
31
+ </clipPath>
32
+ </defs>
33
+ )
34
+ )
@@ -22,7 +22,7 @@ export const IconStickyCorners: ForwardRefExoticComponent<
22
22
  strokeLinecap='round'
23
23
  strokeLinejoin='round'
24
24
  strokeWidth={2}
25
- d='M3 7V3h4m10 0h4v4m0 10v4h-4M7 21H3v-4m5-9h8v5l-3 3H8V8Z'
25
+ d='M3 7V3h4m10 0h4v4m0 10v4h-4M7 21H3v-4m13-4V8H8v8h5m3-3-3 3m3-3h-3v3'
26
26
  />
27
27
  </g>,
28
28
  <defs>
@@ -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 IconStroke1: 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.106 17.81 18.894 6.24'
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 IconStroke2: 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={4}
25
+ d='M5.872 17.167 18.128 6.883'
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 IconStroke3: 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={6}
25
+ d='m6.638 16.524 10.724-8.999'
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 IconStroke4: 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={8}
25
+ d='m7.404 15.882 9.192-7.714'
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 IconStroke5: 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={10}
25
+ d='m8.17 15.239 7.66-6.428'
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 IconStroke6: 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={12}
25
+ d='m8.936 14.596 6.128-5.142'
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 IconTickCircle: 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
+ fill='currentColor'
22
+ d='M8.707 11.293a1 1 0 0 0-1.414 1.414l1.414-1.414ZM11 15l-.707.707a1 1 0 0 0 1.414 0L11 15Zm6.707-5.293a1 1 0 0 0-1.414-1.414l1.414 1.414ZM21 12a9 9 0 0 1-9 9v2c6.075 0 11-4.925 11-11h-2Zm-9 9a9 9 0 0 1-9-9H1c0 6.075 4.925 11 11 11v-2Zm-9-9a9 9 0 0 1 9-9V1C5.925 1 1 5.925 1 12h2Zm9-9a9 9 0 0 1 9 9h2c0-6.075-4.925-11-11-11v2Zm-4.707 9.707 3 3 1.414-1.414-3-3-1.414 1.414Zm4.414 3 6-6-1.414-1.414-6 6 1.414 1.414Z'
23
+ />
24
+ </g>,
25
+ <defs>
26
+ <clipPath id='a'>
27
+ <path d='M0 0h24v24H0z' />
28
+ </clipPath>
29
+ </defs>
30
+ )
31
+ )
@@ -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="M20 15C18 9 9.5 7 4 15m0 0v-5m0 5h5"/></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="M4 15c2-6 10.5-8 16 0m0 0v-5m0 5h-5"/></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="M4 19c0-7 3-9 7-9h9m0 0-5-5m5 5-5 5"/></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 fill="currentColor" d="m21 3 .97.243a1 1 0 0 0-1.212-1.213L21 3Zm-3 12-.707.707a1 1 0 0 0 1.677-.465L18 15Zm-3-3 .707-.707-.604-.604-.691.502L15 12ZM4 20l-.809-.588a1 1 0 0 0 1.397 1.397L4 20Zm8-11 .809.588.502-.69-.604-.605L12 9ZM9 6l-.243-.97a1 1 0 0 0-.464 1.677L9 6Zm11.03-3.243-3 12 1.94.486 3-12-1.94-.486Zm-1.323 11.536-3-3-1.414 1.414 3 3 1.414-1.414Zm-4.295-3.102-11 8 1.176 1.618 11-8-1.176-1.618Zm-9.603 9.397 8-11-1.618-1.176-8 11 1.618 1.176Zm7.898-12.295-3-3-1.414 1.414 3 3 1.414-1.414ZM9.243 6.97l12-3-.485-1.94-12 3 .485 1.94Z"/></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 fill="currentColor" d="M11 17a1 1 0 1 0 2 0h-2Zm1-10 .707-.707a1 1 0 0 0-1.414 0L12 7Zm3.293 4.707a1 1 0 0 0 1.414-1.414l-1.414 1.414Zm-8-1.414a1 1 0 1 0 1.414 1.414l-1.414-1.414ZM13 17V7h-2v10h2Zm-1.707-9.293 4 4 1.414-1.414-4-4-1.414 1.414Zm0-1.414-4 4 1.414 1.414 4-4-1.414-1.414ZM21 12a9 9 0 0 1-9 9v2c6.075 0 11-4.925 11-11h-2Zm-9 9a9 9 0 0 1-9-9H1c0 6.075 4.925 11 11 11v-2Zm-9-9a9 9 0 0 1 9-9V1C5.925 1 1 5.925 1 12h2Zm9-9a9 9 0 0 1 9 9h2c0-6.075-4.925-11-11-11v2Z"/></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="m21 3-5 5m0 0V3m0 5h5M3 21l5-5m0 0v5m0-5H3"/></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="M12 3v18m0-18 3 3m-3-3L9 6m3 15 3-3m-3 3-3-3m-6-6h18M3 12l3-3m-3 3 3 3m15-3-3-3m3 3-3 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="M2 6v12M22 6v12m-3-6H5m14 0-3-3m3 3-3 3M5 12l3-3m-3 3 3 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="m16 8 5-5m0 0v5m0-5h-5M8 16l-5 5m0 0v-5m0 5h5"/></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="m15 14-3 3-3-3m6-7-3 3-3-3"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>