@hashicorp/flight-icons 2.0.0 → 2.1.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 (84) hide show
  1. package/catalog.json +3843 -3716
  2. package/package.json +4 -2
  3. package/svg/animation.css +23 -0
  4. package/svg/bulb-16.svg +1 -0
  5. package/svg/bulb-24.svg +1 -0
  6. package/svg/discussion-circle-16.svg +1 -1
  7. package/svg/discussion-circle-24.svg +1 -1
  8. package/svg/enterprise-16.svg +1 -0
  9. package/svg/enterprise-24.svg +1 -0
  10. package/svg/folder-star-16.svg +1 -1
  11. package/svg/hammer-16.svg +1 -1
  12. package/svg/hcp-16.svg +1 -0
  13. package/svg/hcp-24.svg +1 -0
  14. package/svg/hcp-color-16.svg +1 -0
  15. package/svg/hcp-color-24.svg +1 -0
  16. package/svg/layers-16.svg +1 -1
  17. package/svg/loading-16.svg +1 -0
  18. package/svg/loading-24.svg +1 -0
  19. package/svg/message-circle-24.svg +1 -1
  20. package/svg/navigation-16.svg +1 -1
  21. package/svg/navigation-24.svg +1 -1
  22. package/svg/navigation-alt-16.svg +1 -1
  23. package/svg/nomad-color-16.svg +1 -1
  24. package/svg/nomad-color-24.svg +1 -1
  25. package/svg/phone-call-16.svg +1 -1
  26. package/svg/phone-call-24.svg +1 -1
  27. package/svg/redirect-16.svg +1 -1
  28. package/svg/redirect-24.svg +1 -1
  29. package/svg/rewind-16.svg +1 -1
  30. package/svg/running-16.svg +1 -0
  31. package/svg/running-24.svg +1 -0
  32. package/svg/star-fill-16.svg +1 -1
  33. package/svg/star-off-16.svg +1 -1
  34. package/svg/vault-16.svg +1 -1
  35. package/svg/vault-24.svg +1 -1
  36. package/svg/vault-color-16.svg +1 -1
  37. package/svg/vault-color-24.svg +1 -1
  38. package/svg/volume-2-16.svg +1 -1
  39. package/svg/wand-16.svg +1 -0
  40. package/svg/wand-24.svg +1 -0
  41. package/svg/x-diamond-16.svg +1 -1
  42. package/svg/x-hexagon-fill-24.svg +1 -1
  43. package/svg-react/animation.css +23 -0
  44. package/svg-react/bulb-16.tsx +37 -0
  45. package/svg-react/bulb-24.tsx +37 -0
  46. package/svg-react/discussion-circle-16.tsx +2 -2
  47. package/svg-react/discussion-circle-24.tsx +2 -2
  48. package/svg-react/enterprise-16.tsx +38 -0
  49. package/svg-react/enterprise-24.tsx +38 -0
  50. package/svg-react/folder-star-16.tsx +2 -2
  51. package/svg-react/hammer-16.tsx +1 -1
  52. package/svg-react/hcp-16.tsx +34 -0
  53. package/svg-react/hcp-24.tsx +34 -0
  54. package/svg-react/hcp-color-16.tsx +34 -0
  55. package/svg-react/hcp-color-24.tsx +34 -0
  56. package/svg-react/index.ts +162 -148
  57. package/svg-react/layers-16.tsx +2 -2
  58. package/svg-react/loading-16.tsx +37 -0
  59. package/svg-react/loading-24.tsx +37 -0
  60. package/svg-react/message-circle-24.tsx +1 -1
  61. package/svg-react/navigation-16.tsx +1 -1
  62. package/svg-react/navigation-24.tsx +1 -1
  63. package/svg-react/navigation-alt-16.tsx +1 -1
  64. package/svg-react/nomad-color-16.tsx +1 -1
  65. package/svg-react/nomad-color-24.tsx +1 -1
  66. package/svg-react/phone-call-16.tsx +3 -3
  67. package/svg-react/phone-call-24.tsx +2 -2
  68. package/svg-react/redirect-16.tsx +1 -1
  69. package/svg-react/redirect-24.tsx +1 -1
  70. package/svg-react/rewind-16.tsx +1 -1
  71. package/svg-react/running-16.tsx +37 -0
  72. package/svg-react/running-24.tsx +37 -0
  73. package/svg-react/star-fill-16.tsx +1 -1
  74. package/svg-react/star-off-16.tsx +1 -1
  75. package/svg-react/vault-16.tsx +1 -1
  76. package/svg-react/vault-24.tsx +1 -1
  77. package/svg-react/vault-color-16.tsx +2 -2
  78. package/svg-react/vault-color-24.tsx +2 -2
  79. package/svg-react/volume-2-16.tsx +2 -2
  80. package/svg-react/wand-16.tsx +38 -0
  81. package/svg-react/wand-24.tsx +38 -0
  82. package/svg-react/x-diamond-16.tsx +2 -2
  83. package/svg-react/x-hexagon-fill-24.tsx +1 -1
  84. package/svg-sprite/svg-sprite-module.js +1 -1
@@ -26,11 +26,11 @@ export const IconPhoneCall16 = forwardRef<SVGSVGElement, IconProps>(
26
26
  <g fill={color}>
27
27
  <path
28
28
  fillRule="evenodd"
29
- d="M5.847.533A2.21 2.21 0 004.391 0H2.206a2.21 2.21 0 00-2.09 1.501c-.098.29-.135.598-.107.903l.001.012a15.131 15.131 0 002.355 6.637c1.29 1.987 2.615 3.304 4.596 4.587a15.196 15.196 0 006.618 2.35h.014a2.212 2.212 0 002.221-1.311c.124-.282.187-.586.185-.893v-.075a152.65 152.65 0 010-2.087A2.203 2.203 0 0014.1 9.386h-.007a8.627 8.627 0 01-1.884-.47 2.21 2.21 0 00-2.327.497l-.515.513a10.903 10.903 0 01-3.313-3.305l.51-.509.003-.003a2.204 2.204 0 00.498-2.326 8.577 8.577 0 01-.47-1.88v-.007A2.204 2.204 0 005.847.533zM4.401 1.5a.71.71 0 01.708.604c.1.753.285 1.493.55 2.205l.001.001a.702.702 0 01-.157.742l-.924.923a.75.75 0 00-.122.902 12.403 12.403 0 004.656 4.646.75.75 0 00.9-.121l.922-.921.002-.001a.709.709 0 01.746-.158h.002c.713.266 1.454.45 2.209.55a.71.71 0 01.606.715c-.009.342-.002 1.762 0 2.134v.07a.704.704 0 01-.767.707 13.696 13.696 0 01-5.957-2.117c-1.805-1.169-2.978-2.336-4.153-4.145a13.63 13.63 0 01-2.12-5.972.702.702 0 01.419-.704c.09-.04.187-.06.286-.06H4.4zm2.664 2.283v-.001l-.703.264.703-.263z"
29
+ d="M5.847.533A2.21 2.21 0 004.391 0H2.206a2.21 2.21 0 00-2.09 1.501c-.098.29-.135.598-.107.903l.001.012a15.13 15.13 0 002.355 6.637c1.29 1.987 2.615 3.304 4.596 4.587a15.197 15.197 0 006.618 2.35h.014a2.21 2.21 0 002.406-2.204v-.075c-.002-.383-.008-1.771 0-2.087A2.204 2.204 0 0014.1 9.386h-.007a8.626 8.626 0 01-1.884-.47 2.21 2.21 0 00-2.327.497l-.515.513a10.903 10.903 0 01-3.313-3.305l.51-.509.003-.003a2.204 2.204 0 00.498-2.326 8.577 8.577 0 01-.47-1.88v-.007A2.204 2.204 0 005.847.533zM4.401 1.5a.71.71 0 01.708.604c.1.753.285 1.493.55 2.205l.001.001a.703.703 0 01-.157.742l-.924.923a.75.75 0 00-.122.902 12.403 12.403 0 004.655 4.646.75.75 0 00.9-.121l.923-.921.002-.002a.71.71 0 01.746-.157h.002c.713.266 1.454.45 2.209.55a.709.709 0 01.606.715 148.67 148.67 0 000 2.134v.07a.702.702 0 01-.481.671.71.71 0 01-.286.035 13.696 13.696 0 01-5.957-2.117c-1.805-1.168-2.979-2.335-4.153-4.144a13.63 13.63 0 01-2.12-5.972.702.702 0 01.419-.704c.09-.04.187-.06.286-.06H4.4zm2.664 2.283v-.001l-.703.264.703-.263z"
30
30
  clipRule="evenodd"
31
31
  />
32
- <path d="M10.333.005a.75.75 0 00-.166 1.49 4.91 4.91 0 014.338 4.332.75.75 0 101.49-.167A6.41 6.41 0 0010.333.005z" />
33
- <path d="M10.394 2.53a.75.75 0 00-.288 1.472 2.395 2.395 0 011.892 1.892.75.75 0 101.472-.288 3.895 3.895 0 00-3.076-3.076z" />
32
+ <path d="M10.333.005a.75.75 0 10-.166 1.49 4.91 4.91 0 014.338 4.332.75.75 0 001.49-.167A6.41 6.41 0 0010.333.005z" />
33
+ <path d="M10.394 2.53a.75.75 0 10-.288 1.472 2.395 2.395 0 011.892 1.892.75.75 0 101.472-.288 3.894 3.894 0 00-3.076-3.076z" />
34
34
  </g>
35
35
  </svg>
36
36
  );
@@ -24,10 +24,10 @@ export const IconPhoneCall24 = forwardRef<SVGSVGElement, IconProps>(
24
24
  >
25
25
  {title ? <title id={titleId}>{title}</title> : null}
26
26
  <g fill={color}>
27
- <path d="M14.833.005a.75.75 0 10-.166 1.49 8.873 8.873 0 017.838 7.828.75.75 0 101.49-.167A10.373 10.373 0 0014.833.005zM14.894 4.29a.75.75 0 10-.288 1.473 4.596 4.596 0 013.631 3.63.75.75 0 001.472-.287 6.097 6.097 0 00-4.815-4.815z" />
27
+ <path d="M14.833.005a.75.75 0 00-.166 1.49 8.873 8.873 0 017.838 7.828.75.75 0 101.49-.167A10.373 10.373 0 0014.833.005zM14.894 4.29a.75.75 0 10-.288 1.473 4.596 4.596 0 013.631 3.63.75.75 0 101.472-.287 6.096 6.096 0 00-4.815-4.815z" />
28
28
  <path
29
29
  fillRule="evenodd"
30
- d="M8.755 1.678A2.814 2.814 0 006.898 1h-3.09a2.815 2.815 0 00-2.66 1.911c-.125.37-.172.76-.137 1.15l.002.011a21.082 21.082 0 003.28 9.248c1.8 2.773 3.642 4.604 6.407 6.393a21.175 21.175 0 009.221 3.274l.014.002a2.815 2.815 0 002.829-1.671c.157-.359.237-.746.235-1.137v-.105c-.002-.539-.011-2.508 0-2.96a2.804 2.804 0 00-2.418-2.849h-.007c-.933-.123-1.85-.351-2.731-.68a2.815 2.815 0 00-2.965.632l-.9.899a15.726 15.726 0 01-5.124-5.112l.897-.895.003-.003a2.806 2.806 0 00.633-2.961 12.436 12.436 0 01-.68-2.726l-.001-.007a2.806 2.806 0 00-.951-1.736zM6.909 2.5A1.314 1.314 0 018.22 3.622c.138 1.042.394 2.066.762 3.05v.002a1.304 1.304 0 01-.293 1.377L7.382 9.356a.75.75 0 00-.122.902 17.226 17.226 0 006.466 6.454.75.75 0 00.9-.122l1.306-1.303.001-.002a1.313 1.313 0 011.384-.293h.001c.987.368 2.012.623 3.057.761a1.313 1.313 0 011.125 1.326c-.012.479-.003 2.48-.001 3.007v.101a1.305 1.305 0 01-.89 1.244c-.172.058-.353.08-.533.064a19.673 19.673 0 01-8.561-3.041c-2.59-1.676-4.28-3.357-5.963-5.951A19.582 19.582 0 012.505 3.92a1.303 1.303 0 01.776-1.308c.167-.074.347-.112.53-.112h3.098zm3.478 3.647v-.001l-.702.264.702-.263z"
30
+ d="M8.755 1.678A2.814 2.814 0 006.898 1h-3.09a2.815 2.815 0 00-2.66 1.911c-.125.37-.172.76-.137 1.15l.002.01a21.082 21.082 0 003.28 9.249c1.8 2.773 3.642 4.604 6.407 6.393a21.173 21.173 0 009.221 3.274l.014.002a2.815 2.815 0 002.829-1.671c.157-.359.237-.746.235-1.137v-.105c-.003-.539-.011-2.508 0-2.96a2.805 2.805 0 00-2.418-2.849h-.007c-.933-.123-1.85-.351-2.732-.68a2.815 2.815 0 00-2.964.632l-.9.899a15.724 15.724 0 01-5.124-5.112l.897-.895.003-.003a2.806 2.806 0 00.633-2.961 12.436 12.436 0 01-.68-2.726l-.001-.007a2.806 2.806 0 00-.951-1.736zM6.909 2.5A1.314 1.314 0 018.22 3.622c.138 1.042.394 2.066.762 3.05v.002a1.304 1.304 0 01-.293 1.377L7.382 9.356a.75.75 0 00-.122.902 17.226 17.226 0 006.466 6.454.75.75 0 00.9-.122l1.306-1.303.001-.002a1.311 1.311 0 011.384-.293h.001c.987.368 2.012.623 3.057.761a1.313 1.313 0 011.124 1.326c-.011.479-.002 2.48 0 3.007v.101a1.305 1.305 0 01-.89 1.244c-.172.058-.353.08-.533.064a19.676 19.676 0 01-8.562-3.041c-2.588-1.676-4.278-3.357-5.962-5.951A19.582 19.582 0 012.505 3.92a1.303 1.303 0 01.776-1.308c.167-.074.347-.112.53-.112h3.098zm3.478 3.647v-.001l-.702.264.702-.263z"
31
31
  clipRule="evenodd"
32
32
  />
33
33
  </g>
@@ -26,7 +26,7 @@ export const IconRedirect16 = forwardRef<SVGSVGElement, IconProps>(
26
26
  <path
27
27
  fill={color}
28
28
  fillRule="evenodd"
29
- d="M8 3.517a1 1 0 011.62-.784l5.348 4.233a1 1 0 010 1.568L9.62 12.767A1 1 0 018 11.983v-1.545c-.76-.043-1.484.003-2.254.218-.994.279-2.118.857-3.507 1.99a.993.993 0 01-1.128.096.962.962 0 01-.445-1.099c.415-1.5 1.425-3.141 2.808-4.412C4.69 6.114 6.244 5.241 8 5.042V3.517zm1.5 1.034v1.2a.75.75 0 01-.75.75c-1.586 0-3.067.738-4.261 1.835a8.996 8.996 0 00-1.635 2.014c.878-.552 1.695-.916 2.488-1.138 1.247-.35 2.377-.33 3.49-.207a.75.75 0 01.668.745v1.2l4.042-3.2L9.5 4.55z"
29
+ d="M8 3.517a1 1 0 011.62-.784l5.348 4.233a1 1 0 010 1.568l-5.347 4.233A1 1 0 018 11.983v-1.545c-.76-.043-1.484.003-2.254.218-.994.279-2.118.857-3.506 1.99a.993.993 0 01-1.129.096.962.962 0 01-.445-1.099c.415-1.5 1.425-3.141 2.808-4.412C4.69 6.114 6.244 5.241 8 5.042V3.517zm1.5 1.034v1.2a.75.75 0 01-.75.75c-1.586 0-3.066.738-4.261 1.835a8.996 8.996 0 00-1.635 2.014c.878-.552 1.695-.916 2.488-1.138 1.247-.35 2.377-.33 3.49-.207a.75.75 0 01.668.745v1.2l4.042-3.2L9.5 4.55z"
30
30
  clipRule="evenodd"
31
31
  />
32
32
  </svg>
@@ -26,7 +26,7 @@ export const IconRedirect24 = forwardRef<SVGSVGElement, IconProps>(
26
26
  <path
27
27
  fill={color}
28
28
  fillRule="evenodd"
29
- d="M12 5.786c0-1.046 1.209-1.63 2.028-.978l7.45 5.922c.627.498.63 1.45.005 1.952l-7.45 5.997c-.817.659-2.033.077-2.033-.973v-2.754a7.316 7.316 0 00-2.824.427c-1.306.456-2.918 1.342-5.295 2.981-.436.3-.973.287-1.37.029a1.168 1.168 0 01-.479-1.326c.591-2 1.91-4.124 3.743-5.755C7.444 9.824 9.571 8.72 12 8.529V5.786zm1.5.518V9.25a.75.75 0 01-.75.75c-2.296 0-4.35.98-5.978 2.428-1.36 1.21-2.393 2.723-2.994 4.189 2.031-1.357 3.565-2.187 4.903-2.654 1.53-.535 2.769-.584 4.137-.46a.75.75 0 01.682.747v2.933l6.8-5.473-6.8-5.406z"
29
+ d="M12 5.786c0-1.046 1.209-1.63 2.028-.978l7.45 5.922c.627.498.63 1.45.005 1.952l-7.45 5.997c-.817.659-2.033.077-2.033-.973v-2.754a7.316 7.316 0 00-2.824.427c-1.306.456-2.918 1.342-5.295 2.981-.436.3-.973.287-1.37.029a1.168 1.168 0 01-.479-1.326c.59-2 1.91-4.124 3.743-5.755C7.444 9.824 9.571 8.72 12 8.529V5.786zm1.5.518V9.25a.75.75 0 01-.75.75c-2.296 0-4.35.98-5.978 2.428-1.36 1.21-2.393 2.723-2.994 4.189 2.03-1.357 3.565-2.187 4.903-2.654 1.53-.535 2.769-.584 4.137-.46a.75.75 0 01.682.747v2.933l6.8-5.473-6.8-5.406z"
30
30
  clipRule="evenodd"
31
31
  />
32
32
  </svg>
@@ -26,7 +26,7 @@ export const IconRewind16 = forwardRef<SVGSVGElement, IconProps>(
26
26
  <path
27
27
  fill={color}
28
28
  fillRule="evenodd"
29
- d="M7.074 3.364A1.25 1.25 0 019 4.416v1.806l4.039-2.795A1.25 1.25 0 0115 4.454v7.092a1.25 1.25 0 01-1.961 1.027L9 9.778v1.806a1.25 1.25 0 01-1.926 1.051L1.5 9.051a1.25 1.25 0 010-2.103l5.575-3.584zM2.637 8L7.5 11.126V4.874L2.637 8zm6.43 0l4.433 3.069V4.93L9.068 8z"
29
+ d="M7.074 3.364A1.25 1.25 0 019 4.416v1.806l4.039-2.795A1.25 1.25 0 0115 4.454v7.092a1.25 1.25 0 01-1.961 1.027L9 9.778v1.806a1.25 1.25 0 01-1.926 1.051L1.499 9.051a1.25 1.25 0 010-2.103l5.575-3.584zM2.637 8L7.5 11.126V4.874L2.637 8zm6.43 0l4.433 3.069V4.93L9.068 8z"
30
30
  clipRule="evenodd"
31
31
  />
32
32
  </svg>
@@ -0,0 +1,37 @@
1
+ import { forwardRef, useMemo } from 'react';
2
+ import { IconProps } from './types';
3
+
4
+ export const IconRunning16 = 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
+ className="hds-flight-icon--animation-running"
21
+ aria-hidden={!title}
22
+ ref={svgRef}
23
+ aria-labelledby={titleId}
24
+ {...props}
25
+ >
26
+ {title ? <title id={titleId}>{title}</title> : null}
27
+ <g fill={color} fillRule="evenodd" clipRule="evenodd">
28
+ <path d="M8 1.5a6.48 6.48 0 00-4.707 2.017.75.75 0 11-1.086-1.034A7.98 7.98 0 018 0a7.98 7.98 0 015.793 2.483.75.75 0 11-1.086 1.034A6.48 6.48 0 008 1.5zM1.236 5.279a.75.75 0 01.514.927 6.503 6.503 0 004.727 8.115.75.75 0 11-.349 1.459 8.003 8.003 0 01-5.82-9.986.75.75 0 01.928-.515zm13.528 0a.75.75 0 01.928.515 8.003 8.003 0 01-5.82 9.986.75.75 0 01-.35-1.459 6.503 6.503 0 004.728-8.115.75.75 0 01.514-.927z" />
29
+ <path
30
+ d="M8 4.5a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM3 8a5 5 0 1110 0A5 5 0 013 8z"
31
+ opacity={0.2}
32
+ />
33
+ </g>
34
+ </svg>
35
+ );
36
+ }
37
+ );
@@ -0,0 +1,37 @@
1
+ import { forwardRef, useMemo } from 'react';
2
+ import { IconProps } from './types';
3
+
4
+ export const IconRunning24 = 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
+ className="hds-flight-icon--animation-running"
21
+ aria-hidden={!title}
22
+ ref={svgRef}
23
+ aria-labelledby={titleId}
24
+ {...props}
25
+ >
26
+ {title ? <title id={titleId}>{title}</title> : null}
27
+ <g fill={color} fillRule="evenodd" clipRule="evenodd">
28
+ <path d="M12 2.5a9.47 9.47 0 00-6.88 2.948.75.75 0 01-1.085-1.034A10.97 10.97 0 0112 1a10.97 10.97 0 017.965 3.414.75.75 0 11-1.086 1.034A9.47 9.47 0 0012 2.5zM2.351 8.451a.75.75 0 01.515.928A9.506 9.506 0 002.5 12c0 4.48 3.102 8.237 7.276 9.238a.75.75 0 01-.35 1.459C4.593 21.537 1 17.189 1 12c0-1.051.148-2.07.424-3.034a.75.75 0 01.927-.515zm19.297 0a.75.75 0 01.928.515C22.852 9.93 23 10.949 23 12c0 5.19-3.593 9.538-8.426 10.697a.75.75 0 11-.35-1.459c4.174-1 7.276-4.758 7.276-9.238 0-.91-.128-1.79-.366-2.621a.75.75 0 01.514-.928z" />
29
+ <path
30
+ d="M12 5.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM4 12a8 8 0 1116 0 8 8 0 01-16 0z"
31
+ opacity={0.2}
32
+ />
33
+ </g>
34
+ </svg>
35
+ );
36
+ }
37
+ );
@@ -25,7 +25,7 @@ export const IconStarFill16 = forwardRef<SVGSVGElement, IconProps>(
25
25
  {title ? <title id={titleId}>{title}</title> : null}
26
26
  <path
27
27
  fill={color}
28
- d="M8.67.912a.75.75 0 00-1.34 0L5.266 5.006l-4.622.662a.75.75 0 00-.412 1.285l3.335 3.18-.786 4.488a.75.75 0 001.082.796L8 13.287l4.137 2.13a.75.75 0 001.082-.796l-.786-4.489 3.335-3.18a.75.75 0 00-.412-1.284l-4.622-.662L8.67.912z"
28
+ d="M8.67.912a.75.75 0 00-1.34 0L5.266 5.006l-4.622.662a.75.75 0 00-.412 1.285l3.335 3.18-.786 4.488a.75.75 0 001.082.796L8 13.287l4.137 2.13a.75.75 0 001.082-.796l-.786-4.488 3.335-3.18a.75.75 0 00-.412-1.285l-4.622-.662L8.67.912z"
29
29
  />
30
30
  </svg>
31
31
  );
@@ -24,7 +24,7 @@ export const IconStarOff16 = forwardRef<SVGSVGElement, IconProps>(
24
24
  >
25
25
  {title ? <title id={titleId}>{title}</title> : null}
26
26
  <g fill={color}>
27
- <path d="M8.67.912a.75.75 0 00-1.34 0l-.882 1.75a.75.75 0 001.34.676L8 2.916 9.57 6.03c.11.219.321.37.564.405l3.48.498-1.299 1.238a.75.75 0 001.035 1.086l2.418-2.305a.75.75 0 00-.412-1.285l-4.622-.662L8.67.912z" />
27
+ <path d="M8.67.912a.75.75 0 00-1.34 0l-.882 1.75a.75.75 0 001.34.676L8 2.916 9.57 6.03c.11.219.321.37.564.405l3.48.498-1.299 1.238a.75.75 0 101.035 1.086l2.418-2.305a.75.75 0 00-.412-1.285l-4.622-.662L8.67.912z" />
28
28
  <path
29
29
  fillRule="evenodd"
30
30
  d="M13.147 14.207l.072.413a.75.75 0 01-1.082.797L8 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.284l3.467-.496L1.22 2.28a.75.75 0 111.06-1.06l12.5 12.5a.75.75 0 01-1.06 1.06l-.573-.572zm-7.71-7.71l-3.051.437 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-.18-1.03-5.865-5.865z"
@@ -25,7 +25,7 @@ export const IconVault16 = forwardRef<SVGSVGElement, IconProps>(
25
25
  {title ? <title id={titleId}>{title}</title> : null}
26
26
  <path
27
27
  fill={color}
28
- d="M0 0l7.971 15.99L16 0H0zm8.92 3.21h.928v.93H8.92v-.93zM7.073 6.922h-.928v-.928h.928v.928zm0-1.392h-.928v-.928h.928v.928zm0-1.39h-.928v-.93h.928v.93zm1.391 4.173h-.928V7.38h.928v.933zm0-1.391h-.928v-.928h.928v.928zm0-1.392h-.928v-.928h.928v.928zm0-1.39h-.928v-.93h.928v.93zm.456.462h.928v.928H8.92v-.928zm0 2.323v-.93h.928v.927l-.928.003z"
28
+ d="M0 0l7.971 15.516L16 0H0zm6.732 6.16h-1.27V4.89h1.27v1.27zm0-1.906h-1.27V2.985h1.27v1.269zm1.904 3.81h-1.27v-1.27h1.27v1.27zm0-1.905h-1.27V4.89h1.27v1.27zm0-1.905h-1.27V2.985h1.27v1.269zm1.894 1.905H9.26V4.89h1.27v1.27zM9.26 4.254V2.985h1.27v1.269H9.26z"
29
29
  />
30
30
  </svg>
31
31
  );
@@ -25,7 +25,7 @@ export const IconVault24 = forwardRef<SVGSVGElement, IconProps>(
25
25
  {title ? <title id={titleId}>{title}</title> : null}
26
26
  <path
27
27
  fill={color}
28
- d="M1 1l10.96 22L22.997 1H1zm12.264 4.414h1.275v1.277h-1.275V5.414zm-2.54 5.102H9.449V9.241h1.275v1.275zm0-1.913H9.449V7.328h1.275v1.275zm0-1.912H9.449V5.414h1.275v1.277zm1.914 5.739H11.36v-1.283h1.277v1.283zm0-1.914H11.36V9.241h1.277v1.275zm0-1.913H11.36V7.328h1.277v1.275zm0-1.912H11.36V5.414h1.277v1.277zm.626.637h1.275v1.275h-1.275V7.328zm0 3.192V9.241h1.275v1.275l-1.275.004z"
28
+ d="M1 1l10.96 21.334L23 1H1zm9.256 8.469H8.51V7.723h1.746v1.746zm0-2.62H8.51V5.105h1.746v1.744zm2.618 5.238h-1.746v-1.746h1.746v1.746zm0-2.618h-1.746V7.723h1.746v1.746zm0-2.62h-1.746V5.105h1.746v1.744zm2.604 2.62h-1.746V7.723h1.746v1.746zm-1.746-2.62V5.105h1.746v1.744h-1.746z"
29
29
  />
30
30
  </svg>
31
31
  );
@@ -24,8 +24,8 @@ export const IconVaultColor16 = forwardRef<SVGSVGElement, IconProps>(
24
24
  >
25
25
  {title ? <title id={titleId}>{title}</title> : null}
26
26
  <path
27
- fill="#000"
28
- d="M0 0l7.971 15.99L16 0H0zm8.92 3.21h.928v.93H8.92v-.93zM7.073 6.922h-.928v-.928h.928v.928zm0-1.392h-.928v-.928h.928v.928zm0-1.39h-.928v-.93h.928v.93zm1.391 4.173h-.928V7.38h.928v.933zm0-1.391h-.928v-.928h.928v.928zm0-1.392h-.928v-.928h.928v.928zm0-1.39h-.928v-.93h.928v.93zm.456.462h.928v.928H8.92v-.928zm0 2.323v-.93h.928v.927l-.928.003z"
27
+ fill="#FFD814"
28
+ d="M0 0l7.971 15.516L16 0H0zm6.732 6.16h-1.27V4.89h1.27v1.27zm0-1.906h-1.27V2.985h1.27v1.269zm1.904 3.81h-1.27v-1.27h1.27v1.27zm0-1.905h-1.27V4.89h1.27v1.27zm0-1.905h-1.27V2.985h1.27v1.269zm1.894 1.905H9.26V4.89h1.27v1.27zM9.26 4.254V2.985h1.27v1.269H9.26z"
29
29
  />
30
30
  </svg>
31
31
  );
@@ -24,8 +24,8 @@ export const IconVaultColor24 = forwardRef<SVGSVGElement, IconProps>(
24
24
  >
25
25
  {title ? <title id={titleId}>{title}</title> : null}
26
26
  <path
27
- fill="#000"
28
- d="M1 1l10.96 22L22.997 1H1zm12.264 4.414h1.275v1.277h-1.275V5.414zm-2.54 5.102H9.449V9.241h1.275v1.275zm0-1.913H9.449V7.328h1.275v1.275zm0-1.912H9.449V5.414h1.275v1.277zm1.914 5.739H11.36v-1.283h1.277v1.283zm0-1.914H11.36V9.241h1.277v1.275zm0-1.913H11.36V7.328h1.277v1.275zm0-1.912H11.36V5.414h1.277v1.277zm.626.637h1.275v1.275h-1.275V7.328zm0 3.192V9.241h1.275v1.275l-1.275.004z"
27
+ fill="#FFD814"
28
+ d="M1 1l10.96 21.334L23 1H1zm9.256 8.469H8.51V7.723h1.746v1.746zm0-2.62H8.51V5.105h1.746v1.744zm2.618 5.238h-1.746v-1.746h1.746v1.746zm0-2.618h-1.746V7.723h1.746v1.746zm0-2.62h-1.746V5.105h1.746v1.744zm2.604 2.62h-1.746V7.723h1.746v1.746zm-1.746-2.62V5.105h1.746v1.744h-1.746z"
29
29
  />
30
30
  </svg>
31
31
  );
@@ -24,10 +24,10 @@ export const IconVolume216 = forwardRef<SVGSVGElement, IconProps>(
24
24
  >
25
25
  {title ? <title id={titleId}>{title}</title> : null}
26
26
  <g fill={color}>
27
- <path d="M13.242 2.184a.75.75 0 10-.984 1.132C13.709 4.578 14.5 6.266 14.5 8s-.79 3.422-2.242 4.684a.75.75 0 00.984 1.132C14.992 12.293 16 10.204 16 8c0-2.204-1.008-4.293-2.758-5.816z" />
27
+ <path d="M13.242 2.184a.75.75 0 10-.984 1.132C13.709 4.578 14.5 6.266 14.5 8s-.79 3.422-2.242 4.684a.75.75 0 10.984 1.132C14.992 12.293 16 10.204 16 8c0-2.204-1.008-4.293-2.758-5.816z" />
28
28
  <path
29
29
  fillRule="evenodd"
30
- d="M7.033 2.686A1.25 1.25 0 019 3.71v8.58a1.25 1.25 0 01-1.967 1.024L3.728 11H1.25C.56 11 0 10.44 0 9.75v-3.5C0 5.56.56 5 1.25 5h2.478l3.305-2.314zM7.5 4.19L4.523 6.274a1.25 1.25 0 01-.716.226H1.5v3h2.307c.256 0 .506.079.716.226L7.5 11.809V4.19z"
30
+ d="M7.033 2.686A1.25 1.25 0 019 3.71v8.58a1.25 1.25 0 01-1.967 1.024L3.728 11H1.25C.56 11 0 10.44 0 9.75v-3.5C0 5.56.56 5 1.25 5h2.478l3.305-2.314zM7.5 4.19L4.524 6.274a1.25 1.25 0 01-.717.226H1.5v3h2.307c.256 0 .506.079.717.226L7.5 11.809V4.19z"
31
31
  clipRule="evenodd"
32
32
  />
33
33
  <path d="M10.701 5.239a.75.75 0 011.06-.038A3.826 3.826 0 0113 8c0 1.06-.453 2.066-1.239 2.799A.75.75 0 1110.74 9.7c.494-.46.761-1.074.761-1.701s-.267-1.24-.761-1.701a.75.75 0 01-.038-1.06z" />
@@ -0,0 +1,38 @@
1
+ import { forwardRef, useMemo } from 'react';
2
+ import { IconProps } from './types';
3
+
4
+ export const IconWand16 = 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="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
+ <path
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"
31
+ clipRule="evenodd"
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" />
34
+ </g>
35
+ </svg>
36
+ );
37
+ }
38
+ );
@@ -0,0 +1,38 @@
1
+ import { forwardRef, useMemo } from 'react';
2
+ import { IconProps } from './types';
3
+
4
+ export const IconWand24 = 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="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" />
28
+ <path
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"
31
+ clipRule="evenodd"
32
+ />
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" />
34
+ </g>
35
+ </svg>
36
+ );
37
+ }
38
+ );
@@ -24,10 +24,10 @@ export const IconXDiamond16 = forwardRef<SVGSVGElement, IconProps>(
24
24
  >
25
25
  {title ? <title id={titleId}>{title}</title> : null}
26
26
  <g fill={color}>
27
- <path d="M10.78 5.22a.75.75 0 010 1.06L9.06 8l1.72 1.72a.75.75 0 11-1.06 1.06L8 9.06l-1.72 1.72a.75.75 0 11-1.06-1.06L6.94 8 5.22 6.28a.75.75 0 011.06-1.06L8 6.94l1.72-1.72a.75.75 0 011.06 0z" />
27
+ <path d="M10.78 5.22a.75.75 0 010 1.06L9.06 8l1.72 1.72a.75.75 0 01-1.06 1.06L8 9.06l-1.72 1.72a.75.75 0 11-1.06-1.06L6.94 8 5.22 6.28a.75.75 0 011.06-1.06L8 6.94l1.72-1.72a.75.75 0 011.06 0z" />
28
28
  <path
29
29
  fillRule="evenodd"
30
- d="M.75 6.41L6.407.753a2.25 2.25 0 013.182 0l5.657 5.657a2.25 2.25 0 010 3.182l-5.657 5.656a2.25 2.25 0 01-3.182 0L.75 9.592a2.25 2.25 0 010-3.182zm6.718-4.597L1.81 7.47a.75.75 0 000 1.06l5.657 5.658a.75.75 0 001.06 0l5.657-5.657a.75.75 0 000-1.06L8.528 1.812a.75.75 0 00-1.06 0z"
30
+ d="M.75 6.41L6.407.753a2.25 2.25 0 013.182 0l5.657 5.657a2.25 2.25 0 010 3.182l-5.657 5.656a2.25 2.25 0 01-3.182 0L.75 9.592a2.25 2.25 0 010-3.182zm6.718-4.597L1.81 7.47a.75.75 0 000 1.06l5.657 5.658a.75.75 0 001.06 0l5.657-5.657a.75.75 0 000-1.06L8.53 1.812a.75.75 0 00-1.061 0z"
31
31
  clipRule="evenodd"
32
32
  />
33
33
  </g>
@@ -26,7 +26,7 @@ export const IconXHexagonFill24 = forwardRef<SVGSVGElement, IconProps>(
26
26
  <path
27
27
  fill={color}
28
28
  fillRule="evenodd"
29
- d="M13.441 1.006a2.75 2.75 0 00-2.882 0l-7.75 4.77a2.75 2.75 0 00-1.31 2.341v7.765a2.75 2.75 0 001.31 2.342l7.75 4.77a2.75 2.75 0 002.882 0l7.75-4.77a2.75 2.75 0 001.309-2.342V8.117a2.75 2.75 0 00-1.309-2.342l-7.75-4.769zM14.72 8.22a.75.75 0 011.06 1.061L13.06 12l2.72 2.72a.75.75 0 01-1.06 1.06L12 13.06l-2.72 2.72a.75.75 0 11-1.06-1.06L10.94 12 8.22 9.28a.75.75 0 011.06-1.06L12 10.94l2.72-2.72z"
29
+ d="M13.441 1.006a2.75 2.75 0 00-2.882 0l-7.75 4.77A2.75 2.75 0 001.5 8.116v7.765a2.75 2.75 0 001.309 2.342l7.75 4.77a2.75 2.75 0 002.882 0l7.75-4.77a2.75 2.75 0 001.309-2.342V8.117a2.75 2.75 0 00-1.309-2.342l-7.75-4.769zM14.72 8.22a.75.75 0 111.06 1.061L13.06 12l2.72 2.72a.75.75 0 01-1.06 1.06L12 13.06l-2.72 2.72a.75.75 0 11-1.06-1.06L10.94 12 8.22 9.28a.75.75 0 011.06-1.06L12 10.94l2.72-2.72z"
30
30
  clipRule="evenodd"
31
31
  />
32
32
  </svg>