@hashicorp/flight-icons 2.9.0 → 2.10.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 (48) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/catalog.json +73 -1
  3. package/css-props/index.css +14 -6
  4. package/css-props/opa-16.css +1 -0
  5. package/css-props/opa-24.css +1 -0
  6. package/css-props/opa-color-16.css +1 -0
  7. package/css-props/opa-color-24.css +1 -0
  8. package/css-props/pipeline-16.css +1 -0
  9. package/css-props/pipeline-24.css +1 -0
  10. package/css-props/snyk-color-16.css +1 -1
  11. package/css-props/star-16.css +1 -1
  12. package/css-props/star-24.css +1 -1
  13. package/css-props/step-16.css +1 -0
  14. package/css-props/step-24.css +1 -0
  15. package/css-props/wand-16.css +1 -1
  16. package/css-props/wand-24.css +1 -1
  17. package/css-props/x-diamond-24.css +1 -1
  18. package/package.json +1 -1
  19. package/svg/opa-16.svg +1 -0
  20. package/svg/opa-24.svg +1 -0
  21. package/svg/opa-color-16.svg +1 -0
  22. package/svg/opa-color-24.svg +1 -0
  23. package/svg/pipeline-16.svg +1 -0
  24. package/svg/pipeline-24.svg +1 -0
  25. package/svg/snyk-color-16.svg +1 -1
  26. package/svg/star-16.svg +1 -1
  27. package/svg/star-24.svg +1 -1
  28. package/svg/step-16.svg +1 -0
  29. package/svg/step-24.svg +1 -0
  30. package/svg/wand-16.svg +1 -1
  31. package/svg/wand-24.svg +1 -1
  32. package/svg/x-diamond-24.svg +1 -1
  33. package/svg-react/index.ts +8 -0
  34. package/svg-react/opa-16.tsx +34 -0
  35. package/svg-react/opa-24.tsx +34 -0
  36. package/svg-react/opa-color-16.tsx +41 -0
  37. package/svg-react/opa-color-24.tsx +41 -0
  38. package/svg-react/pipeline-16.tsx +35 -0
  39. package/svg-react/pipeline-24.tsx +35 -0
  40. package/svg-react/snyk-color-16.tsx +3 -3
  41. package/svg-react/star-16.tsx +1 -1
  42. package/svg-react/star-24.tsx +1 -1
  43. package/svg-react/step-16.tsx +35 -0
  44. package/svg-react/step-24.tsx +35 -0
  45. package/svg-react/wand-16.tsx +2 -2
  46. package/svg-react/wand-24.tsx +2 -2
  47. package/svg-react/x-diamond-24.tsx +1 -1
  48. package/svg-sprite/svg-sprite-module.js +1 -1
@@ -154,6 +154,10 @@ export { IconOracle24 } from './oracle-24';
154
154
  export { IconOracle16 } from './oracle-16';
155
155
  export { IconOracleColor24 } from './oracle-color-24';
156
156
  export { IconOracleColor16 } from './oracle-color-16';
157
+ export { IconOpa24 } from './opa-24';
158
+ export { IconOpa16 } from './opa-16';
159
+ export { IconOpaColor24 } from './opa-color-24';
160
+ export { IconOpaColor16 } from './opa-color-16';
157
161
  export { IconPack24 } from './pack-24';
158
162
  export { IconPack16 } from './pack-16';
159
163
  export { IconPackColor24 } from './pack-color-24';
@@ -780,6 +784,8 @@ export { IconPieChart24 } from './pie-chart-24';
780
784
  export { IconPieChart16 } from './pie-chart-16';
781
785
  export { IconPin24 } from './pin-24';
782
786
  export { IconPin16 } from './pin-16';
787
+ export { IconPipeline24 } from './pipeline-24';
788
+ export { IconPipeline16 } from './pipeline-16';
783
789
  export { IconPlay24 } from './play-24';
784
790
  export { IconPlay16 } from './play-16';
785
791
  export { IconPlayCircle24 } from './play-circle-24';
@@ -906,6 +912,8 @@ export { IconStarFill24 } from './star-fill-24';
906
912
  export { IconStarFill16 } from './star-fill-16';
907
913
  export { IconStarOff24 } from './star-off-24';
908
914
  export { IconStarOff16 } from './star-off-16';
915
+ export { IconStep24 } from './step-24';
916
+ export { IconStep16 } from './step-16';
909
917
  export { IconStopCircle24 } from './stop-circle-24';
910
918
  export { IconStopCircle16 } from './stop-circle-16';
911
919
  export { IconSun24 } from './sun-24';
@@ -0,0 +1,34 @@
1
+ import { forwardRef, useMemo } from 'react';
2
+ import { IconProps } from './types';
3
+
4
+ export const IconOpa16 = forwardRef<SVGSVGElement, IconProps>(
5
+ ({ color = 'currentColor', title, ...props }, svgRef) => {
6
+ const titleId = useMemo(
7
+ () =>
8
+ title
9
+ ? 'title-' + Math.random().toString(36).substr(2, 9)
10
+ : undefined,
11
+ [title]
12
+ );
13
+ return (
14
+ <svg
15
+ xmlns="http://www.w3.org/2000/svg"
16
+ width={16}
17
+ height={16}
18
+ fill="none"
19
+ viewBox="0 0 16 16"
20
+ aria-hidden={!title}
21
+ ref={svgRef}
22
+ aria-labelledby={titleId}
23
+ {...props}
24
+ >
25
+ {title ? <title id={titleId}>{title}</title> : null}
26
+ <g fill={color}>
27
+ <path d="M3.462 7.942a5.638 5.638 0 011.216-2.299c-.187-.147-.928-.755-.963-1.232C3.661 3.629 4.403 1 4.403 1s-2.24 2.876-2.395 4.039C1.884 5.95 3.3 7.76 3.449 7.945v-.003h.013zm9.114-.047V7.9c0 .004.003.007.003.01.248-.314 1.53-2 1.413-2.872C13.838 3.876 11.598 1 11.598 1s.742 2.629.688 3.41c-.032.458-.707 1.03-.932 1.21a5.57 5.57 0 011.223 2.275z" />
28
+ <path d="M12.576 7.898v-.006a5.615 5.615 0 00-1.223-2.275c-.87-.97-2.056-1.55-3.333-1.55v3.106h.004c.313.004.567.274.567.605 0 .04-.003.077-.01.114a.583.583 0 01-.557.49h-.01v1.153l-.006 5.458h.11s1.205-1.837 1.854-2.361c.76-.615 2.604-1.377 2.604-1.377v-3.32l.01-.003c-.004-.007-.004-.017-.007-.024 0-.003 0-.006-.003-.01z" />
29
+ <path d="M8.014 9.538V8.386a.58.58 0 01-.548-.444.65.65 0 01-.022-.16c0-.335.257-.605.573-.605h.004V4.08c-1.284 0-2.472.585-3.343 1.563a5.616 5.616 0 00-1.216 2.299h-.01v3.363s1.844.762 2.604 1.377c.63.51 1.847 2.318 1.847 2.318h.114v-.003h-.006l.003-5.459z" />
30
+ </g>
31
+ </svg>
32
+ );
33
+ }
34
+ );
@@ -0,0 +1,34 @@
1
+ import { forwardRef, useMemo } from 'react';
2
+ import { IconProps } from './types';
3
+
4
+ export const IconOpa24 = forwardRef<SVGSVGElement, IconProps>(
5
+ ({ color = 'currentColor', title, ...props }, svgRef) => {
6
+ const titleId = useMemo(
7
+ () =>
8
+ title
9
+ ? 'title-' + Math.random().toString(36).substr(2, 9)
10
+ : undefined,
11
+ [title]
12
+ );
13
+ return (
14
+ <svg
15
+ xmlns="http://www.w3.org/2000/svg"
16
+ width={24}
17
+ height={24}
18
+ fill="none"
19
+ viewBox="0 0 24 24"
20
+ aria-hidden={!title}
21
+ ref={svgRef}
22
+ aria-labelledby={titleId}
23
+ {...props}
24
+ >
25
+ {title ? <title id={titleId}>{title}</title> : null}
26
+ <g fill={color}>
27
+ <path d="M5.57 11.916a8.076 8.076 0 011.724-3.283c-.265-.21-1.315-1.078-1.364-1.76C5.854 5.755 6.904 2 6.904 2S3.73 6.109 3.51 7.77c-.175 1.302 1.83 3.889 2.042 4.151v-.005h.018zm12.913-.066v.01c0 .004.005.009.005.014.35-.45 2.167-2.859 2.001-4.105C20.27 6.11 17.096 2 17.096 2s1.05 3.756.974 4.872c-.045.654-1 1.47-1.32 1.728a7.979 7.979 0 011.733 3.25z" />
28
+ <path d="M18.483 11.854v-.01a8.041 8.041 0 00-1.732-3.249c-1.234-1.384-2.913-2.214-4.722-2.214v4.438h.005c.444.005.803.391.803.864 0 .057-.004.11-.013.162-.072.396-.395.696-.79.701h-.014v1.647l-.008 7.797h.157s1.705-2.624 2.625-3.374c1.077-.878 3.69-1.966 3.69-1.966v-4.743l.013-.005c-.005-.01-.005-.024-.01-.033 0-.005 0-.01-.004-.015z" />
29
+ <path d="M12.02 14.197v-1.646a.825.825 0 01-.776-.635.935.935 0 01-.032-.229c0-.477.364-.863.813-.863h.004V6.4c-1.818 0-3.5.835-4.735 2.233-.785.888-1.387 2.01-1.723 3.284h-.014v4.805s2.612 1.088 3.69 1.966c.893.73 2.616 3.312 2.616 3.312h.162v-.005h-.01l.005-7.798z" />
30
+ </g>
31
+ </svg>
32
+ );
33
+ }
34
+ );
@@ -0,0 +1,41 @@
1
+ import { forwardRef, useMemo } from 'react';
2
+ import { IconProps } from './types';
3
+
4
+ export const IconOpaColor16 = forwardRef<SVGSVGElement, IconProps>(
5
+ ({ color = 'currentColor', title, ...props }, svgRef) => {
6
+ const titleId = useMemo(
7
+ () =>
8
+ title
9
+ ? 'title-' + Math.random().toString(36).substr(2, 9)
10
+ : undefined,
11
+ [title]
12
+ );
13
+ return (
14
+ <svg
15
+ xmlns="http://www.w3.org/2000/svg"
16
+ width={16}
17
+ height={16}
18
+ fill="none"
19
+ viewBox="0 0 16 16"
20
+ aria-hidden={!title}
21
+ ref={svgRef}
22
+ aria-labelledby={titleId}
23
+ {...props}
24
+ >
25
+ {title ? <title id={titleId}>{title}</title> : null}
26
+ <path
27
+ fill="#BFBFBF"
28
+ d="M3.462 7.942a5.638 5.638 0 011.216-2.299c-.187-.147-.928-.755-.963-1.232C3.661 3.629 4.403 1 4.403 1s-2.24 2.876-2.395 4.039C1.884 5.95 3.3 7.76 3.449 7.945v-.003h.013zm9.114-.047V7.9c0 .004.003.007.003.01.248-.314 1.53-2 1.413-2.872C13.838 3.876 11.598 1 11.598 1s.742 2.629.688 3.41c-.032.458-.707 1.03-.932 1.21a5.57 5.57 0 011.223 2.275z"
29
+ />
30
+ <path
31
+ fill="#566366"
32
+ d="M12.576 7.898v-.006a5.615 5.615 0 00-1.223-2.275c-.87-.97-2.056-1.55-3.333-1.55v3.106h.004c.313.004.567.274.567.605 0 .04-.003.077-.01.114a.583.583 0 01-.557.49h-.01v1.153l-.006 5.458h.11s1.205-1.837 1.854-2.361c.76-.615 2.604-1.377 2.604-1.377v-3.32l.01-.003c-.004-.007-.004-.017-.007-.024 0-.003 0-.006-.003-.01z"
33
+ />
34
+ <path
35
+ fill="#7D9199"
36
+ d="M8.014 9.538V8.386a.58.58 0 01-.548-.444.65.65 0 01-.022-.16c0-.335.257-.605.573-.605h.004V4.08c-1.284 0-2.472.585-3.343 1.563a5.616 5.616 0 00-1.216 2.299h-.01v3.363s1.844.762 2.604 1.377c.63.51 1.847 2.318 1.847 2.318h.114v-.003h-.006l.003-5.459z"
37
+ />
38
+ </svg>
39
+ );
40
+ }
41
+ );
@@ -0,0 +1,41 @@
1
+ import { forwardRef, useMemo } from 'react';
2
+ import { IconProps } from './types';
3
+
4
+ export const IconOpaColor24 = forwardRef<SVGSVGElement, IconProps>(
5
+ ({ color = 'currentColor', title, ...props }, svgRef) => {
6
+ const titleId = useMemo(
7
+ () =>
8
+ title
9
+ ? 'title-' + Math.random().toString(36).substr(2, 9)
10
+ : undefined,
11
+ [title]
12
+ );
13
+ return (
14
+ <svg
15
+ xmlns="http://www.w3.org/2000/svg"
16
+ width={24}
17
+ height={24}
18
+ fill="none"
19
+ viewBox="0 0 24 24"
20
+ aria-hidden={!title}
21
+ ref={svgRef}
22
+ aria-labelledby={titleId}
23
+ {...props}
24
+ >
25
+ {title ? <title id={titleId}>{title}</title> : null}
26
+ <path
27
+ fill="#BFBFBF"
28
+ d="M5.57 11.916a8.076 8.076 0 011.724-3.283c-.265-.21-1.315-1.078-1.364-1.76C5.854 5.755 6.904 2 6.904 2S3.73 6.109 3.51 7.77c-.175 1.302 1.83 3.889 2.042 4.151v-.005h.018zm12.913-.066v.01c0 .004.005.009.005.014.35-.45 2.167-2.859 2.001-4.105C20.27 6.11 17.096 2 17.096 2s1.05 3.756.974 4.872c-.045.654-1 1.47-1.32 1.728a7.979 7.979 0 011.733 3.25z"
29
+ />
30
+ <path
31
+ fill="#566366"
32
+ d="M18.483 11.854v-.01a8.041 8.041 0 00-1.732-3.249c-1.234-1.384-2.913-2.214-4.722-2.214v4.438h.005c.444.005.803.391.803.864 0 .057-.004.11-.013.162-.072.396-.395.696-.79.701h-.014v1.647l-.008 7.797h.157s1.705-2.624 2.625-3.374c1.077-.878 3.69-1.966 3.69-1.966v-4.743l.013-.005c-.005-.01-.005-.024-.01-.033 0-.005 0-.01-.004-.015z"
33
+ />
34
+ <path
35
+ fill="#7D9199"
36
+ d="M12.02 14.197v-1.646a.825.825 0 01-.776-.635.935.935 0 01-.032-.229c0-.477.364-.863.813-.863h.004V6.4c-1.818 0-3.5.835-4.735 2.233-.785.888-1.387 2.01-1.723 3.284h-.014v4.805s2.612 1.088 3.69 1.966c.893.73 2.616 3.312 2.616 3.312h.162v-.005h-.01l.005-7.798z"
37
+ />
38
+ </svg>
39
+ );
40
+ }
41
+ );
@@ -0,0 +1,35 @@
1
+ import { forwardRef, useMemo } from 'react';
2
+ import { IconProps } from './types';
3
+
4
+ export const IconPipeline16 = forwardRef<SVGSVGElement, IconProps>(
5
+ ({ color = 'currentColor', title, ...props }, svgRef) => {
6
+ const titleId = useMemo(
7
+ () =>
8
+ title
9
+ ? 'title-' + Math.random().toString(36).substr(2, 9)
10
+ : undefined,
11
+ [title]
12
+ );
13
+ return (
14
+ <svg
15
+ xmlns="http://www.w3.org/2000/svg"
16
+ width={16}
17
+ height={16}
18
+ fill="none"
19
+ viewBox="0 0 16 16"
20
+ aria-hidden={!title}
21
+ ref={svgRef}
22
+ aria-labelledby={titleId}
23
+ {...props}
24
+ >
25
+ {title ? <title id={titleId}>{title}</title> : null}
26
+ <path
27
+ fill={color}
28
+ fillRule="evenodd"
29
+ d="M2.75 2.5A1.75 1.75 0 001 4.25v1C1 6.216 1.784 7 2.75 7h1a1.75 1.75 0 001.732-1.5H6.5a.75.75 0 01.75.75v3.5A2.25 2.25 0 009.5 12h1.018c.121.848.85 1.5 1.732 1.5h1A1.75 1.75 0 0015 11.75v-1A1.75 1.75 0 0013.25 9h-1a1.75 1.75 0 00-1.732 1.5H9.5a.75.75 0 01-.75-.75v-3.5A2.25 2.25 0 006.5 4H5.482A1.75 1.75 0 003.75 2.5h-1zM2.5 4.25A.25.25 0 012.75 4h1a.25.25 0 01.25.25v1a.25.25 0 01-.25.25h-1a.25.25 0 01-.25-.25v-1zm9.75 6.25a.25.25 0 00-.25.25v1c0 .138.112.25.25.25h1a.25.25 0 00.25-.25v-1a.25.25 0 00-.25-.25h-1z"
30
+ clipRule="evenodd"
31
+ />
32
+ </svg>
33
+ );
34
+ }
35
+ );
@@ -0,0 +1,35 @@
1
+ import { forwardRef, useMemo } from 'react';
2
+ import { IconProps } from './types';
3
+
4
+ export const IconPipeline24 = forwardRef<SVGSVGElement, IconProps>(
5
+ ({ color = 'currentColor', title, ...props }, svgRef) => {
6
+ const titleId = useMemo(
7
+ () =>
8
+ title
9
+ ? 'title-' + Math.random().toString(36).substr(2, 9)
10
+ : undefined,
11
+ [title]
12
+ );
13
+ return (
14
+ <svg
15
+ xmlns="http://www.w3.org/2000/svg"
16
+ width={24}
17
+ height={24}
18
+ fill="none"
19
+ viewBox="0 0 24 24"
20
+ aria-hidden={!title}
21
+ ref={svgRef}
22
+ aria-labelledby={titleId}
23
+ {...props}
24
+ >
25
+ {title ? <title id={titleId}>{title}</title> : null}
26
+ <path
27
+ fill={color}
28
+ fillRule="evenodd"
29
+ d="M4.75 4.5A2.25 2.25 0 002.5 6.75v1A2.25 2.25 0 004.75 10h1a2.25 2.25 0 002.236-2H9.82c.967 0 1.75.784 1.75 1.75v4.5a3.25 3.25 0 003.25 3.25h1.195a2.25 2.25 0 002.236 2h1a2.25 2.25 0 002.25-2.25v-1A2.25 2.25 0 0019.25 14h-1a2.25 2.25 0 00-2.236 2h-1.195a1.75 1.75 0 01-1.75-1.75v-4.5A3.25 3.25 0 009.82 6.5H7.986a2.25 2.25 0 00-2.236-2h-1zM4 6.75A.75.75 0 014.75 6h1a.75.75 0 01.75.75v1a.75.75 0 01-.75.75h-1A.75.75 0 014 7.75v-1zm14.25 8.75a.75.75 0 00-.75.75v1c0 .414.336.75.75.75h1a.75.75 0 00.75-.75v-1a.75.75 0 00-.75-.75h-1z"
30
+ clipRule="evenodd"
31
+ />
32
+ </svg>
33
+ );
34
+ }
35
+ );
@@ -33,11 +33,11 @@ export const IconSnykColor16 = forwardRef<SVGSVGElement, IconProps>(
33
33
  />
34
34
  <path
35
35
  fill="#DBDBDB"
36
- d="M8 15.502l-4.68-3.304V4.517S5.07 3.876 8 3.876v11.626z"
36
+ d="M8 15.502l-4.68-3.304V4.516s1.75-.64 4.68-.64v11.626z"
37
37
  />
38
38
  <path
39
39
  fill="#C6C6C6"
40
- d="M8.007 3.876H8v11.616l4.64-3.294V4.517s-1.703-.641-4.633-.641z"
40
+ d="M8.007 3.875H8v11.617l4.64-3.294V4.516s-1.703-.64-4.633-.64z"
41
41
  />
42
42
  <path
43
43
  fill="#3B3B63"
@@ -69,7 +69,7 @@ export const IconSnykColor16 = forwardRef<SVGSVGElement, IconProps>(
69
69
  />
70
70
  <path
71
71
  fill="#53537A"
72
- d="M6.72 5.45S6.39 3.85 6.24 3.31c0 0-.201 1.72-1.01 2.545 0 0 .141.489.042.695 0 0-.28 2.442-.155 2.76.034.088.082.257.224.456l.336.237.896-.261.695-.79.122 2.281.61.458V5.23c-.688.002-1.28.219-1.28.219z"
72
+ d="M6.72 5.45S6.39 3.85 6.24 3.31c0 0-.201 1.72-1.01 2.544 0 0 .141.49.042.696 0 0-.28 2.441-.155 2.76.034.088.082.257.224.455l.336.238.896-.261.695-.79.122 2.281.61.458V5.23c-.688.001-1.28.218-1.28.218z"
73
73
  />
74
74
  <path
75
75
  fill="#333152"
@@ -26,7 +26,7 @@ export const IconStar16 = forwardRef<SVGSVGElement, IconProps>(
26
26
  <path
27
27
  fill={color}
28
28
  fillRule="evenodd"
29
- d="M8 .5a.75.75 0 01.67.412l2.064 4.094 4.622.662a.75.75 0 01.412 1.285l-3.335 3.18.786 4.488a.75.75 0 01-1.082.796L8 13.287l-4.137 2.13a.75.75 0 01-1.082-.796l.786-4.488-3.335-3.18a.75.75 0 01.412-1.285l4.622-.662L7.33.912A.75.75 0 018 .5zm0 2.416L6.43 6.03a.75.75 0 01-.564.405l-3.48.498 2.507 2.39a.75.75 0 01.22.672l-.594 3.396 3.138-1.616a.75.75 0 01.686 0l3.138 1.616-.595-3.396a.75.75 0 01.221-.672l2.507-2.39-3.48-.498a.75.75 0 01-.563-.405L8 2.916z"
29
+ d="M8 .5a.75.75 0 01.67.412l2.064 4.094 4.622.662a.75.75 0 01.412 1.285l-3.335 3.18.786 4.488a.75.75 0 01-1.082.796L8 13.287l-4.137 2.13a.75.75 0 01-1.082-.796l.786-4.489-3.335-3.18a.75.75 0 01.412-1.284l4.622-.662L7.33.912A.75.75 0 018 .5zm0 2.416L6.43 6.03a.75.75 0 01-.564.405l-3.48.498 2.507 2.39a.75.75 0 01.22.672l-.594 3.396 3.138-1.616a.75.75 0 01.686 0l3.138 1.616-.595-3.396a.75.75 0 01.221-.672l2.507-2.39-3.48-.498a.75.75 0 01-.563-.405L8 2.916z"
30
30
  clipRule="evenodd"
31
31
  />
32
32
  </svg>
@@ -26,7 +26,7 @@ export const IconStar24 = forwardRef<SVGSVGElement, IconProps>(
26
26
  <path
27
27
  fill={color}
28
28
  fillRule="evenodd"
29
- d="M12 1a.75.75 0 01.673.418l2.992 6.065 6.694.978a.75.75 0 01.414 1.28l-4.842 4.717 1.143 6.665a.75.75 0 01-1.089.79L12 18.766l-5.985 3.149a.75.75 0 01-1.089-.79l1.143-6.666-4.842-4.717a.75.75 0 01.415-1.28l6.693-.978 2.992-6.065A.75.75 0 0112 1zm0 2.445L9.505 8.5a.75.75 0 01-.564.41l-5.58.816 4.037 3.933a.75.75 0 01.216.664l-.952 5.556 4.989-2.625a.75.75 0 01.698 0l4.99 2.625-.953-5.556a.75.75 0 01.216-.664l4.037-3.933-5.58-.816a.75.75 0 01-.564-.41L12 3.445z"
29
+ d="M12 1a.75.75 0 01.673.418l2.992 6.065 6.694.978a.75.75 0 01.414 1.28l-4.842 4.717 1.143 6.665a.75.75 0 01-1.089.79L12 18.766l-5.985 3.149a.75.75 0 01-1.089-.79l1.143-6.666-4.842-4.717a.75.75 0 01.414-1.28l6.694-.978 2.992-6.065A.75.75 0 0112 1zm0 2.445L9.505 8.5a.75.75 0 01-.564.41l-5.58.816 4.037 3.933a.75.75 0 01.216.664l-.952 5.556 4.989-2.625a.75.75 0 01.698 0l4.99 2.625-.953-5.556a.75.75 0 01.216-.664l4.037-3.933-5.58-.816a.75.75 0 01-.564-.41L12 3.445z"
30
30
  clipRule="evenodd"
31
31
  />
32
32
  </svg>
@@ -0,0 +1,35 @@
1
+ import { forwardRef, useMemo } from 'react';
2
+ import { IconProps } from './types';
3
+
4
+ export const IconStep16 = forwardRef<SVGSVGElement, IconProps>(
5
+ ({ color = 'currentColor', title, ...props }, svgRef) => {
6
+ const titleId = useMemo(
7
+ () =>
8
+ title
9
+ ? 'title-' + Math.random().toString(36).substr(2, 9)
10
+ : undefined,
11
+ [title]
12
+ );
13
+ return (
14
+ <svg
15
+ xmlns="http://www.w3.org/2000/svg"
16
+ width={16}
17
+ height={16}
18
+ fill="none"
19
+ viewBox="0 0 16 16"
20
+ aria-hidden={!title}
21
+ ref={svgRef}
22
+ aria-labelledby={titleId}
23
+ {...props}
24
+ >
25
+ {title ? <title id={titleId}>{title}</title> : null}
26
+ <path
27
+ fill={color}
28
+ fillRule="evenodd"
29
+ d="M12.25 14a.75.75 0 000-1.5h-3a1.75 1.75 0 01-1.75-1.75v-.25a1.75 1.75 0 001.75-1.75v-1.5A1.75 1.75 0 007.5 5.5V2.75a.75.75 0 00-1.5 0V5.5a1.75 1.75 0 00-1.75 1.75v1.5c0 .966.784 1.75 1.75 1.75v.25A3.25 3.25 0 009.25 14h3zm-6.5-6.75A.25.25 0 016 7h1.5a.25.25 0 01.25.25v1.5A.25.25 0 017.5 9H6a.25.25 0 01-.25-.25v-1.5z"
30
+ clipRule="evenodd"
31
+ />
32
+ </svg>
33
+ );
34
+ }
35
+ );
@@ -0,0 +1,35 @@
1
+ import { forwardRef, useMemo } from 'react';
2
+ import { IconProps } from './types';
3
+
4
+ export const IconStep24 = forwardRef<SVGSVGElement, IconProps>(
5
+ ({ color = 'currentColor', title, ...props }, svgRef) => {
6
+ const titleId = useMemo(
7
+ () =>
8
+ title
9
+ ? 'title-' + Math.random().toString(36).substr(2, 9)
10
+ : undefined,
11
+ [title]
12
+ );
13
+ return (
14
+ <svg
15
+ xmlns="http://www.w3.org/2000/svg"
16
+ width={24}
17
+ height={24}
18
+ fill="none"
19
+ viewBox="0 0 24 24"
20
+ aria-hidden={!title}
21
+ ref={svgRef}
22
+ aria-labelledby={titleId}
23
+ {...props}
24
+ >
25
+ {title ? <title id={titleId}>{title}</title> : null}
26
+ <path
27
+ fill={color}
28
+ fillRule="evenodd"
29
+ d="M18.75 20.75a.75.75 0 000-1.5h-5.071c-.839 0-1.646-.34-2.243-.947A3.287 3.287 0 0110.5 16v-.25h.25A2.25 2.25 0 0013 13.5v-2a2.25 2.25 0 00-2.25-2.25h-.25V4A.75.75 0 009 4v5.25h-.25A2.25 2.25 0 006.5 11.5v2a2.25 2.25 0 002.25 2.25H9V16c0 1.256.49 2.462 1.366 3.354a4.643 4.643 0 003.313 1.396h5.071zm-8-6.5a.75.75 0 00.75-.75v-2a.75.75 0 00-.75-.75h-2a.75.75 0 00-.75.75v2c0 .414.336.75.75.75h2z"
30
+ clipRule="evenodd"
31
+ />
32
+ </svg>
33
+ );
34
+ }
35
+ );
@@ -27,10 +27,10 @@ export const IconWand16 = forwardRef<SVGSVGElement, IconProps>(
27
27
  <path d="M4.083.183a.5.5 0 00-.65.65l.393.981a.5.5 0 010 .371l-.393.982a.5.5 0 00.65.65l.981-.393a.5.5 0 01.372 0l.98.392a.5.5 0 00.65-.65l-.392-.98a.5.5 0 010-.372l.393-.981a.5.5 0 00-.65-.65l-.981.392a.5.5 0 01-.372 0l-.98-.392z" />
28
28
  <path
29
29
  fillRule="evenodd"
30
- d="M11.414 4.104a2 2 0 00-2.828 0L.808 11.882a2 2 0 002.828 2.828l7.778-7.778a2 2 0 000-2.828zm-1.768 1.06a.5.5 0 11.707.707l-.883.884-.707-.707.883-.884zM7.702 7.11l.707.707-5.834 5.834a.5.5 0 11-.707-.707l5.834-5.834z"
30
+ d="M11.414 4.104a2 2 0 00-2.828 0L.808 11.882a2 2 0 002.828 2.828l7.778-7.778a2 2 0 000-2.828zm-1.768 1.06a.5.5 0 01.708.707l-.884.884-.707-.707.883-.884zM7.702 7.11l.707.707-5.834 5.834a.5.5 0 11-.707-.707l5.834-5.834z"
31
31
  clipRule="evenodd"
32
32
  />
33
- <path d="M10.572 11.21a.5.5 0 010-.92l1.219-.522a.5.5 0 00.263-.262l.522-1.22a.5.5 0 01.92 0l.521 1.22a.5.5 0 00.263.262l1.219.522a.5.5 0 010 .92l-1.219.522a.5.5 0 00-.263.263l-.522 1.218a.5.5 0 01-.919 0l-.522-1.218a.5.5 0 00-.263-.263l-1.219-.522zM12.833.183a.5.5 0 00-.65.65l.293.731a.5.5 0 010 .371l-.293.732a.5.5 0 00.65.65l.731-.293a.5.5 0 01.372 0l.73.292a.5.5 0 00.65-.65l-.292-.73a.5.5 0 010-.372l.293-.731a.5.5 0 00-.65-.65l-.731.292a.5.5 0 01-.372 0l-.73-.292z" />
33
+ <path d="M10.572 11.21a.5.5 0 010-.92l1.22-.522a.5.5 0 00.262-.262l.522-1.22a.5.5 0 01.92 0l.521 1.22a.5.5 0 00.263.262l1.219.522a.5.5 0 010 .92l-1.219.522a.5.5 0 00-.263.263l-.522 1.218a.5.5 0 01-.919 0l-.522-1.218a.5.5 0 00-.263-.263l-1.219-.522zM12.833.183a.5.5 0 00-.65.65l.293.731a.5.5 0 010 .371l-.293.732a.5.5 0 00.65.65l.731-.293a.5.5 0 01.372 0l.73.292a.5.5 0 00.65-.65l-.292-.73a.5.5 0 010-.372l.293-.731a.5.5 0 00-.65-.65l-.731.292a.5.5 0 01-.372 0l-.73-.292z" />
34
34
  </g>
35
35
  </svg>
36
36
  );
@@ -24,10 +24,10 @@ export const IconWand24 = forwardRef<SVGSVGElement, IconProps>(
24
24
  >
25
25
  {title ? <title id={titleId}>{title}</title> : null}
26
26
  <g fill={color}>
27
- <path d="M18.875 1.15a.75.75 0 00-.975.975l.289.721a.75.75 0 010 .557l-.29.722a.75.75 0 00.976.975l.721-.289a.75.75 0 01.558 0l.721.289a.75.75 0 00.975-.975l-.289-.722a.75.75 0 010-.557l.29-.721a.75.75 0 00-.976-.975l-.721.288a.75.75 0 01-.558 0l-.721-.288zM7.125 1.15a.75.75 0 00-.975.975l.439 1.096a.75.75 0 010 .557l-.44 1.097a.75.75 0 00.976.975l1.096-.439a.75.75 0 01.558 0l1.096.439a.75.75 0 00.975-.975l-.439-1.097a.75.75 0 010-.557l.44-1.096a.75.75 0 00-.976-.975l-1.096.438a.75.75 0 01-.558 0L7.125 1.15z" />
27
+ <path d="M18.875 1.15a.75.75 0 00-.975.975l.289.721a.75.75 0 010 .557l-.289.722a.75.75 0 00.975.975l.721-.289a.75.75 0 01.558 0l.721.289a.75.75 0 00.975-.975l-.289-.722a.75.75 0 010-.557l.29-.721a.75.75 0 00-.976-.975l-.721.288a.75.75 0 01-.558 0l-.721-.288zM7.125 1.15a.75.75 0 00-.975.975l.439 1.096a.75.75 0 010 .557L6.15 4.875a.75.75 0 00.975.975l1.096-.439a.75.75 0 01.558 0l1.096.439a.75.75 0 00.975-.975l-.439-1.097a.75.75 0 010-.557l.44-1.096a.75.75 0 00-.976-.975l-1.096.438a.75.75 0 01-.558 0L7.125 1.15z" />
28
28
  <path
29
29
  fillRule="evenodd"
30
- d="M17.017 6.707a2.5 2.5 0 00-3.535 0L2.168 18.021a2.5 2.5 0 003.536 3.535l11.313-11.313a2.5 2.5 0 000-3.536zm-2.474 1.06a1 1 0 011.414 1.415l-1.591 1.591-1.414-1.414 1.59-1.591zM11.89 10.42l1.414 1.415-8.662 8.662a1 1 0 01-1.414-1.414l8.662-8.663z"
30
+ d="M17.017 6.707a2.5 2.5 0 00-3.535 0L2.168 18.021a2.5 2.5 0 003.536 3.535l11.313-11.313a2.5 2.5 0 000-3.536zm-2.474 1.06a1 1 0 111.414 1.415l-1.591 1.591-1.414-1.414 1.59-1.591zM11.89 10.42l1.414 1.415-8.662 8.662a1 1 0 01-1.414-1.414l8.662-8.663z"
31
31
  clipRule="evenodd"
32
32
  />
33
33
  <path d="M16.108 16.69a.75.75 0 010-1.38l1.334-.57a.75.75 0 00.393-.395l.572-1.333a.75.75 0 011.378 0l.572 1.333a.75.75 0 00.394.394l1.333.572a.75.75 0 010 1.378l-1.333.572a.75.75 0 00-.394.394l-.572 1.333a.75.75 0 01-1.378 0l-.572-1.333a.75.75 0 00-.393-.394l-1.334-.572z" />
@@ -24,7 +24,7 @@ export const IconXDiamond24 = forwardRef<SVGSVGElement, IconProps>(
24
24
  >
25
25
  {title ? <title id={titleId}>{title}</title> : null}
26
26
  <g fill={color}>
27
- <path d="M15.78 8.22a.75.75 0 010 1.06L13.06 12l2.72 2.72a.75.75 0 11-1.06 1.06L12 13.06l-2.72 2.72a.75.75 0 01-1.06-1.06L10.94 12 8.22 9.28a.75.75 0 111.06-1.06L12 10.94l2.72-2.72a.75.75 0 011.06 0z" />
27
+ <path d="M15.78 8.22a.75.75 0 010 1.06L13.06 12l2.72 2.72a.75.75 0 11-1.06 1.06L12 13.06l-2.72 2.72a.75.75 0 01-1.06-1.06L10.94 12 8.22 9.28a.75.75 0 011.06-1.06L12 10.94l2.72-2.72a.75.75 0 011.06 0z" />
28
28
  <path
29
29
  fillRule="evenodd"
30
30
  d="M1.884 10.056l8.171-8.172a2.75 2.75 0 013.89 0l8.171 8.172a2.75 2.75 0 010 3.889l-8.171 8.171a2.75 2.75 0 01-3.89 0l-8.171-8.171a2.75 2.75 0 010-3.89zm9.232-7.111l-8.172 8.171a1.25 1.25 0 000 1.768l8.172 8.172a1.25 1.25 0 001.768 0l8.171-8.172a1.25 1.25 0 000-1.768l-8.171-8.171a1.25 1.25 0 00-1.768 0z"