@hashicorp/flight-icons 2.17.0 → 2.19.0

package/svg-react/twitter-x-color-24.tsx

@@ -0,0 +1,33 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconTwitterXColor24 = 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="#000"
+                    d="M13.712 10.622L20.413 3h-1.587l-5.819 6.618L8.36 3H3l7.027 10.007L3 21h1.588l6.144-6.989L15.64 21H21l-7.288-10.378zM5.16 4.17H7.6l11.226 15.713h-2.439L5.16 4.17z"
+                />
+            </svg>
+        );
+    }
+);

package/svg-react/vault-secrets-16.tsx

@@ -0,0 +1,38 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconVaultSecrets16 = 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.543 10.338v1.66h.912V8.453H12v-.91h-1.663c-.386 0-.78.024-1.164.073l-.358.044.286-.222c.307-.238.6-.496.876-.771l1.176-1.176-.645-.644-1.175 1.175a9.613 9.613 0 00-.772.876l-.222.286.044-.357c.05-.385.074-.776.074-1.165V4h-.912v3.544H4v.912h1.663c.386 0 .78-.025 1.164-.074l.358-.044-.286.222a9.019 9.019 0 00-.876.771l-1.176 1.176.645.644 1.175-1.175c.274-.274.534-.57.772-.876l.222-.284-.044.357a9.254 9.254 0 00-.074 1.165z" />
+                    <path d="M9.34 9.34v.644l1.166 1.167.645-.644L9.984 9.34h-.645zM4.847 5.493L6.014 6.66h.645v-.644L5.492 4.849l-.645.644z" />
+                    <path
+                        fillRule="evenodd"
+                        d="M2.5.25A2.25 2.25 0 00.25 2.5v11a2.25 2.25 0 002.25 2.25h11a2.25 2.25 0 002.25-2.25v-11A2.25 2.25 0 0013.5.25h-11zM1.75 2.5a.75.75 0 01.75-.75h11a.75.75 0 01.75.75v11a.75.75 0 01-.75.75h-11a.75.75 0 01-.75-.75v-11z"
+                        clipRule="evenodd"
+                    />
+                </g>
+            </svg>
+        );
+    }
+);

package/svg-react/vault-secrets-24.tsx

@@ -0,0 +1,38 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconVaultSecrets24 = 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.315 15.507v2.49h1.367V12.68H18v-1.367h-2.494c-.58 0-1.17.037-1.747.11l-.537.067.43-.333c.46-.357.9-.744 1.314-1.157l1.764-1.763-.967-.967-1.764 1.763c-.41.414-.8.854-1.157 1.314l-.334.43.067-.537c.074-.577.11-1.163.11-1.747V6h-1.367v5.317H6v1.366h2.494c.58 0 1.17-.036 1.747-.11l.537-.066-.43.333c-.46.357-.904.743-1.314 1.157L7.27 15.76l.967.967 1.764-1.764c.41-.41.8-.853 1.157-1.313l.334-.427-.067.537a13.89 13.89 0 00-.11 1.747z" />
+                    <path d="M14.009 14.01v.967l1.75 1.75.967-.967-1.75-1.75h-.967zM7.27 8.24l1.75 1.75h.968v-.967l-1.75-1.75-.968.967z" />
+                    <path
+                        fillRule="evenodd"
+                        d="M4 1.25A2.75 2.75 0 001.25 4v16A2.75 2.75 0 004 22.75h16A2.75 2.75 0 0022.75 20V4A2.75 2.75 0 0020 1.25H4zM2.75 4c0-.69.56-1.25 1.25-1.25h16c.69 0 1.25.56 1.25 1.25v16c0 .69-.56 1.25-1.25 1.25H4c-.69 0-1.25-.56-1.25-1.25V4z"
+                        clipRule="evenodd"
+                    />
+                </g>
+            </svg>
+        );
+    }
+);

package/svg-react/vault-secrets-color-16.tsx

@@ -0,0 +1,39 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconVaultSecretsColor16 = 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="#000"
+                    d="M7.543 12v-1.662c0-.39.025-.78.074-1.165l.044-.357-.222.284a9.324 9.324 0 01-.772.876L5.492 11.15l-.645-.644L6.023 9.33c.273-.275.569-.533.876-.771l.286-.222-.358.044a9.288 9.288 0 01-1.164.074H4v-.912h3.545V4h.912v1.662c0 .39-.025.78-.074 1.165l-.044.357.222-.286c.238-.307.498-.6.772-.876l1.175-1.175.645.644-1.176 1.176a9.29 9.29 0 01-.876.77l-.286.223.358-.044a9.287 9.287 0 011.164-.074H12v.911H8.455v3.545h-.912V12zM9.34 9.984V9.34h.645l1.167 1.167-.645.644L9.34 9.984zM6.014 6.66L4.847 5.493l.645-.644 1.167 1.167v.644h-.645z"
+                />
+                <path
+                    fill="#FFD814"
+                    fillRule="evenodd"
+                    d="M.25 2.5A2.25 2.25 0 012.5.25h11a2.25 2.25 0 012.25 2.25v11a2.25 2.25 0 01-2.25 2.25h-11A2.25 2.25 0 01.25 13.5v-11zm2.25-.75a.75.75 0 00-.75.75v11c0 .414.336.75.75.75h11a.75.75 0 00.75-.75v-11a.75.75 0 00-.75-.75h-11z"
+                    clipRule="evenodd"
+                />
+            </svg>
+        );
+    }
+);

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

@@ -0,0 +1,39 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconVaultSecretsColor24 = 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="#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"
+                    fillRule="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"
+                    clipRule="evenodd"
+                />
+            </svg>
+        );
+    }
+);

package/svg-react/vercel-16.tsx

@@ -0,0 +1,30 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconVercel16 = 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} d="M8 2l6.5 10.833h-13L8 2z" />
+            </svg>
+        );
+    }
+);

package/svg-react/vercel-24.tsx

@@ -0,0 +1,30 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconVercel24 = 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} d="M12 3.75l9.25 15.417H2.75L12 3.75z" />
+            </svg>
+        );
+    }
+);

package/svg-react/vercel-color-16.tsx

@@ -0,0 +1,30 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconVercelColor16 = 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="#000" d="M8 2l6.5 10.833h-13L8 2z" />
+            </svg>
+        );
+    }
+);

package/svg-react/vercel-color-24.tsx

@@ -0,0 +1,30 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconVercelColor24 = 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="#000" d="M12 3.75l9.25 15.417H2.75L12 3.75z" />
+            </svg>
+        );
+    }
+);