@hashicorp/flight-icons 2.19.0 → 2.20.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 +17 -0
- package/catalog.json +217 -1
- package/package.json +1 -1
- package/svg/google-docs-16.svg +1 -0
- package/svg/google-docs-24.svg +1 -0
- package/svg/google-docs-color-16.svg +1 -0
- package/svg/google-docs-color-24.svg +1 -0
- package/svg/google-drive-16.svg +1 -0
- package/svg/google-drive-24.svg +1 -0
- package/svg/google-drive-color-16.svg +1 -0
- package/svg/google-drive-color-24.svg +1 -0
- package/svg/google-forms-16.svg +1 -0
- package/svg/google-forms-24.svg +1 -0
- package/svg/google-forms-color-16.svg +1 -0
- package/svg/google-forms-color-24.svg +1 -0
- package/svg/google-sheets-16.svg +1 -0
- package/svg/google-sheets-24.svg +1 -0
- package/svg/google-sheets-color-16.svg +1 -0
- package/svg/google-sheets-color-24.svg +1 -0
- package/svg/google-slides-16.svg +1 -0
- package/svg/google-slides-24.svg +1 -0
- package/svg/google-slides-color-16.svg +1 -0
- package/svg/google-slides-color-24.svg +1 -0
- package/svg/index.js +1 -1
- package/svg/linkedin-16.svg +1 -1
- package/svg/linkedin-color-16.svg +1 -1
- package/svg/linode-color-16.svg +1 -1
- package/svg/linode-color-24.svg +1 -1
- package/svg/linux-color-16.svg +1 -1
- package/svg/linux-color-24.svg +1 -1
- package/svg/loading-static-16.svg +1 -0
- package/svg/loading-static-24.svg +1 -0
- package/svg/running-static-16.svg +1 -0
- package/svg/running-static-24.svg +1 -0
- package/svg-react/google-docs-16.tsx +36 -0
- package/svg-react/google-docs-24.tsx +36 -0
- package/svg-react/google-docs-color-16.tsx +38 -0
- package/svg-react/google-docs-color-24.tsx +38 -0
- package/svg-react/google-drive-16.tsx +34 -0
- package/svg-react/google-drive-24.tsx +34 -0
- package/svg-react/google-drive-color-16.tsx +53 -0
- package/svg-react/google-drive-color-24.tsx +53 -0
- package/svg-react/google-forms-16.tsx +35 -0
- package/svg-react/google-forms-24.tsx +35 -0
- package/svg-react/google-forms-color-16.tsx +37 -0
- package/svg-react/google-forms-color-24.tsx +37 -0
- package/svg-react/google-sheets-16.tsx +37 -0
- package/svg-react/google-sheets-24.tsx +37 -0
- package/svg-react/google-sheets-color-16.tsx +38 -0
- package/svg-react/google-sheets-color-24.tsx +38 -0
- package/svg-react/google-slides-16.tsx +37 -0
- package/svg-react/google-slides-24.tsx +37 -0
- package/svg-react/google-slides-color-16.tsx +40 -0
- package/svg-react/google-slides-color-24.tsx +40 -0
- package/svg-react/index.ts +24 -0
- package/svg-react/linkedin-16.tsx +1 -1
- package/svg-react/linkedin-color-16.tsx +1 -1
- package/svg-react/linode-color-16.tsx +2 -2
- package/svg-react/linode-color-24.tsx +4 -4
- package/svg-react/linux-color-16.tsx +5 -5
- package/svg-react/linux-color-24.tsx +1 -1
- package/svg-react/loading-static-16.tsx +36 -0
- package/svg-react/loading-static-24.tsx +36 -0
- package/svg-react/running-static-16.tsx +36 -0
- package/svg-react/running-static-24.tsx +36 -0
- package/svg-sprite/svg-sprite-module.js +1 -1
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconGoogleDocs24 = 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 fill="#0C67D6" d="M14.266 2l4.984 5h-4.984V2z" />
|
|
27
|
+
<path
|
|
28
|
+
fill={color}
|
|
29
|
+
fillRule="evenodd"
|
|
30
|
+
d="M6.11 22h11.78c.748 0 1.36-.614 1.36-1.364V7l-4.984-5H6.109c-.747 0-1.359.614-1.359 1.364v17.272c0 .75.612 1.364 1.36 1.364zm1.812-11.136h8.156V9.727H7.922v1.137zm0 1.59h8.156v1.137H7.922v-1.136zm0 2.728h5.89v1.136h-5.89v-1.136z"
|
|
31
|
+
clipRule="evenodd"
|
|
32
|
+
/>
|
|
33
|
+
</svg>
|
|
34
|
+
);
|
|
35
|
+
}
|
|
36
|
+
);
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconGoogleDocsColor16 = 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="#3086F6"
|
|
28
|
+
d="M12.063 15H3.937A.949.949 0 013 14.046V1.955C3 1.43 3.422 1 3.938 1h5.624L13 4.5v9.546a.949.949 0 01-.938.954z"
|
|
29
|
+
/>
|
|
30
|
+
<path fill="#0C67D6" d="M9.563 1L13 4.5H9.562V1z" />
|
|
31
|
+
<path
|
|
32
|
+
fill="#FDFFFF"
|
|
33
|
+
d="M10.813 7.205H5.186v-.796h5.625v.796zm0 1.113H5.186v.796h5.625v-.796zm-1.563 1.91H5.187v.795H9.25v-.796z"
|
|
34
|
+
/>
|
|
35
|
+
</svg>
|
|
36
|
+
);
|
|
37
|
+
}
|
|
38
|
+
);
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconGoogleDocsColor24 = 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="#3086F6"
|
|
28
|
+
d="M17.89 22H6.11c-.748 0-1.36-.614-1.36-1.364V3.364C4.75 2.614 5.362 2 6.11 2h8.156l4.984 5v13.636c0 .75-.612 1.364-1.36 1.364z"
|
|
29
|
+
/>
|
|
30
|
+
<path fill="#0C67D6" d="M14.25 2l5 5h-5V2z" />
|
|
31
|
+
<path
|
|
32
|
+
fill="#FDFFFF"
|
|
33
|
+
d="M15.688 10.864H7.811V9.727h7.875v1.137zm0 1.59H7.811v1.137h7.875v-1.136zM13.5 15.183H7.812v1.136H13.5v-1.136z"
|
|
34
|
+
/>
|
|
35
|
+
</svg>
|
|
36
|
+
);
|
|
37
|
+
}
|
|
38
|
+
);
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconGoogleDrive16 = 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="M2.058 12.285l.618 1.023c.128.215.313.384.529.507l2.205-3.661H1c0 .238.064.477.192.692l.866 1.439zM8 5.846L5.795 2.185c-.217.123-.401.292-.53.507l-4.073 6.77a1.35 1.35 0 00-.192.692h4.41L8 5.846zM12.795 13.815c.216-.123.4-.292.53-.507l.256-.423 1.227-2.039a1.35 1.35 0 00.192-.692h-4.41l.938 1.77 1.267 1.891z" />
|
|
28
|
+
<path d="M8 5.846l2.205-3.661A1.456 1.456 0 009.483 2H6.517c-.257 0-.506.07-.722.185L8 5.846zM10.59 10.154H5.41l-2.205 3.661c.217.123.465.185.722.185h8.146c.257 0 .505-.07.722-.185l-2.205-3.661z" />
|
|
29
|
+
<path d="M12.77 6.077l-2.036-3.385a1.428 1.428 0 00-.529-.507L8 5.846l2.59 4.308h4.402a1.35 1.35 0 00-.193-.692l-2.028-3.385z" />
|
|
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 IconGoogleDrive24 = 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="M3.512 18.427l.882 1.535c.183.323.447.576.756.761l3.15-5.492H2c0 .357.092.715.275 1.038l1.237 2.158zM12 8.77L8.85 3.276c-.31.185-.573.438-.756.761l-5.82 10.154c-.179.316-.274.674-.274 1.039h6.3L12 8.769zM18.85 20.723c.31-.184.573-.438.756-.761l.366-.635 1.753-3.058c.183-.323.275-.68.275-1.038h-6.3l1.34 2.654 1.81 2.838z" />
|
|
28
|
+
<path d="M12 8.77l3.15-5.493A2.003 2.003 0 0014.12 3H9.88c-.366 0-.72.104-1.03.277L12 8.769zM15.7 15.23H8.3l-3.15 5.493c.31.185.664.277 1.031.277h11.638a2.12 2.12 0 001.03-.277l-3.15-5.492z" />
|
|
29
|
+
<path d="M18.816 9.115l-2.91-5.077a2.089 2.089 0 00-.756-.761L12 8.769l3.7 6.462h6.288c0-.358-.091-.716-.274-1.039l-2.898-5.077z" />
|
|
30
|
+
</g>
|
|
31
|
+
</svg>
|
|
32
|
+
);
|
|
33
|
+
}
|
|
34
|
+
);
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconGoogleDriveColor16 = 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="#0066DA"
|
|
28
|
+
d="M2.058 12.285l.618 1.023c.128.215.313.384.529.507l2.205-3.661H1c0 .238.064.477.192.692l.866 1.439z"
|
|
29
|
+
/>
|
|
30
|
+
<path
|
|
31
|
+
fill="#00AC47"
|
|
32
|
+
d="M8 5.846L5.795 2.185c-.217.123-.401.292-.53.507l-4.073 6.77a1.35 1.35 0 00-.192.692h4.41L8 5.846z"
|
|
33
|
+
/>
|
|
34
|
+
<path
|
|
35
|
+
fill="#EA4335"
|
|
36
|
+
d="M12.795 13.815c.216-.123.4-.292.53-.507l.256-.423 1.227-2.039a1.35 1.35 0 00.192-.692h-4.41l.938 1.769 1.267 1.892z"
|
|
37
|
+
/>
|
|
38
|
+
<path
|
|
39
|
+
fill="#00832D"
|
|
40
|
+
d="M8 5.846l2.205-3.661A1.456 1.456 0 009.483 2H6.517c-.257 0-.506.07-.722.185L8 5.846z"
|
|
41
|
+
/>
|
|
42
|
+
<path
|
|
43
|
+
fill="#2684FC"
|
|
44
|
+
d="M10.59 10.154H5.41l-2.205 3.661c.217.123.465.185.722.185h8.146c.257 0 .505-.07.722-.185l-2.205-3.661z"
|
|
45
|
+
/>
|
|
46
|
+
<path
|
|
47
|
+
fill="#FFBA00"
|
|
48
|
+
d="M12.77 6.077l-2.036-3.385a1.427 1.427 0 00-.529-.507L8 5.846l2.59 4.308h4.402a1.35 1.35 0 00-.193-.693l-2.028-3.384z"
|
|
49
|
+
/>
|
|
50
|
+
</svg>
|
|
51
|
+
);
|
|
52
|
+
}
|
|
53
|
+
);
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconGoogleDriveColor24 = 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="#0066DA"
|
|
28
|
+
d="M3.512 18.427l.882 1.535c.183.323.447.576.756.761l3.15-5.492H2c0 .357.092.715.275 1.038l1.237 2.158z"
|
|
29
|
+
/>
|
|
30
|
+
<path
|
|
31
|
+
fill="#00AC47"
|
|
32
|
+
d="M12 8.77L8.85 3.276c-.31.184-.573.438-.756.761l-5.82 10.154c-.179.316-.274.674-.274 1.039h6.3L12 8.769z"
|
|
33
|
+
/>
|
|
34
|
+
<path
|
|
35
|
+
fill="#EA4335"
|
|
36
|
+
d="M18.85 20.723c.31-.185.573-.438.756-.761l.366-.635 1.753-3.058c.183-.323.275-.68.275-1.038h-6.3l1.34 2.654 1.81 2.838z"
|
|
37
|
+
/>
|
|
38
|
+
<path
|
|
39
|
+
fill="#00832D"
|
|
40
|
+
d="M12 8.77l3.15-5.493A2.003 2.003 0 0014.119 3H9.881c-.367 0-.722.104-1.031.277L12 8.769z"
|
|
41
|
+
/>
|
|
42
|
+
<path
|
|
43
|
+
fill="#2684FC"
|
|
44
|
+
d="M15.7 15.23H8.3l-3.15 5.493c.31.185.665.277 1.031.277H17.82a2.12 2.12 0 001.031-.277l-3.15-5.492z"
|
|
45
|
+
/>
|
|
46
|
+
<path
|
|
47
|
+
fill="#FFBA00"
|
|
48
|
+
d="M18.816 9.115l-2.91-5.077a2.089 2.089 0 00-.756-.761L12 8.769l3.7 6.462h6.288c0-.358-.091-.716-.274-1.039l-2.898-5.077z"
|
|
49
|
+
/>
|
|
50
|
+
</svg>
|
|
51
|
+
);
|
|
52
|
+
}
|
|
53
|
+
);
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconGoogleForms16 = 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.063 15H3.937A.949.949 0 013 14.046V1.955C3 1.43 3.422 1 3.938 1h5.624L13 4.5v9.546a.949.949 0 01-.938.954zM6.75 7.205h4.063v-.796H6.75v.796zm0 1.113h4.063v.796H6.75v-.796zm0 1.91h4.063v.795H6.75v-.796zm-.781-3.421a.434.434 0 01-.43.437.434.434 0 01-.43-.437c0-.242.193-.438.43-.438s.43.196.43.438zm-.43 2.346c.237 0 .43-.195.43-.437a.434.434 0 00-.43-.438.434.434 0 00-.43.438c0 .242.193.437.43.437zm.43 1.472a.434.434 0 01-.43.438.434.434 0 01-.43-.438c0-.242.193-.438.43-.438s.43.196.43.438z"
|
|
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 IconGoogleForms24 = 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="M6.11 22h11.78c.748 0 1.36-.614 1.36-1.364V7l-4.984-5H6.109c-.747 0-1.359.614-1.359 1.364v17.272c0 .75.612 1.364 1.36 1.364zm2.945-11.704a.624.624 0 11-1.248.001.624.624 0 011.248-.002zm7.023.568h-5.89V9.727h5.89v1.137zm0 1.59h-5.89v1.137h5.89v-1.136zm0 2.728h-5.89v1.136h5.89v-1.136zm-7.646-1.534A.624.624 0 108.43 12.4a.624.624 0 00.002 1.248zm.623 2.102a.624.624 0 11-1.248.002.624.624 0 011.248-.002z"
|
|
30
|
+
clipRule="evenodd"
|
|
31
|
+
/>
|
|
32
|
+
</svg>
|
|
33
|
+
);
|
|
34
|
+
}
|
|
35
|
+
);
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconGoogleFormsColor16 = 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="#7248B9"
|
|
28
|
+
d="M12.063 15H3.937A.949.949 0 013 14.046V1.955C3 1.43 3.422 1 3.938 1h5.624L13 4.5v9.546a.949.949 0 01-.938.954z"
|
|
29
|
+
/>
|
|
30
|
+
<path fill="#56368A" d="M9.563 1L13 4.5H9.562V1z" />
|
|
31
|
+
<g fill="#FDFFFF">
|
|
32
|
+
<path d="M10.813 7.204H6.75V6.41h4.063v.795zm0 1.114H6.75v.796h4.063v-.796zm0 1.91H6.75v.795h4.063v-.796zM5.969 6.807a.434.434 0 01-.43.437.434.434 0 01-.43-.437c0-.242.193-.438.43-.438s.43.196.43.438zM5.969 8.716a.434.434 0 01-.43.437.434.434 0 01-.43-.437c0-.242.193-.438.43-.438s.43.196.43.438zM5.969 10.625a.434.434 0 01-.43.437.434.434 0 01-.43-.437c0-.242.193-.438.43-.438s.43.196.43.438z" />
|
|
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 IconGoogleFormsColor24 = 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="#7248B9"
|
|
28
|
+
d="M17.89 22H6.11c-.748 0-1.36-.614-1.36-1.364V3.364C4.75 2.614 5.362 2 6.11 2h8.156l4.984 5v13.636c0 .75-.612 1.364-1.36 1.364z"
|
|
29
|
+
/>
|
|
30
|
+
<path fill="#56368A" d="M14.266 2l4.984 5h-4.984V2z" />
|
|
31
|
+
<g fill="#FDFFFF">
|
|
32
|
+
<path d="M16.078 10.864h-5.89V9.727h5.89v1.137zm0 1.59h-5.89v1.137h5.89v-1.136zm0 2.728h-5.89v1.136h5.89v-1.136zM9.055 10.295a.624.624 0 11-1.248.002.624.624 0 011.248-.002zM9.055 13.023a.624.624 0 11-1.248.002.624.624 0 011.248-.002zM9.055 15.75a.624.624 0 11-1.248.002.624.624 0 011.248-.002z" />
|
|
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 IconGoogleSheets16 = 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="M7.61 10.227H5.655V9.114H7.61v1.113zM7.61 8.318H5.655V7.205H7.61v1.113zM10.344 10.227H8.39V9.114h1.953v1.113zM10.344 8.318H8.39V7.205h1.953v1.113z" />
|
|
28
|
+
<path
|
|
29
|
+
fillRule="evenodd"
|
|
30
|
+
d="M13 14.046V4.5L9.562 1H3.939A.946.946 0 003 1.955v12.09c0 .528.42.955.938.955h8.124a.946.946 0 00.938-.954zM4.875 6.409v4.614h6.25V6.409h-6.25z"
|
|
31
|
+
clipRule="evenodd"
|
|
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 IconGoogleSheets24 = 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="M11.434 15.182H8.602V13.59h2.832v1.59zM11.434 12.455H8.602v-1.591h2.832v1.59zM15.398 15.182h-2.832V13.59h2.832v1.59zM15.398 12.455h-2.832v-1.591h2.832v1.59z" />
|
|
28
|
+
<path
|
|
29
|
+
fillRule="evenodd"
|
|
30
|
+
d="M19.25 20.636V7l-4.984-5H6.109c-.75 0-1.359.61-1.359 1.364v17.272c0 .754.608 1.364 1.36 1.364h11.78c.752 0 1.36-.61 1.36-1.364zM7.469 9.727v6.591h9.062v-6.59H7.47z"
|
|
31
|
+
clipRule="evenodd"
|
|
32
|
+
/>
|
|
33
|
+
</g>
|
|
34
|
+
</svg>
|
|
35
|
+
);
|
|
36
|
+
}
|
|
37
|
+
);
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconGoogleSheetsColor16 = 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 fill="#188038" d="M9.5 1L13 4.5H9.5V1z" />
|
|
27
|
+
<path
|
|
28
|
+
fill="#34A853"
|
|
29
|
+
d="M9.5 4.5V1H3.937A.946.946 0 003 1.955v12.09c0 .528.42.955.938.955h8.124a.946.946 0 00.938-.954V4.5H9.5z"
|
|
30
|
+
/>
|
|
31
|
+
<path
|
|
32
|
+
fill="#FDFFFF"
|
|
33
|
+
d="M5 6v5h6V6H5zm2.625 4.138H5.75V8.93h1.875v1.207zm0-2.069H5.75V6.862h1.875V8.07zm2.625 2.069H8.375V8.93h1.875v1.207zm0-2.069H8.375V6.862h1.875V8.07z"
|
|
34
|
+
/>
|
|
35
|
+
</svg>
|
|
36
|
+
);
|
|
37
|
+
}
|
|
38
|
+
);
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconGoogleSheetsColor24 = 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 fill="#188038" d="M14.266 2l4.984 5h-4.984V2z" />
|
|
27
|
+
<path
|
|
28
|
+
fill="#34A853"
|
|
29
|
+
d="M14.266 7V2H6.109c-.75 0-1.359.61-1.359 1.364v17.272c0 .754.608 1.364 1.36 1.364h11.78c.752 0 1.36-.61 1.36-1.364V7h-4.984z"
|
|
30
|
+
/>
|
|
31
|
+
<path
|
|
32
|
+
fill="#FDFFFF"
|
|
33
|
+
d="M7.469 9.727v6.591h9.062v-6.59H7.47zm3.965 5.455H8.602V13.59h2.832v1.59zm0-2.727H8.602v-1.591h2.832v1.59zm3.964 2.727h-2.832V13.59h2.832v1.59zm0-2.727h-2.832v-1.591h2.832v1.59z"
|
|
34
|
+
/>
|
|
35
|
+
</svg>
|
|
36
|
+
);
|
|
37
|
+
}
|
|
38
|
+
);
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { forwardRef, useMemo } from 'react';
|
|
2
|
+
import { IconProps } from './types';
|
|
3
|
+
|
|
4
|
+
export const IconGoogleSlides16 = 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.344 7.315H5.656v2.753h4.688V7.315z" />
|
|
28
|
+
<path
|
|
29
|
+
fillRule="evenodd"
|
|
30
|
+
d="M3.938 15.25h8.124c.516 0 .938-.437.938-.972V4.562L9.563 1H3.937C3.422 1 3 1.437 3 1.972v12.306c0 .535.422.972.938.972zm7.187-8.744h-6.25v4.372h6.25V6.506z"
|
|
31
|
+
clipRule="evenodd"
|
|
32
|
+
/>
|
|
33
|
+
</g>
|
|
34
|
+
</svg>
|
|
35
|
+
);
|
|
36
|
+
}
|
|
37
|
+
);
|