@hashicorp/flight-icons 3.4.0 → 3.6.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.
@@ -0,0 +1,33 @@
1
+ import { forwardRef, useMemo } from 'react';
2
+ import { IconProps } from './types';
3
+
4
+ export const IconMongodbColor16 = 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="#00684A"
28
+ d="M9.488 1.783A28.69 28.69 0 018.023.01a.034.034 0 00-.046 0C7.85.177 7.23.987 6.512 1.783c-6.172 7.351.972 12.312.972 12.312l.06.038c.053.765.186 1.867.186 1.867h.533s.133-1.095.187-1.867l.06-.044c.006 0 7.15-4.955.978-12.306zm-1.491 12.2s-.32-.255-.406-.386v-.012l.386-8.005c0-.025.04-.025.04 0l.386 8.005v.012c-.087.131-.406.386-.406.386z"
29
+ />
30
+ </svg>
31
+ );
32
+ }
33
+ );
@@ -0,0 +1,33 @@
1
+ import { forwardRef, useMemo } from 'react';
2
+ import { IconProps } from './types';
3
+
4
+ export const IconMongodbColor24 = 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="#00684A"
28
+ d="M14.232 3.452a40.412 40.412 0 01-2.197-2.44.054.054 0 00-.07 0 40.408 40.408 0 01-2.197 2.44c-9.258 10.108 1.458 16.93 1.458 16.93l.09.05c.08 1.053.28 2.568.28 2.568h.799s.2-1.506.28-2.568l.09-.06c.01 0 10.726-6.812 1.467-16.92zm-2.237 16.775s-.48-.35-.61-.53v-.018l.58-11.006c0-.034.06-.034.06 0l.58 11.006v.017c-.13.18-.61.531-.61.531z"
29
+ />
30
+ </svg>
31
+ );
32
+ }
33
+ );
@@ -0,0 +1,33 @@
1
+ import { forwardRef, useMemo } from 'react';
2
+ import { IconProps } from './types';
3
+
4
+ export const IconTwilio16 = 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
+ d="M8 1c3.864 0 7 3.136 7 7s-3.136 7-7 7-7-3.136-7-7 3.136-7 7-7zm0 1.848A5.138 5.138 0 002.848 8 5.138 5.138 0 008 13.152 5.138 5.138 0 0013.152 8 5.138 5.138 0 008 2.848zM9.736 8.28a1.456 1.456 0 110 2.912 1.456 1.456 0 010-2.912zm-3.472 0a1.456 1.456 0 110 2.912 1.456 1.456 0 010-2.912zm3.472-3.472a1.456 1.456 0 110 2.912 1.456 1.456 0 010-2.912zm-3.472 0a1.456 1.456 0 110 2.912 1.456 1.456 0 010-2.912z"
29
+ />
30
+ </svg>
31
+ );
32
+ }
33
+ );
@@ -0,0 +1,33 @@
1
+ import { forwardRef, useMemo } from 'react';
2
+ import { IconProps } from './types';
3
+
4
+ export const IconTwilio24 = 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
+ d="M12 1c6.072 0 11 4.928 11 11s-4.928 11-11 11S1 18.072 1 12 5.928 1 12 1zm0 2.904A8.075 8.075 0 003.904 12 8.075 8.075 0 0012 20.096 8.075 8.075 0 0020.096 12 8.075 8.075 0 0012 3.904zm2.728 8.536a2.288 2.288 0 110 4.576 2.288 2.288 0 010-4.576zm-5.456 0a2.288 2.288 0 110 4.576 2.288 2.288 0 010-4.576zm5.456-5.456a2.288 2.288 0 110 4.576 2.288 2.288 0 010-4.576zm-5.456 0a2.288 2.288 0 110 4.576 2.288 2.288 0 010-4.576z"
29
+ />
30
+ </svg>
31
+ );
32
+ }
33
+ );
@@ -0,0 +1,33 @@
1
+ import { forwardRef, useMemo } from 'react';
2
+ import { IconProps } from './types';
3
+
4
+ export const IconTwilioColor16 = 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="#F22F46"
28
+ d="M8 1c3.864 0 7 3.136 7 7s-3.136 7-7 7-7-3.136-7-7 3.136-7 7-7zm0 1.848A5.138 5.138 0 002.848 8 5.138 5.138 0 008 13.152 5.138 5.138 0 0013.152 8 5.138 5.138 0 008 2.848zM9.736 8.28a1.456 1.456 0 110 2.912 1.456 1.456 0 010-2.912zm-3.472 0a1.456 1.456 0 110 2.912 1.456 1.456 0 010-2.912zm3.472-3.472a1.456 1.456 0 110 2.912 1.456 1.456 0 010-2.912zm-3.472 0a1.456 1.456 0 110 2.912 1.456 1.456 0 010-2.912z"
29
+ />
30
+ </svg>
31
+ );
32
+ }
33
+ );
@@ -0,0 +1,33 @@
1
+ import { forwardRef, useMemo } from 'react';
2
+ import { IconProps } from './types';
3
+
4
+ export const IconTwilioColor24 = 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="#F22F46"
28
+ d="M12 1c6.072 0 11 4.928 11 11s-4.928 11-11 11S1 18.072 1 12 5.928 1 12 1zm0 2.904A8.075 8.075 0 003.904 12 8.075 8.075 0 0012 20.096 8.075 8.075 0 0020.096 12 8.075 8.075 0 0012 3.904zm2.728 8.536a2.288 2.288 0 110 4.576 2.288 2.288 0 010-4.576zm-5.456 0a2.288 2.288 0 110 4.576 2.288 2.288 0 010-4.576zm5.456-5.456a2.288 2.288 0 110 4.576 2.288 2.288 0 010-4.576zm-5.456 0a2.288 2.288 0 110 4.576 2.288 2.288 0 010-4.576z"
29
+ />
30
+ </svg>
31
+ );
32
+ }
33
+ );
@@ -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" />