@hashicorp/flight-icons 2.18.0 → 2.20.0

package/svg/vault-secrets-color-24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#000" d="M11.315 18v-2.493c0-.584.037-1.17.11-1.747l.066-.537-.333.427c-.357.46-.747.903-1.157 1.313l-1.764 1.764-.967-.967 1.764-1.763c.41-.414.854-.8 1.314-1.157l.43-.333-.537.066a13.92 13.92 0 01-1.747.11H6v-1.366h5.318V6h1.367v2.493c0 .584-.037 1.17-.11 1.747l-.066.537.333-.43c.357-.46.747-.9 1.157-1.314l1.764-1.763.967.967L14.966 10c-.414.413-.854.8-1.314 1.157l-.43.333.537-.067c.577-.073 1.167-.11 1.747-.11H18v1.367h-5.318v5.317h-1.367V18zm2.694-3.023v-.967h.967l1.75 1.75-.967.967-1.75-1.75zM9.02 9.99L7.27 8.24l.966-.967 1.75 1.75v.967h-.966z"/><path fill="#FFD814" fill-rule="evenodd" d="M1.25 4A2.75 2.75 0 014 1.25h16A2.75 2.75 0 0122.75 4v16A2.75 2.75 0 0120 22.75H4A2.75 2.75 0 011.25 20V4zM4 2.75c-.69 0-1.25.56-1.25 1.25v16c0 .69.56 1.25 1.25 1.25h16c.69 0 1.25-.56 1.25-1.25V4c0-.69-.56-1.25-1.25-1.25H4z" clip-rule="evenodd"/></svg>

package/svg-react/google-docs-16.tsx

@@ -0,0 +1,36 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconGoogleDocs16 = forwardRef<SVGSVGElement, IconProps>(
+    ({ color = 'currentColor', title, ...props }, svgRef) => {
+        const titleId = useMemo(
+            () =>
+                title
+                    ? 'title-' + Math.random().toString(36).substr(2, 9)
+                    : undefined,
+            [title]
+        );
+        return (
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width={16}
+                height={16}
+                fill="none"
+                viewBox="0 0 16 16"
+                aria-hidden={!title}
+                ref={svgRef}
+                aria-labelledby={titleId}
+                {...props}
+            >
+                {title ? <title id={titleId}>{title}</title> : null}
+                <path fill="#0C67D6" d="M9.563 1L13 4.5H9.562V1z" />
+                <path
+                    fill={color}
+                    fillRule="evenodd"
+                    d="M3.938 15h8.124c.516 0 .938-.43.938-.954V4.5L9.562 1H3.939A.949.949 0 003 1.955v12.09c0 .525.422.955.938.955zm1.25-7.795h5.625v-.796H5.186v.796zm0 1.113h5.625v.796H5.186v-.796zm0 1.91H9.25v.795H5.187v-.796z"
+                    clipRule="evenodd"
+                />
+            </svg>
+        );
+    }
+);

package/svg-react/google-docs-24.tsx

@@ -0,0 +1,36 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconGoogleDocs24 = forwardRef<SVGSVGElement, IconProps>(
+    ({ color = 'currentColor', title, ...props }, svgRef) => {
+        const titleId = useMemo(
+            () =>
+                title
+                    ? 'title-' + Math.random().toString(36).substr(2, 9)
+                    : undefined,
+            [title]
+        );
+        return (
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width={24}
+                height={24}
+                fill="none"
+                viewBox="0 0 24 24"
+                aria-hidden={!title}
+                ref={svgRef}
+                aria-labelledby={titleId}
+                {...props}
+            >
+                {title ? <title id={titleId}>{title}</title> : null}
+                <path fill="#0C67D6" d="M14.266 2l4.984 5h-4.984V2z" />
+                <path
+                    fill={color}
+                    fillRule="evenodd"
+                    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"
+                    clipRule="evenodd"
+                />
+            </svg>
+        );
+    }
+);

package/svg-react/google-docs-color-16.tsx

@@ -0,0 +1,38 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconGoogleDocsColor16 = forwardRef<SVGSVGElement, IconProps>(
+    ({ color = 'currentColor', title, ...props }, svgRef) => {
+        const titleId = useMemo(
+            () =>
+                title
+                    ? 'title-' + Math.random().toString(36).substr(2, 9)
+                    : undefined,
+            [title]
+        );
+        return (
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width={16}
+                height={16}
+                fill="none"
+                viewBox="0 0 16 16"
+                aria-hidden={!title}
+                ref={svgRef}
+                aria-labelledby={titleId}
+                {...props}
+            >
+                {title ? <title id={titleId}>{title}</title> : null}
+                <path
+                    fill="#3086F6"
+                    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"
+                />
+                <path fill="#0C67D6" d="M9.563 1L13 4.5H9.562V1z" />
+                <path
+                    fill="#FDFFFF"
+                    d="M10.813 7.205H5.186v-.796h5.625v.796zm0 1.113H5.186v.796h5.625v-.796zm-1.563 1.91H5.187v.795H9.25v-.796z"
+                />
+            </svg>
+        );
+    }
+);

package/svg-react/google-docs-color-24.tsx

@@ -0,0 +1,38 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconGoogleDocsColor24 = forwardRef<SVGSVGElement, IconProps>(
+    ({ color = 'currentColor', title, ...props }, svgRef) => {
+        const titleId = useMemo(
+            () =>
+                title
+                    ? 'title-' + Math.random().toString(36).substr(2, 9)
+                    : undefined,
+            [title]
+        );
+        return (
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width={24}
+                height={24}
+                fill="none"
+                viewBox="0 0 24 24"
+                aria-hidden={!title}
+                ref={svgRef}
+                aria-labelledby={titleId}
+                {...props}
+            >
+                {title ? <title id={titleId}>{title}</title> : null}
+                <path
+                    fill="#3086F6"
+                    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"
+                />
+                <path fill="#0C67D6" d="M14.25 2l5 5h-5V2z" />
+                <path
+                    fill="#FDFFFF"
+                    d="M15.688 10.864H7.811V9.727h7.875v1.137zm0 1.59H7.811v1.137h7.875v-1.136zM13.5 15.183H7.812v1.136H13.5v-1.136z"
+                />
+            </svg>
+        );
+    }
+);

package/svg-react/google-drive-16.tsx

@@ -0,0 +1,34 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconGoogleDrive16 = forwardRef<SVGSVGElement, IconProps>(
+    ({ color = 'currentColor', title, ...props }, svgRef) => {
+        const titleId = useMemo(
+            () =>
+                title
+                    ? 'title-' + Math.random().toString(36).substr(2, 9)
+                    : undefined,
+            [title]
+        );
+        return (
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width={16}
+                height={16}
+                fill="none"
+                viewBox="0 0 16 16"
+                aria-hidden={!title}
+                ref={svgRef}
+                aria-labelledby={titleId}
+                {...props}
+            >
+                {title ? <title id={titleId}>{title}</title> : null}
+                <g fill={color}>
+                    <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" />
+                    <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" />
+                    <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" />
+                </g>
+            </svg>
+        );
+    }
+);

package/svg-react/google-drive-24.tsx

@@ -0,0 +1,34 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconGoogleDrive24 = forwardRef<SVGSVGElement, IconProps>(
+    ({ color = 'currentColor', title, ...props }, svgRef) => {
+        const titleId = useMemo(
+            () =>
+                title
+                    ? 'title-' + Math.random().toString(36).substr(2, 9)
+                    : undefined,
+            [title]
+        );
+        return (
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width={24}
+                height={24}
+                fill="none"
+                viewBox="0 0 24 24"
+                aria-hidden={!title}
+                ref={svgRef}
+                aria-labelledby={titleId}
+                {...props}
+            >
+                {title ? <title id={titleId}>{title}</title> : null}
+                <g fill={color}>
+                    <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" />
+                    <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" />
+                    <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" />
+                </g>
+            </svg>
+        );
+    }
+);

package/svg-react/google-drive-color-16.tsx

@@ -0,0 +1,53 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconGoogleDriveColor16 = forwardRef<SVGSVGElement, IconProps>(
+    ({ color = 'currentColor', title, ...props }, svgRef) => {
+        const titleId = useMemo(
+            () =>
+                title
+                    ? 'title-' + Math.random().toString(36).substr(2, 9)
+                    : undefined,
+            [title]
+        );
+        return (
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width={16}
+                height={16}
+                fill="none"
+                viewBox="0 0 16 16"
+                aria-hidden={!title}
+                ref={svgRef}
+                aria-labelledby={titleId}
+                {...props}
+            >
+                {title ? <title id={titleId}>{title}</title> : null}
+                <path
+                    fill="#0066DA"
+                    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"
+                />
+                <path
+                    fill="#00AC47"
+                    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"
+                />
+                <path
+                    fill="#EA4335"
+                    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"
+                />
+                <path
+                    fill="#00832D"
+                    d="M8 5.846l2.205-3.661A1.456 1.456 0 009.483 2H6.517c-.257 0-.506.07-.722.185L8 5.846z"
+                />
+                <path
+                    fill="#2684FC"
+                    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"
+                />
+                <path
+                    fill="#FFBA00"
+                    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"
+                />
+            </svg>
+        );
+    }
+);

package/svg-react/google-drive-color-24.tsx

@@ -0,0 +1,53 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconGoogleDriveColor24 = forwardRef<SVGSVGElement, IconProps>(
+    ({ color = 'currentColor', title, ...props }, svgRef) => {
+        const titleId = useMemo(
+            () =>
+                title
+                    ? 'title-' + Math.random().toString(36).substr(2, 9)
+                    : undefined,
+            [title]
+        );
+        return (
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width={24}
+                height={24}
+                fill="none"
+                viewBox="0 0 24 24"
+                aria-hidden={!title}
+                ref={svgRef}
+                aria-labelledby={titleId}
+                {...props}
+            >
+                {title ? <title id={titleId}>{title}</title> : null}
+                <path
+                    fill="#0066DA"
+                    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"
+                />
+                <path
+                    fill="#00AC47"
+                    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"
+                />
+                <path
+                    fill="#EA4335"
+                    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"
+                />
+                <path
+                    fill="#00832D"
+                    d="M12 8.77l3.15-5.493A2.003 2.003 0 0014.119 3H9.881c-.367 0-.722.104-1.031.277L12 8.769z"
+                />
+                <path
+                    fill="#2684FC"
+                    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"
+                />
+                <path
+                    fill="#FFBA00"
+                    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"
+                />
+            </svg>
+        );
+    }
+);

package/svg-react/google-forms-16.tsx

@@ -0,0 +1,35 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconGoogleForms16 = forwardRef<SVGSVGElement, IconProps>(
+    ({ color = 'currentColor', title, ...props }, svgRef) => {
+        const titleId = useMemo(
+            () =>
+                title
+                    ? 'title-' + Math.random().toString(36).substr(2, 9)
+                    : undefined,
+            [title]
+        );
+        return (
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width={16}
+                height={16}
+                fill="none"
+                viewBox="0 0 16 16"
+                aria-hidden={!title}
+                ref={svgRef}
+                aria-labelledby={titleId}
+                {...props}
+            >
+                {title ? <title id={titleId}>{title}</title> : null}
+                <path
+                    fill={color}
+                    fillRule="evenodd"
+                    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"
+                    clipRule="evenodd"
+                />
+            </svg>
+        );
+    }
+);

package/svg-react/google-forms-24.tsx

@@ -0,0 +1,35 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconGoogleForms24 = forwardRef<SVGSVGElement, IconProps>(
+    ({ color = 'currentColor', title, ...props }, svgRef) => {
+        const titleId = useMemo(
+            () =>
+                title
+                    ? 'title-' + Math.random().toString(36).substr(2, 9)
+                    : undefined,
+            [title]
+        );
+        return (
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width={24}
+                height={24}
+                fill="none"
+                viewBox="0 0 24 24"
+                aria-hidden={!title}
+                ref={svgRef}
+                aria-labelledby={titleId}
+                {...props}
+            >
+                {title ? <title id={titleId}>{title}</title> : null}
+                <path
+                    fill={color}
+                    fillRule="evenodd"
+                    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"
+                    clipRule="evenodd"
+                />
+            </svg>
+        );
+    }
+);

package/svg-react/google-forms-color-16.tsx

@@ -0,0 +1,37 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconGoogleFormsColor16 = forwardRef<SVGSVGElement, IconProps>(
+    ({ color = 'currentColor', title, ...props }, svgRef) => {
+        const titleId = useMemo(
+            () =>
+                title
+                    ? 'title-' + Math.random().toString(36).substr(2, 9)
+                    : undefined,
+            [title]
+        );
+        return (
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width={16}
+                height={16}
+                fill="none"
+                viewBox="0 0 16 16"
+                aria-hidden={!title}
+                ref={svgRef}
+                aria-labelledby={titleId}
+                {...props}
+            >
+                {title ? <title id={titleId}>{title}</title> : null}
+                <path
+                    fill="#7248B9"
+                    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"
+                />
+                <path fill="#56368A" d="M9.563 1L13 4.5H9.562V1z" />
+                <g fill="#FDFFFF">
+                    <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" />
+                </g>
+            </svg>
+        );
+    }
+);

package/svg-react/google-forms-color-24.tsx

@@ -0,0 +1,37 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconGoogleFormsColor24 = forwardRef<SVGSVGElement, IconProps>(
+    ({ color = 'currentColor', title, ...props }, svgRef) => {
+        const titleId = useMemo(
+            () =>
+                title
+                    ? 'title-' + Math.random().toString(36).substr(2, 9)
+                    : undefined,
+            [title]
+        );
+        return (
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width={24}
+                height={24}
+                fill="none"
+                viewBox="0 0 24 24"
+                aria-hidden={!title}
+                ref={svgRef}
+                aria-labelledby={titleId}
+                {...props}
+            >
+                {title ? <title id={titleId}>{title}</title> : null}
+                <path
+                    fill="#7248B9"
+                    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"
+                />
+                <path fill="#56368A" d="M14.266 2l4.984 5h-4.984V2z" />
+                <g fill="#FDFFFF">
+                    <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" />
+                </g>
+            </svg>
+        );
+    }
+);

package/svg-react/google-sheets-16.tsx

@@ -0,0 +1,37 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconGoogleSheets16 = forwardRef<SVGSVGElement, IconProps>(
+    ({ color = 'currentColor', title, ...props }, svgRef) => {
+        const titleId = useMemo(
+            () =>
+                title
+                    ? 'title-' + Math.random().toString(36).substr(2, 9)
+                    : undefined,
+            [title]
+        );
+        return (
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width={16}
+                height={16}
+                fill="none"
+                viewBox="0 0 16 16"
+                aria-hidden={!title}
+                ref={svgRef}
+                aria-labelledby={titleId}
+                {...props}
+            >
+                {title ? <title id={titleId}>{title}</title> : null}
+                <g fill={color}>
+                    <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" />
+                    <path
+                        fillRule="evenodd"
+                        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"
+                        clipRule="evenodd"
+                    />
+                </g>
+            </svg>
+        );
+    }
+);

package/svg-react/google-sheets-24.tsx

@@ -0,0 +1,37 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconGoogleSheets24 = forwardRef<SVGSVGElement, IconProps>(
+    ({ color = 'currentColor', title, ...props }, svgRef) => {
+        const titleId = useMemo(
+            () =>
+                title
+                    ? 'title-' + Math.random().toString(36).substr(2, 9)
+                    : undefined,
+            [title]
+        );
+        return (
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width={24}
+                height={24}
+                fill="none"
+                viewBox="0 0 24 24"
+                aria-hidden={!title}
+                ref={svgRef}
+                aria-labelledby={titleId}
+                {...props}
+            >
+                {title ? <title id={titleId}>{title}</title> : null}
+                <g fill={color}>
+                    <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" />
+                    <path
+                        fillRule="evenodd"
+                        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"
+                        clipRule="evenodd"
+                    />
+                </g>
+            </svg>
+        );
+    }
+);

package/svg-react/google-sheets-color-16.tsx

@@ -0,0 +1,38 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconGoogleSheetsColor16 = forwardRef<SVGSVGElement, IconProps>(
+    ({ color = 'currentColor', title, ...props }, svgRef) => {
+        const titleId = useMemo(
+            () =>
+                title
+                    ? 'title-' + Math.random().toString(36).substr(2, 9)
+                    : undefined,
+            [title]
+        );
+        return (
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width={16}
+                height={16}
+                fill="none"
+                viewBox="0 0 16 16"
+                aria-hidden={!title}
+                ref={svgRef}
+                aria-labelledby={titleId}
+                {...props}
+            >
+                {title ? <title id={titleId}>{title}</title> : null}
+                <path fill="#188038" d="M9.5 1L13 4.5H9.5V1z" />
+                <path
+                    fill="#34A853"
+                    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"
+                />
+                <path
+                    fill="#FDFFFF"
+                    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"
+                />
+            </svg>
+        );
+    }
+);

package/svg-react/google-sheets-color-24.tsx

@@ -0,0 +1,38 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconGoogleSheetsColor24 = forwardRef<SVGSVGElement, IconProps>(
+    ({ color = 'currentColor', title, ...props }, svgRef) => {
+        const titleId = useMemo(
+            () =>
+                title
+                    ? 'title-' + Math.random().toString(36).substr(2, 9)
+                    : undefined,
+            [title]
+        );
+        return (
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width={24}
+                height={24}
+                fill="none"
+                viewBox="0 0 24 24"
+                aria-hidden={!title}
+                ref={svgRef}
+                aria-labelledby={titleId}
+                {...props}
+            >
+                {title ? <title id={titleId}>{title}</title> : null}
+                <path fill="#188038" d="M14.266 2l4.984 5h-4.984V2z" />
+                <path
+                    fill="#34A853"
+                    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"
+                />
+                <path
+                    fill="#FDFFFF"
+                    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"
+                />
+            </svg>
+        );
+    }
+);