@hashicorp/flight-icons 3.3.0 → 3.5.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.
- package/CHANGELOG.md +28 -0
- package/catalog.json +161 -1
- package/package.json +6 -7
- package/svg/index.d.ts +1 -1
- package/svg/index.js +1 -1
- package/svg/mongodb-16.svg +1 -0
- package/svg/mongodb-24.svg +1 -0
- package/svg/mongodb-color-16.svg +1 -0
- package/svg/mongodb-color-24.svg +1 -0
- package/svg/pager-duty-16.svg +1 -0
- package/svg/pager-duty-24.svg +1 -0
- package/svg/pager-duty-color-16.svg +1 -0
- package/svg/pager-duty-color-24.svg +1 -0
- package/svg/search-16.svg +1 -1
- package/svg/service-now-16.svg +1 -0
- package/svg/service-now-24.svg +1 -0
- package/svg/service-now-color-16.svg +1 -0
- package/svg/service-now-color-24.svg +1 -0
- package/svg/twilio-16.svg +1 -0
- package/svg/twilio-24.svg +1 -0
- package/svg/twilio-color-16.svg +1 -0
- package/svg/twilio-color-24.svg +1 -0
- package/svg-react/index.ts +16 -0
- package/svg-react/mongodb-16.tsx +33 -0
- package/svg-react/mongodb-24.tsx +33 -0
- package/svg-react/mongodb-color-16.tsx +33 -0
- package/svg-react/mongodb-color-24.tsx +33 -0
- package/svg-react/pager-duty-16.tsx +32 -0
- package/svg-react/pager-duty-24.tsx +32 -0
- package/svg-react/pager-duty-color-16.tsx +32 -0
- package/svg-react/pager-duty-color-24.tsx +32 -0
- package/svg-react/search-16.tsx +1 -1
- package/svg-react/service-now-16.tsx +35 -0
- package/svg-react/service-now-24.tsx +35 -0
- package/svg-react/service-now-color-16.tsx +35 -0
- package/svg-react/service-now-color-24.tsx +35 -0
- package/svg-react/twilio-16.tsx +33 -0
- package/svg-react/twilio-24.tsx +33 -0
- package/svg-react/twilio-color-16.tsx +33 -0
- package/svg-react/twilio-color-24.tsx +33 -0
- package/svg-sprite/svg-sprite-module.js +1 -1
- package/svg-sprite/svg-sprite.svg +1 -1
|
@@ -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,32 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconPagerDuty16 = 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="M10.888 1.709C9.795 1.099 9.03 1 7.234 1H3.189v8.747h4.03c1.595 0 2.792-.099 3.845-.824 1.149-.783 1.747-2.094 1.747-3.611 0-1.633-.734-2.943-1.923-3.603zm-3.2 6.208H5.24V2.871l2.314-.016c2.106-.017 3.16.742 3.16 2.482 0 1.871-1.309 2.58-3.024 2.58zM4.938 11.497H3.19v3.499h1.75v-3.5z" />
|
|
28
|
+
</g>
|
|
29
|
+
</svg>
|
|
30
|
+
);
|
|
31
|
+
}
|
|
32
|
+
);
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconPagerDuty24 = 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="M7.946 16.592H5.244v5.405h2.702v-5.405zM16.056 2.964C14.52 2.134 13.446 2 10.924 2h-5.68v11.89h5.658c2.24 0 3.921-.134 5.4-1.12 1.613-1.065 2.454-2.847 2.454-4.909 0-2.219-1.031-4-2.7-4.897zm-4.493 8.438h-3.44V4.544l3.25-.023c2.957-.022 4.436 1.01 4.436 3.374 0 2.543-1.837 3.507-4.246 3.507z" />
|
|
28
|
+
</g>
|
|
29
|
+
</svg>
|
|
30
|
+
);
|
|
31
|
+
}
|
|
32
|
+
);
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconPagerDutyColor16 = 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="#048A24">
|
|
27
|
+
<path d="M10.888 1.709C9.795 1.099 9.03 1 7.234 1H3.189v8.747h4.03c1.595 0 2.792-.099 3.845-.824 1.149-.783 1.747-2.094 1.747-3.611 0-1.633-.734-2.943-1.923-3.603zm-3.2 6.208H5.24V2.871l2.314-.016c2.106-.017 3.16.742 3.16 2.482 0 1.871-1.309 2.58-3.024 2.58zM4.938 11.497H3.19v3.499h1.75v-3.5z" />
|
|
28
|
+
</g>
|
|
29
|
+
</svg>
|
|
30
|
+
);
|
|
31
|
+
}
|
|
32
|
+
);
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconPagerDutyColor24 = 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="#048A24">
|
|
27
|
+
<path d="M7.946 16.592H5.244v5.405h2.702v-5.405zM16.056 2.964C14.52 2.134 13.446 2 10.924 2h-5.68v11.89h5.658c2.24 0 3.921-.134 5.4-1.12 1.613-1.065 2.454-2.847 2.454-4.909 0-2.219-1.031-4-2.7-4.897zm-4.493 8.438h-3.44V4.544l3.25-.023c2.957-.022 4.436 1.01 4.436 3.374 0 2.543-1.837 3.507-4.246 3.507z" />
|
|
28
|
+
</g>
|
|
29
|
+
</svg>
|
|
30
|
+
);
|
|
31
|
+
}
|
|
32
|
+
);
|
package/svg-react/search-16.tsx
CHANGED
|
@@ -26,7 +26,7 @@ export const IconSearch16 = forwardRef<SVGSVGElement, IconProps>(
|
|
|
26
26
|
<path
|
|
27
27
|
fill={color}
|
|
28
28
|
fillRule="evenodd"
|
|
29
|
-
d="
|
|
29
|
+
d="M6.344.969a5.375 5.375 0 103.233 9.669l4.174 4.174a.75.75 0 001.06-1.061l-4.173-4.174A5.375 5.375 0 006.344.97zM2.469 6.344a3.875 3.875 0 117.75 0 3.875 3.875 0 01-7.75 0z"
|
|
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 IconServiceNow16 = 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="M8.043 1.708C4.206 1.685 1.034 4.838 1 8.709a7.058 7.058 0 002.2 5.197c.494.474 1.268.52 1.807.097.796-.623 1.82-1 2.996-1 1.177 0 2.2.372 2.995 1a1.38 1.38 0 001.814-.109A7.065 7.065 0 0015 8.766c0-3.883-3.115-7.036-6.957-7.058zm-.046 10.587c-2.08 0-3.501-1.57-3.501-3.518 0-1.947 1.42-3.54 3.501-3.54 2.08 0 3.502 1.599 3.502 3.54 0 1.942-1.421 3.518-3.502 3.518z"
|
|
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 IconServiceNow24 = 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="M12.067 2C6.038 1.964 1.054 6.918 1 13.002a11.09 11.09 0 003.457 8.167 2.176 2.176 0 002.84.152c1.251-.978 2.859-1.57 4.708-1.57 1.849 0 3.456.583 4.707 1.57.857.673 2.063.583 2.85-.17A11.102 11.102 0 0023 13.092C23 6.99 18.105 2.036 12.067 2zm-.071 16.638c-3.27 0-5.502-2.468-5.502-5.528 0-3.06 2.233-5.564 5.502-5.564 3.269 0 5.502 2.513 5.502 5.564s-2.233 5.528-5.502 5.528z"
|
|
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 IconServiceNowColor16 = 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="#62D84E"
|
|
28
|
+
fillRule="evenodd"
|
|
29
|
+
d="M8.043 1.708C4.206 1.685 1.034 4.838 1 8.709a7.058 7.058 0 002.2 5.197c.494.474 1.268.52 1.807.097.796-.623 1.82-1 2.996-1 1.177 0 2.2.372 2.995 1a1.38 1.38 0 001.814-.109A7.065 7.065 0 0015 8.766c0-3.883-3.115-7.036-6.957-7.058zm-.046 10.587c-2.08 0-3.501-1.57-3.501-3.518 0-1.947 1.42-3.54 3.501-3.54 2.08 0 3.502 1.599 3.502 3.54 0 1.942-1.421 3.518-3.502 3.518z"
|
|
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 IconServiceNowColor24 = 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="#62D84E"
|
|
28
|
+
fillRule="evenodd"
|
|
29
|
+
d="M12.067 2C6.038 1.964 1.054 6.918 1 13.002a11.09 11.09 0 003.457 8.167 2.176 2.176 0 002.84.152c1.251-.978 2.859-1.57 4.708-1.57 1.849 0 3.456.583 4.707 1.57.857.673 2.063.583 2.85-.17A11.102 11.102 0 0023 13.092C23 6.99 18.105 2.036 12.067 2zm-.071 16.638c-3.27 0-5.502-2.468-5.502-5.528 0-3.06 2.233-5.564 5.502-5.564 3.269 0 5.502 2.513 5.502 5.564s-2.233 5.528-5.502 5.528z"
|
|
30
|
+
clipRule="evenodd"
|
|
31
|
+
/>
|
|
32
|
+
</svg>
|
|
33
|
+
);
|
|
34
|
+
}
|
|
35
|
+
);
|
|
@@ -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
|
+
);
|