@hashicorp/flight-icons 2.25.0 → 3.0.0

package/svg-react/terraform-fill-24.tsx

@@ -0,0 +1,35 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconTerraformFill24 = 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="M2 0a2 2 0 00-2 2v20a2 2 0 002 2h20a2 2 0 002-2V2a2 2 0 00-2-2H2zm3 9.05V4l4.349 2.526v5.05L5 9.052zm4.825-2.23l4.35 2.524v5.052l-4.35-2.526V6.82zm4.826 2.524L19 6.819v5.05l-4.349 2.527V9.344zm-4.826 8.13L14.174 20v-5.05l-4.349-2.527v5.051z"
+                    clipRule="evenodd"
+                />
+            </svg>
+        );
+    }
+);

package/svg-react/terraform-fill-color-16.tsx

@@ -0,0 +1,35 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconTerraformFillColor16 = 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="#7B42BC"
+                    fillRule="evenodd"
+                    d="M2 0a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V2a2 2 0 00-2-2H2zm1.625 6.157V3l2.718 1.579v3.156L3.625 6.157zm3.016-1.395L9.359 6.34v3.157L6.641 7.92V4.762zm3.016 4.735V6.34l2.718-1.578V7.92L9.657 9.497zm-3.016 1.924L9.359 13V9.843L6.64 8.265v3.156z"
+                    clipRule="evenodd"
+                />
+            </svg>
+        );
+    }
+);

package/svg-react/terraform-fill-color-24.tsx

@@ -0,0 +1,35 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconTerraformFillColor24 = 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="#7B42BC"
+                    fillRule="evenodd"
+                    d="M2 0a2 2 0 00-2 2v20a2 2 0 002 2h20a2 2 0 002-2V2a2 2 0 00-2-2H2zm3 9.05V4l4.349 2.526v5.05L5 9.052zm4.825-2.23l4.35 2.524v5.052l-4.35-2.526V6.82zm4.826 2.524L19 6.819v5.05l-4.349 2.527V9.344zm-4.826 8.13L14.174 20v-5.05l-4.349-2.527v5.051z"
+                    clipRule="evenodd"
+                />
+            </svg>
+        );
+    }
+);

package/svg-react/terraform-square-16.tsx

@@ -0,0 +1,37 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconTerraformSquare16 = 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="M3.625 6.157V3l2.718 1.579v3.156L3.625 6.157zM6.64 4.762L9.36 6.34v3.157L6.64 7.92V4.762zM9.657 9.497V6.34l2.718-1.578V7.92L9.657 9.497zM6.64 11.421L9.36 13V9.843L6.64 8.265v3.156z" />
+                    <path
+                        fillRule="evenodd"
+                        d="M0 2.133c0-.746 0-1.12.145-1.405C.273.478.477.273.728.145 1.013 0 1.387 0 2.133 0h11.734c.746 0 1.12 0 1.405.145.25.128.455.332.583.583.145.285.145.659.145 1.405v11.734c0 .746 0 1.12-.145 1.405-.128.25-.332.455-.583.583-.285.145-.659.145-1.405.145H2.133c-.746 0-1.12 0-1.405-.145a1.334 1.334 0 01-.583-.583C0 14.987 0 14.613 0 13.867V2.133zM2.133.667h11.734c.384 0 .632 0 .821.016.181.014.248.04.281.056a.666.666 0 01.292.292c.017.033.042.1.056.28.016.19.016.438.016.822v11.734c0 .384 0 .632-.016.821-.014.181-.04.248-.056.281a.666.666 0 01-.292.292c-.033.017-.1.042-.28.056-.19.016-.438.016-.822.016H2.133c-.384 0-.632 0-.821-.016-.181-.014-.248-.04-.281-.056a.666.666 0 01-.292-.292c-.016-.033-.042-.1-.056-.28a11.336 11.336 0 01-.016-.822V2.133c0-.384 0-.632.016-.821.014-.181.04-.248.056-.281a.667.667 0 01.292-.292c.033-.016.1-.042.28-.056.19-.016.438-.016.822-.016z"
+                        clipRule="evenodd"
+                    />
+                </g>
+            </svg>
+        );
+    }
+);

package/svg-react/terraform-square-24.tsx

@@ -0,0 +1,37 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconTerraformSquare24 = 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="M5 9.05V4l4.349 2.526v5.05L5 9.052zM9.825 6.82l4.35 2.524v5.052l-4.35-2.526V6.82zM14.651 9.344L19 6.819v5.05l-4.349 2.527V9.344zM9.825 17.474L14.174 20v-5.05l-4.349-2.527v5.051z" />
+                    <path
+                        fillRule="evenodd"
+                        d="M0 3.2c0-1.12 0-1.68.218-2.108a2 2 0 01.874-.874C1.52 0 2.08 0 3.2 0h17.6c1.12 0 1.68 0 2.108.218a2 2 0 01.874.874C24 1.52 24 2.08 24 3.2v17.6c0 1.12 0 1.68-.218 2.108a2 2 0 01-.874.874C22.48 24 21.92 24 20.8 24H3.2c-1.12 0-1.68 0-2.108-.218a2 2 0 01-.874-.874C0 22.48 0 21.92 0 20.8V3.2zM3.2 1h17.6c.577 0 .949 0 1.232.024.272.022.372.06.422.085a1 1 0 01.437.437c.025.05.063.15.085.422C23 2.25 23 2.623 23 3.2v17.6c0 .577 0 .949-.024 1.232-.022.272-.06.372-.085.422a1 1 0 01-.437.437c-.05.025-.15.063-.422.085C21.75 23 21.377 23 20.8 23H3.2c-.577 0-.949 0-1.232-.024-.272-.022-.373-.06-.422-.085a1 1 0 01-.437-.437c-.025-.05-.063-.15-.085-.422C1 21.75 1 21.377 1 20.8V3.2c0-.577 0-.949.024-1.232.022-.272.06-.373.085-.422a1 1 0 01.437-.437c.05-.025.15-.063.422-.085C2.25 1 2.623 1 3.2 1z"
+                        clipRule="evenodd"
+                    />
+                </g>
+            </svg>
+        );
+    }
+);

package/svg-react/terraform-square-color-16.tsx

@@ -0,0 +1,37 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconTerraformSquareColor16 = 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="#7B42BC">
+                    <path d="M6.64 4.762L9.36 6.34v3.157L6.64 7.92V4.762zM9.657 9.497V6.34l2.718-1.578V7.92L9.657 9.497zM3.625 3v3.157l2.718 1.578V4.58L3.625 3zM9.359 13L6.64 11.421V8.265l2.718 1.578V13z" />
+                    <path
+                        fillRule="evenodd"
+                        d="M.145.728C0 1.013 0 1.387 0 2.133v11.734c0 .746 0 1.12.145 1.405.128.25.332.455.583.583.285.145.659.145 1.405.145h11.734c.746 0 1.12 0 1.405-.145.25-.128.455-.332.583-.583.145-.285.145-.659.145-1.405V2.133c0-.746 0-1.12-.145-1.405a1.334 1.334 0 00-.583-.583C14.987 0 14.613 0 13.867 0H2.133c-.746 0-1.12 0-1.405.145C.478.273.273.477.145.728zM13.867.667H2.133c-.384 0-.632 0-.821.016-.181.014-.248.04-.281.056a.667.667 0 00-.292.292c-.016.033-.042.1-.056.28-.016.19-.016.438-.016.822v11.734c0 .384 0 .632.016.821.014.181.04.248.056.281a.666.666 0 00.292.292c.033.017.1.042.28.056.19.016.438.016.822.016h11.734c.384 0 .632 0 .821-.016.181-.014.248-.04.281-.056a.666.666 0 00.292-.292c.017-.033.042-.1.056-.28.016-.19.016-.438.016-.822V2.133c0-.384 0-.632-.016-.821-.014-.181-.04-.248-.056-.281a.666.666 0 00-.292-.292c-.033-.016-.1-.042-.28-.056a11.336 11.336 0 00-.822-.016z"
+                        clipRule="evenodd"
+                    />
+                </g>
+            </svg>
+        );
+    }
+);

package/svg-react/terraform-square-color-24.tsx

@@ -0,0 +1,37 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconTerraformSquareColor24 = 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="#7B42BC">
+                    <path d="M9.825 6.82l4.35 2.524v5.052l-4.35-2.526V6.82zM14.651 14.396V9.344L19 6.819v5.05l-4.349 2.527zM5 4v5.05l4.349 2.527V6.526L5 4zM14.174 20l-4.349-2.526v-5.05l4.349 2.525V20z" />
+                    <path
+                        fillRule="evenodd"
+                        d="M.218 1.092C0 1.52 0 2.08 0 3.2v17.6c0 1.12 0 1.68.218 2.108a2 2 0 00.874.874C1.52 24 2.08 24 3.2 24h17.6c1.12 0 1.68 0 2.108-.218a2 2 0 00.874-.874C24 22.48 24 21.92 24 20.8V3.2c0-1.12 0-1.68-.218-2.108a2 2 0 00-.874-.874C22.48 0 21.92 0 20.8 0H3.2C2.08 0 1.52 0 1.092.218a2 2 0 00-.874.874zM20.8 1H3.2c-.577 0-.949 0-1.232.024-.272.022-.373.06-.422.085a1 1 0 00-.437.437c-.025.05-.063.15-.085.422C1 2.25 1 2.623 1 3.2v17.6c0 .577 0 .949.024 1.232.022.272.06.372.085.422a1 1 0 00.437.437c.05.025.15.063.422.085C2.25 23 2.623 23 3.2 23h17.6c.577 0 .949 0 1.232-.024.272-.022.372-.06.422-.085a1 1 0 00.437-.437c.025-.05.063-.15.085-.422C23 21.75 23 21.377 23 20.8V3.2c0-.577 0-.949-.024-1.232-.022-.272-.06-.373-.085-.422a1 1 0 00-.437-.437c-.05-.025-.15-.063-.422-.085C21.75 1 21.377 1 20.8 1z"
+                        clipRule="evenodd"
+                    />
+                </g>
+            </svg>
+        );
+    }
+);

package/svg-react/vagrant-16.tsx

@@ -23,10 +23,17 @@ export const IconVagrant16 = forwardRef<SVGSVGElement, IconProps>(
                 {...props}
             >
                 {title ? <title id={titleId}>{title}</title> : null}
-                <path
-                    fill={color}
-                    d="M13.08.75L9.924 2.58v1.123L8 8.245 6.076 3.703V2.58L2.92.75 1 1.864v1.293l4.276 10.514L8 15.25l2.724-1.579L15 3.157V1.864L13.08.75z"
-                />
+                <g fill={color}>
+                    <path
+                        fillRule="evenodd"
+                        d="M13.08.75L9.924 2.58v1.123L8 8.244l-1.924-4.54V2.579L2.92.75 1 1.864v1.293l4.276 10.514L8 15.25v-3.938l1.28-.742 2.563-5.752V3.693L15 1.865 13.08.75zM6.076 2.58v1.123L8 8.244v1.583l-1.28.742-2.565-5.752V3.693L6.076 2.58z"
+                        clipRule="evenodd"
+                    />
+                    <path
+                        d="M15 1.865l-3.157 1.828v1.125L9.28 10.57 8 11.312v3.938l2.724-1.578L15 3.158V1.865zM6.076 3.703V2.58l-1.92 1.113v1.124L6.72 10.57 8 9.827V8.244l-1.924-4.54z"
+                        opacity={0.7}
+                    />
+                </g>
             </svg>
         );
     }

package/svg-react/vagrant-24.tsx

@@ -23,10 +23,17 @@ export const IconVagrant24 = forwardRef<SVGSVGElement, IconProps>(
                 {...props}
             >
                 {title ? <title id={titleId}>{title}</title> : null}
-                <path
-                    fill={color}
-                    d="M19.983.6l-4.96 2.877v1.767L12 12.384l-3.023-7.14V3.477L4.017.6 1 2.352v2.034l6.719 16.532L12 23.4l4.281-2.482L23 4.386V2.352L19.983.6z"
-                />
+                <g fill={color}>
+                    <path
+                        fillRule="evenodd"
+                        d="M19.983.6l-4.96 2.877v1.767L12 12.384v2.49L9.988 16.04l-4.03-9.044V5.227l3.02-1.75L4.016.6 1 2.352v2.034l6.719 16.532L12 23.4v-6.193l2.012-1.167 4.027-9.044V5.227L23 2.352 19.983.6z"
+                        clipRule="evenodd"
+                    />
+                    <path
+                        d="M23 2.352l-4.96 2.875v1.769l-4.028 9.044L12 17.207V23.4l4.281-2.482L23 4.385V2.352zM8.977 5.244V3.477l-3.019 1.75v1.77l4.03 9.043L12 14.873v-2.488L8.977 5.244z"
+                        opacity={0.7}
+                    />
+                </g>
             </svg>
         );
     }

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

@@ -29,7 +29,7 @@ export const IconVagrantColor24 = forwardRef<SVGSVGElement, IconProps>(
                 />
                 <path
                     fill="#0850C5"
-                    d="M23 2.352l-4.96 2.875v1.77l-4.028 9.043L12 17.207V23.4l4.28-2.482L23 4.386V2.352zM8.977 5.244V3.477l-3.019 1.75v1.77l4.03 9.043L12 14.873v-2.488L8.977 5.244z"
+                    d="M23 2.352l-4.96 2.875v1.769l-4.028 9.044L12 17.207V23.4l4.28-2.482L23 4.385V2.352zM8.977 5.244V3.477l-3.019 1.75v1.77l4.03 9.043L12 14.873v-2.488L8.977 5.244z"
                 />
             </svg>
         );

package/svg-react/vagrant-fill-16.tsx

@@ -0,0 +1,39 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconVagrantFill16 = 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
+                        fillRule="evenodd"
+                        d="M2 0a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V2a2 2 0 00-2-2H2zm7.202 4.612l1.973-1.143 1.2.696v.809l-2.672 6.57L8 12.532l-1.703-.987-2.672-6.57v-.81l1.2-.695 1.973 1.143v.702L8 8.153l1.202-2.839v-.702z"
+                        clipRule="evenodd"
+                    />
+                    <g opacity={0.3}>
+                        <path d="M10.402 5.309l1.973-1.143v.808l-2.672 6.571L8 12.532V10.07l.8-.464 1.602-3.594v-.703zM6.798 4.612v.703L8 8.153v.989l-.8.464L5.597 6.01v-.703l1.2-.696z" />
+                    </g>
+                </g>
+            </svg>
+        );
+    }
+);

package/svg-react/vagrant-fill-24.tsx

@@ -0,0 +1,39 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconVagrantFill24 = 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
+                        fillRule="evenodd"
+                        d="M2 0a2 2 0 00-2 2v20a2 2 0 002 2h20a2 2 0 002-2V2a2 2 0 00-2-2H2zm11.924 6.58l3.156-1.83L19 5.864v1.294l-4.276 10.514L12 19.25l-2.724-1.579L5 7.157V5.864L6.92 4.75l3.156 1.83v1.123L12 12.244l1.924-4.541V6.58z"
+                        clipRule="evenodd"
+                    />
+                    <g opacity={0.3}>
+                        <path d="M15.843 7.694L19 5.865v1.293l-4.276 10.514L12 19.251v-3.939l1.28-.742 2.563-5.752V7.694zM10.076 6.58v1.123L12 12.245v1.582l-1.28.742-2.565-5.751V7.693l1.921-1.113z" />
+                    </g>
+                </g>
+            </svg>
+        );
+    }
+);

package/svg-react/vagrant-fill-color-16.tsx

@@ -0,0 +1,39 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconVagrantFillColor16 = 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="#1868F2">
+                    <path
+                        fillRule="evenodd"
+                        d="M2 0a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V2a2 2 0 00-2-2H2zm7.202 4.612l1.973-1.143 1.2.696v.809l-2.672 6.57L8 12.532l-1.703-.987-2.672-6.57v-.81l1.2-.695 1.973 1.143v.702L8 8.153l1.202-2.839v-.702z"
+                        clipRule="evenodd"
+                    />
+                    <g opacity={0.3}>
+                        <path d="M10.402 5.309l1.973-1.143v.808l-2.672 6.571L8 12.532V10.07l.8-.464 1.602-3.594v-.703zM6.798 4.612v.703L8 8.153v.989l-.8.464L5.597 6.01v-.703l1.2-.696z" />
+                    </g>
+                </g>
+            </svg>
+        );
+    }
+);

package/svg-react/vagrant-fill-color-24.tsx

@@ -0,0 +1,39 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconVagrantFillColor24 = 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="#1868F2">
+                    <path
+                        fillRule="evenodd"
+                        d="M2 0a2 2 0 00-2 2v20a2 2 0 002 2h20a2 2 0 002-2V2a2 2 0 00-2-2H2zm11.924 6.58l3.156-1.83L19 5.864v1.294l-4.276 10.514L12 19.25l-2.724-1.579L5 7.157V5.864L6.92 4.75l3.156 1.83v1.123L12 12.244l1.924-4.541V6.58z"
+                        clipRule="evenodd"
+                    />
+                    <g opacity={0.3}>
+                        <path d="M15.843 7.694L19 5.865v1.293l-4.276 10.514L12 19.251v-3.939l1.28-.742 2.563-5.752V7.694zM10.076 6.58v1.123L12 12.245v1.582l-1.28.742-2.565-5.751V7.693l1.921-1.113z" />
+                    </g>
+                </g>
+            </svg>
+        );
+    }
+);

package/svg-react/vagrant-square-16.tsx

@@ -0,0 +1,46 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconVagrantSquare16 = 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="M13.867.667H2.133c-.384 0-.632 0-.821.016-.181.014-.248.04-.281.056a.667.667 0 00-.292.292c-.016.033-.042.1-.056.28-.016.19-.016.438-.016.822v11.734c0 .384 0 .632.016.821.014.181.04.248.056.281a.666.666 0 00.292.292c.033.017.1.042.28.056.19.016.438.016.822.016h11.734c.384 0 .632 0 .821-.016.181-.014.248-.04.281-.056a.666.666 0 00.292-.292c.017-.033.042-.1.056-.28.016-.19.016-.438.016-.822V2.133c0-.384 0-.632-.016-.821-.014-.181-.04-.248-.056-.281a.666.666 0 00-.292-.292c-.033-.016-.1-.042-.28-.056a11.336 11.336 0 00-.822-.016zM.145.728C0 1.013 0 1.387 0 2.133v11.734c0 .746 0 1.12.145 1.405.128.25.332.455.583.583.285.145.659.145 1.405.145h11.734c.746 0 1.12 0 1.405-.145.25-.128.455-.332.583-.583.145-.285.145-.659.145-1.405V2.133c0-.746 0-1.12-.145-1.405a1.334 1.334 0 00-.583-.583C14.987 0 14.613 0 13.867 0H2.133c-.746 0-1.12 0-1.405.145C.478.273.273.477.145.728z"
+                    clipRule="evenodd"
+                />
+                <g fill={color}>
+                    <path
+                        fillRule="evenodd"
+                        d="M11.175 3.469L9.202 4.612v.702L8 8.153 6.798 5.314v-.702L4.825 3.47l-1.2.696v.808l2.672 6.571L8 12.531V10.07l.8-.464 1.602-3.595v-.703l1.973-1.143-1.2-.696zM6.798 4.612v.702L8 8.153v.989l-.8.464L5.597 6.01v-.703l1.2-.696z"
+                        clipRule="evenodd"
+                    />
+                    <path
+                        d="M12.375 4.165l-1.973 1.143v.703L8.8 9.606l-.8.464v2.461l1.703-.986 2.672-6.571v-.809zM6.798 5.314v-.702l-1.2.696v.703L7.2 9.606l.8-.464v-.99L6.798 5.315z"
+                        opacity={0.7}
+                    />
+                </g>
+            </svg>
+        );
+    }
+);

package/svg-react/vagrant-square-24.tsx

@@ -0,0 +1,46 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconVagrantSquare24 = 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="M20.8 1H3.2c-.577 0-.949 0-1.232.024-.272.022-.373.06-.422.085a1 1 0 00-.437.437c-.025.05-.063.15-.085.422C1 2.25 1 2.623 1 3.2v17.6c0 .577 0 .949.024 1.232.022.272.06.372.085.422a1 1 0 00.437.437c.05.025.15.063.422.085C2.25 23 2.623 23 3.2 23h17.6c.577 0 .949 0 1.232-.024.272-.022.372-.06.422-.085a1 1 0 00.437-.437c.025-.05.063-.15.085-.422C23 21.75 23 21.377 23 20.8V3.2c0-.577 0-.949-.024-1.232-.022-.272-.06-.373-.085-.422a1 1 0 00-.437-.437c-.05-.025-.15-.063-.422-.085C21.75 1 21.377 1 20.8 1zM.218 1.092C0 1.52 0 2.08 0 3.2v17.6c0 1.12 0 1.68.218 2.108a2 2 0 00.874.874C1.52 24 2.08 24 3.2 24h17.6c1.12 0 1.68 0 2.108-.218a2 2 0 00.874-.874C24 22.48 24 21.92 24 20.8V3.2c0-1.12 0-1.68-.218-2.108a2 2 0 00-.874-.874C22.48 0 21.92 0 20.8 0H3.2C2.08 0 1.52 0 1.092.218a2 2 0 00-.874.874z"
+                    clipRule="evenodd"
+                />
+                <g fill={color}>
+                    <path
+                        fillRule="evenodd"
+                        d="M17.08 4.75l-3.156 1.83v1.123L12 12.244l-1.924-4.54V6.58L6.92 4.75 5 5.864v1.293l4.276 10.514L12 19.25v-3.938l1.28-.742 2.563-5.752V7.693L19 5.865v-.001L17.08 4.75zm-7.004 1.83v1.123L12 12.244v1.583l-1.28.742-2.565-5.752V7.693l1.921-1.113z"
+                        clipRule="evenodd"
+                    />
+                    <path
+                        d="M19 5.865l-3.157 1.828v1.125L13.28 14.57l-1.28.742v3.938l2.724-1.578L19 7.158V5.865zM10.076 7.703V6.58l-1.92 1.113v1.124l2.564 5.752 1.28-.742v-1.583l-1.924-4.54z"
+                        opacity={0.7}
+                    />
+                </g>
+            </svg>
+        );
+    }
+);

package/svg-react/vagrant-square-color-16.tsx

@@ -0,0 +1,43 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconVagrantSquareColor16 = 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="#1868F2"
+                    fillRule="evenodd"
+                    d="M13.867.667H2.133c-.384 0-.632 0-.821.016-.181.014-.248.04-.281.056a.667.667 0 00-.292.292c-.016.033-.042.1-.056.28-.016.19-.016.438-.016.822v11.734c0 .384 0 .632.016.821.014.181.04.248.056.281a.666.666 0 00.292.292c.033.017.1.042.28.056.19.016.438.016.822.016h11.734c.384 0 .632 0 .821-.016.181-.014.248-.04.281-.056a.666.666 0 00.292-.292c.017-.033.042-.1.056-.28.016-.19.016-.438.016-.822V2.133c0-.384 0-.632-.016-.821-.014-.181-.04-.248-.056-.281a.666.666 0 00-.292-.292c-.033-.016-.1-.042-.28-.056a11.336 11.336 0 00-.822-.016zM.145.728C0 1.013 0 1.387 0 2.133v11.734c0 .746 0 1.12.145 1.405.128.25.332.455.583.583.285.145.659.145 1.405.145h11.734c.746 0 1.12 0 1.405-.145.25-.128.455-.332.583-.583.145-.285.145-.659.145-1.405V2.133c0-.746 0-1.12-.145-1.405a1.334 1.334 0 00-.583-.583C14.987 0 14.613 0 13.867 0H2.133c-.746 0-1.12 0-1.405.145C.478.273.273.477.145.728z"
+                    clipRule="evenodd"
+                />
+                <path
+                    fill="#1868F2"
+                    d="M11.175 3.469L9.202 4.612v.703L8 8.153 6.798 5.315v-.703L4.825 3.47l-1.2.696v.808l2.672 6.572L8 12.53l1.703-.986 2.672-6.572v-.808l-1.2-.696z"
+                />
+                <path
+                    fill="#0850C5"
+                    d="M12.375 4.165L10.402 5.31v.702L8.8 9.607l-.8.464v2.461l1.703-.986 2.672-6.572v-.808zM6.798 5.315v-.703l-1.2.696v.703L7.2 9.606l.8-.464v-.99L6.798 5.316z"
+                />
+            </svg>
+        );
+    }
+);