@hashicorp/flight-icons 2.5.0 → 2.8.0

package/svg-react/lightlytics-16.tsx

@@ -0,0 +1,33 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconLightlytics16 = 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 1h5.658l-3.98 5.766H15L9.34 15H3.683l2.284-3.16.357-.504H1L8 1z"
+                />
+            </svg>
+        );
+    }
+);

package/svg-react/lightlytics-24.tsx

@@ -0,0 +1,33 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconLightlytics24 = 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 2h8.082l-5.686 8.237H22L13.915 22H5.832l3.263-4.515.509-.72H2L12 2z"
+                />
+            </svg>
+        );
+    }
+);

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

@@ -0,0 +1,41 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconLightlyticsColor16 = 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="#7B00F4"
+                    d="M3.682 15h5.659L15 6.766H9.634L3.682 15z"
+                />
+                <path
+                    fill="#B627FF"
+                    d="M8 1h5.658l-3.98 5.766H15l-3.143 4.57H1L8 1z"
+                />
+                <path
+                    fill="#000"
+                    d="M5.275 12.818l6.35-1.482H6.322l-1.048 1.482z"
+                />
+            </svg>
+        );
+    }
+);

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

@@ -0,0 +1,42 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconLightlyticsColor24 = 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="#7B00F4"
+                    d="M5.832 22h8.083L22 10.237h-7.666L5.832 22z"
+                />
+                <path
+                    fill="#B627FF"
+                    d="M12 2h8.082l-5.686 8.237H22l-4.49 6.528H2L12 2z"
+                />
+                <path
+                    fill="#000"
+                    d="M8.107 18.883l9.07-2.118H9.604l-1.497 2.118z"
+                    opacity={0.4}
+                />
+            </svg>
+        );
+    }
+);

package/svg-react/linode-16.tsx

@@ -0,0 +1,33 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconLinode16 = 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="M14 7.197l-1.993-1.072-1.682.998-.02 1.022-.819-.524-1.112.66-.049-1.117-1.145-.745 1.094-.55c-.008 0 0 .106-.162-3.656L5.524 1 2 2.066l.787 3.686 1.183.894-.9.412.588 2.778.826.755-.59.35.458 2.148L6.206 15c.009-.01.195-.15 2.381-1.845l-.064-1.459.94.776c.013-.014.2-.149 1.921-1.48l.067-1.079.709.479c.012-.013.173-.133 1.562-1.206L14 7.197z"
+                />
+            </svg>
+        );
+    }
+);

package/svg-react/linode-24.tsx

@@ -0,0 +1,33 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconLinode24 = 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="M20 10.853l-2.657-1.531-2.242 1.426-.028 1.459-1.092-.749-1.482.942-.065-1.594-1.527-1.065 1.458-.787c-.01 0 0 .154-.215-5.222L8.699 2 4 3.522l1.049 5.266 1.577 1.278-1.2.588.785 3.97 1.1 1.077-.787.5.612 3.069L9.608 22c.012-.015.26-.215 3.175-2.635l-.085-2.085 1.252 1.108c.018-.019.269-.212 2.563-2.113l.088-1.542.945.684c.017-.018.232-.19 2.084-1.723l.37-2.84z"
+                />
+            </svg>
+        );
+    }
+);

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

@@ -0,0 +1,73 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconLinodeColor16 = 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="#231F20"
+                    d="M14 7.197l-1.993-1.072-1.682.998-.02 1.022-.819-.524-1.112.66-.049-1.117-1.145-.745 1.094-.55c-.008 0 0 .106-.162-3.656L5.524 1 2 2.066l.787 3.686 1.183.894-.9.412.588 2.778.826.755-.59.35.458 2.148L6.206 15c.009-.01.195-.15 2.381-1.845l-.064-1.459.94.776c.013-.014.2-.149 1.921-1.48l.067-1.079.709.479c.012-.013.173-.133 1.562-1.206L14 7.197z"
+                />
+                <path
+                    fill="#000"
+                    d="M12.347 8.346L14 7.197l-1.993-1.072-1.682.998 2.022 1.223z"
+                />
+                <path
+                    fill="#004B16"
+                    d="M12.163 10.39l.183-2.044-2.02-1.223-.042 1.997 1.88 1.27zM9.466 12.47v-2.118L7.424 8.845l.16 2.08 1.882 1.544z"
+                />
+                <path
+                    fill="#000"
+                    d="M9.466 10.352l2.05-1.43-2.03-1.301-2.062 1.224 2.042 1.507z"
+                />
+                <path
+                    fill="#004B16"
+                    d="M6.206 14.998l-.326-2.164-1.987-1.894.46 2.148 1.853 1.91z"
+                />
+                <path
+                    fill="#000"
+                    d="M5.88 12.834l2.616-1.816L6.47 9.412 3.893 10.94l1.987 1.894z"
+                />
+                <path
+                    fill="#004B16"
+                    d="M5.71 11.71L5.28 8.848 3.066 7.06l.592 2.775L5.71 11.71z"
+                />
+                <path
+                    fill="#000"
+                    d="M5.279 8.848l3.048-1.684L6.05 5.68 3.066 7.059l2.213 1.79z"
+                />
+                <path
+                    fill="#004B16"
+                    d="M5.072 7.482l-.591-3.92L2 2.067l.787 3.686 2.285 1.73z"
+                />
+                <path
+                    fill="#000"
+                    d="M4.481 3.563L8.108 2.21 5.524 1 2 2.066l2.481 1.497z"
+                />
+                <path
+                    fill="#1CB35C"
+                    d="M13.725 9.184c-1.535 1.185-1.57 1.206-1.563 1.206.19-2.14.174-2.044.183-2.044 1.75-1.219 1.641-1.149 1.653-1.149l-.273 1.987zM11.388 10.99c-1.9 1.47-1.93 1.479-1.922 1.479-.019-2.217-.008-2.118 0-2.118 2.188-1.52 2.043-1.43 2.05-1.43l-.128 2.069zM8.59 13.153c-2.37 1.834-2.392 1.845-2.38 1.845-.337-2.23-.329-2.164-.329-2.164 2.788-1.933 2.612-1.816 2.619-1.816l.09 2.135zM8.108 2.21c.166 3.765.153 3.657.162 3.657-3.137 1.584-3.206 1.615-3.2 1.615-.604-4.007-.595-3.92-.59-3.92L8.107 2.21zM8.325 7.164c.126 2.854.11 2.755.122 2.755-2.714 1.775-2.745 1.794-2.734 1.794-.439-2.94-.439-2.865-.432-2.865l3.044-1.684z"
+                />
+            </svg>
+        );
+    }
+);

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

@@ -0,0 +1,73 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconLinodeColor24 = 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="#231F20"
+                    d="M20 10.853l-2.657-1.531-2.242 1.426-.028 1.459-1.092-.749-1.482.942-.065-1.594-1.527-1.065 1.458-.787c-.01 0 0 .154-.215-5.222L8.699 2 4 3.522l1.049 5.266 1.577 1.278-1.2.588.785 3.97 1.1 1.077-.787.5.612 3.069L9.608 22c.012-.015.26-.215 3.175-2.635l-.085-2.085 1.252 1.108c.018-.019.269-.212 2.563-2.113l.088-1.542.945.684c.017-.018.232-.19 2.084-1.723l.37-2.84z"
+                />
+                <path
+                    fill="#000"
+                    d="M17.795 12.494L20 10.854l-2.657-1.532-2.242 1.426 2.694 1.746z"
+                />
+                <path
+                    fill="#004B16"
+                    d="M17.551 15.415l.244-2.92-2.695-1.747-.055 2.852 2.506 1.815zM13.954 18.385V15.36l-2.722-2.152.214 2.97 2.508 2.207z"
+                />
+                <path
+                    fill="#000"
+                    d="M13.954 15.36l2.735-2.043-2.707-1.859-2.75 1.75 2.723 2.152z"
+                />
+                <path
+                    fill="#004B16"
+                    d="M9.608 21.997l-.435-3.091L6.524 16.2l.612 3.068 2.472 2.729z"
+                />
+                <path
+                    fill="#000"
+                    d="M9.173 18.906l3.489-2.595-2.704-2.294L6.524 16.2l2.65 2.706z"
+                />
+                <path
+                    fill="#004B16"
+                    d="M8.947 17.3l-.575-4.088-2.951-2.556.79 3.964 2.736 2.68z"
+                />
+                <path
+                    fill="#000"
+                    d="M8.372 13.212l4.064-2.406L9.4 8.686l-3.98 1.97 2.95 2.556z"
+                />
+                <path
+                    fill="#004B16"
+                    d="M8.096 11.26l-.788-5.6L4 3.523l1.049 5.266 3.047 2.471z"
+                />
+                <path
+                    fill="#000"
+                    d="M7.308 5.66l4.836-1.93L8.699 2 4 3.522l3.308 2.139z"
+                />
+                <path
+                    fill="#1CB35C"
+                    d="M19.633 13.69c-2.046 1.694-2.091 1.725-2.084 1.725.254-3.058.233-2.92.245-2.92 2.334-1.742 2.188-1.642 2.204-1.642l-.365 2.838zM16.518 16.27c-2.533 2.1-2.573 2.114-2.563 2.114-.025-3.167-.01-3.025 0-3.025 2.918-2.172 2.724-2.044 2.734-2.044l-.171 2.956zM12.788 19.362c-3.161 2.62-3.19 2.635-3.175 2.635-.449-3.185-.438-3.091-.438-3.091 3.717-2.762 3.482-2.595 3.492-2.595l.12 3.051zM12.144 3.729c.222 5.377.204 5.223.216 5.223-4.182 2.264-4.274 2.307-4.266 2.307-.806-5.723-.794-5.598-.788-5.598l4.838-1.932zM12.434 10.806c.167 4.077.146 3.936.161 3.936-3.617 2.535-3.659 2.563-3.645 2.563-.584-4.2-.584-4.093-.575-4.093l4.059-2.406z"
+                />
+            </svg>
+        );
+    }
+);

package/svg-react/message-circle-16.tsx

@@ -26,7 +26,7 @@ export const IconMessageCircle16 = forwardRef<SVGSVGElement, IconProps>(
                 <path
                     fill={color}
                     fillRule="evenodd"
-                    d="M8.231 2.5a5.269 5.269 0 11-2.43 9.944 1.18 1.18 0 00-.535-.122 2.432 2.432 0 00-.424.038c-.27.046-.577.13-.879.225-.272.085-.557.186-.834.29.103-.275.203-.557.288-.828.096-.302.18-.612.225-.885.023-.136.04-.283.037-.428a1.193 1.193 0 00-.123-.534 5.269 5.269 0 014.675-7.7zM2.058 14.934l.002-.001.01-.004.037-.017a28.983 28.983 0 01.658-.281 21.486 21.486 0 011.649-.616c.274-.086.506-.147.678-.176.049-.008.086-.012.113-.015a6.768 6.768 0 10-3.028-3.026 1.376 1.376 0 01-.014.119 5.296 5.296 0 01-.176.679 20.85 20.85 0 01-.618 1.646 31.374 31.374 0 01-.28.65l-.017.036-.004.01v.002a.75.75 0 00.99.994z"
+                    d="M8.231 2.5a5.269 5.269 0 11-2.43 9.944 1.18 1.18 0 00-.535-.122 2.432 2.432 0 00-.424.038c-.27.046-.577.13-.879.225-.272.085-.557.186-.834.29.103-.275.203-.557.288-.828.096-.302.18-.612.225-.885.023-.136.04-.283.037-.428a1.193 1.193 0 00-.123-.534 5.269 5.269 0 014.675-7.7zM2.058 14.934l.002-.001.01-.004.037-.017a28.983 28.983 0 01.658-.281 21.485 21.485 0 011.649-.616c.274-.086.506-.147.678-.176.049-.008.086-.012.113-.015a6.768 6.768 0 10-3.028-3.026 1.384 1.384 0 01-.014.119 5.296 5.296 0 01-.176.679c-.172.545-.42 1.17-.618 1.646a31.45 31.45 0 01-.28.65l-.017.036-.004.01v.002a.75.75 0 00.99.994z"
                     clipRule="evenodd"
                 />
             </svg>

package/svg-react/microsoft-teams-16.tsx

@@ -0,0 +1,37 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconMicrosoftTeams16 = 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="M10.768 4.112A2.114 2.114 0 018.65 6.226a2.114 2.114 0 01-2.116-2.112C6.535 2.946 7.482 2 8.65 2s2.117.946 2.117 2.112zM13.21 6.225c.808 0 1.464-.655 1.464-1.462 0-.808-.655-1.463-1.465-1.463a1.464 1.464 0 100 2.925zM14.381 6.875c.342 0 .619.276.619.617v3.288a2.272 2.272 0 01-2.274 2.27h-.01c-.346 0-.673-.077-.966-.214A3.673 3.673 0 018.488 15a3.669 3.669 0 01-3.581-3.75h1.475V6.875h8z" />
+                    <path
+                        fillRule="evenodd"
+                        d="M7.566 4.925h-5.97A.596.596 0 001 5.521v5.958c0 .33.267.596.597.596h5.969c.33 0 .597-.267.597-.596V5.521a.596.596 0 00-.597-.596zM4.959 7.193h1.193v-.63H3.011v.63h1.188v3.243h.76V7.193z"
+                        clipRule="evenodd"
+                    />
+                </g>
+            </svg>
+        );
+    }
+);

package/svg-react/microsoft-teams-24.tsx

@@ -0,0 +1,37 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconMicrosoftTeams24 = 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="M15.954 5.925c0 1.615-1.354 2.925-3.024 2.925S9.907 7.54 9.907 5.925C9.907 4.31 11.261 3 12.93 3c1.67 0 3.024 1.31 3.024 2.925zM19.442 8.85c1.156 0 2.093-.907 2.093-2.025 0-1.118-.937-2.025-2.093-2.025s-2.093.907-2.093 2.025c0 1.118.937 2.025 2.093 2.025zM21.116 9.75c.488 0 .884.383.884.855v4.553c0 1.735-1.454 3.142-3.248 3.142h-.015c-.494 0-.961-.106-1.38-.297-.802 1.727-2.574 2.948-4.66 2.997-2.893-.069-5.183-2.392-5.116-5.192h2.107V9.75h11.428z" />
+                    <path
+                        fillRule="evenodd"
+                        d="M11.38 7.05H2.853c-.471 0-.853.37-.853.825v8.25c0 .456.382.825.853.825h8.527c.47 0 .852-.37.852-.825v-8.25a.839.839 0 00-.852-.825zm-3.725 3.14H9.36v-.871H4.873v.871h1.696v4.491h1.086V10.19z"
+                        clipRule="evenodd"
+                    />
+                </g>
+            </svg>
+        );
+    }
+);

package/svg-react/microsoft-teams-color-16.tsx

@@ -0,0 +1,99 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconMicrosoftTeamsColor16 = 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="#5059C9"
+                    d="M10.765 6.875h3.616c.342 0 .619.276.619.617v3.288a2.272 2.272 0 01-2.274 2.27h-.01a2.272 2.272 0 01-2.274-2.27V7.199c0-.179.145-.323.323-.323zM13.21 6.225c.808 0 1.464-.655 1.464-1.462 0-.808-.656-1.463-1.465-1.463s-1.465.655-1.465 1.463c0 .807.656 1.462 1.465 1.462z"
+                />
+                <path
+                    fill="#7B83EB"
+                    d="M8.651 6.225a2.114 2.114 0 002.117-2.112A2.114 2.114 0 008.65 2a2.114 2.114 0 00-2.116 2.112c0 1.167.947 2.113 2.116 2.113zM11.473 6.875h-5.97a.611.611 0 00-.596.625v3.75A3.669 3.669 0 008.488 15a3.669 3.669 0 003.582-3.75V7.5a.611.611 0 00-.597-.625z"
+                />
+                <path
+                    fill="#000"
+                    d="M8.814 6.875v5.255a.598.598 0 01-.596.595H5.193a3.951 3.951 0 01-.287-1.476V7.5a.61.61 0 01.597-.624h3.31z"
+                    opacity={0.1}
+                />
+                <path
+                    fill="#000"
+                    d="M8.488 6.875v5.58a.6.6 0 01-.596.595H5.347a3.22 3.22 0 01-.267-.65 3.951 3.951 0 01-.172-1.15V7.498a.61.61 0 01.596-.624h2.985z"
+                    opacity={0.2}
+                />
+                <path
+                    fill="#000"
+                    d="M8.488 6.875v4.93a.6.6 0 01-.596.595H5.08a3.951 3.951 0 01-.172-1.15V7.498a.61.61 0 01.596-.624h2.985z"
+                    opacity={0.2}
+                />
+                <path
+                    fill="#000"
+                    d="M8.163 6.875v4.93a.6.6 0 01-.596.595H5.079a3.951 3.951 0 01-.172-1.15V7.498a.61.61 0 01.596-.624h2.66z"
+                    opacity={0.2}
+                />
+                <path
+                    fill="#000"
+                    d="M8.814 5.195v1.024c-.055.003-.107.006-.163.006-.055 0-.107-.003-.163-.006A2.115 2.115 0 016.593 4.6h1.625a.598.598 0 01.596.594z"
+                    opacity={0.1}
+                />
+                <path
+                    fill="#000"
+                    d="M8.488 5.52v.699a2.115 2.115 0 01-1.79-1.293h1.195a.598.598 0 01.595.594z"
+                    opacity={0.2}
+                />
+                <path
+                    fill="#000"
+                    d="M8.488 5.52v.699a2.115 2.115 0 01-1.79-1.293h1.195a.598.598 0 01.595.594z"
+                    opacity={0.2}
+                />
+                <path
+                    fill="#000"
+                    d="M8.163 5.52v.647a2.115 2.115 0 01-1.465-1.242h.87a.598.598 0 01.595.595z"
+                    opacity={0.2}
+                />
+                <path
+                    fill="url(#microsoft-teams-color-16__paint0_linear_2372_494)"
+                    d="M1.597 4.925h5.969c.33 0 .597.267.597.596v5.958a.596.596 0 01-.597.596h-5.97A.596.596 0 011 11.479V5.521c0-.33.267-.596.597-.596z"
+                />
+                <path
+                    fill="#fff"
+                    d="M6.152 7.193H4.959v3.243h-.76V7.193H3.01v-.63h3.141v.63z"
+                />
+                <defs>
+                    <linearGradient
+                        id="microsoft-teams-color-16__paint0_linear_2372_494"
+                        x1={2.244}
+                        x2={6.906}
+                        y1={4.46}
+                        y2={12.548}
+                        gradientUnits="userSpaceOnUse"
+                    >
+                        <stop stopColor="#5A62C3" />
+                        <stop offset={0.5} stopColor="#4D55BD" />
+                        <stop offset={1} stopColor="#3940AB" />
+                    </linearGradient>
+                </defs>
+            </svg>
+        );
+    }
+);

package/svg-react/microsoft-teams-color-24.tsx

@@ -0,0 +1,99 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconMicrosoftTeamsColor24 = 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="#5059C9"
+                    d="M15.95 9.75h5.166c.488 0 .884.383.884.855v4.553c0 1.735-1.454 3.142-3.248 3.142h-.015c-1.794 0-3.248-1.406-3.249-3.142v-4.961c0-.247.207-.447.462-.447zM19.442 8.85c1.156 0 2.093-.907 2.093-2.025 0-1.118-.937-2.025-2.093-2.025s-2.093.907-2.093 2.025c0 1.118.937 2.025 2.093 2.025z"
+                />
+                <path
+                    fill="#7B83EB"
+                    d="M12.93 8.85c1.67 0 3.024-1.31 3.024-2.925C15.954 4.31 14.6 3 12.93 3S9.907 4.31 9.907 5.925c0 1.615 1.354 2.925 3.023 2.925zM16.961 9.75H8.434c-.482.012-.864.399-.853.865v5.193c-.067 2.8 2.223 5.123 5.117 5.192 2.893-.069 5.183-2.392 5.116-5.192v-5.193c.011-.466-.37-.853-.853-.865z"
+                />
+                <path
+                    fill="#000"
+                    d="M13.163 9.75v7.276a.829.829 0 01-.53.761.847.847 0 01-.321.063H7.99a5.316 5.316 0 01-.41-2.043v-5.193c-.01-.466.37-.852.851-.864h4.73z"
+                    opacity={0.1}
+                />
+                <path
+                    fill="#000"
+                    d="M12.698 9.75v7.727a.775.775 0 01-.066.31.857.857 0 01-.786.513H8.21a5.75 5.75 0 01-.218-.45 5.316 5.316 0 01-.41-2.043v-5.193c-.01-.466.37-.852.851-.864h4.266z"
+                    opacity={0.2}
+                />
+                <path
+                    fill="#000"
+                    d="M12.698 9.75v6.826a.844.844 0 01-.852.824H7.828a5.316 5.316 0 01-.247-1.593v-5.193c-.01-.466.37-.852.851-.864h4.266z"
+                    opacity={0.2}
+                />
+                <path
+                    fill="#000"
+                    d="M12.232 9.75v6.826a.844.844 0 01-.85.824H7.827a5.316 5.316 0 01-.247-1.593v-5.193c-.01-.466.37-.852.851-.864h3.8z"
+                    opacity={0.2}
+                />
+                <path
+                    fill="#000"
+                    d="M13.163 7.424V8.84c-.08.005-.154.01-.233.01-.079 0-.153-.005-.232-.01a2.631 2.631 0 01-.465-.072A2.998 2.998 0 0110.14 7.05a2.438 2.438 0 01-.15-.45h2.322c.469.002.849.37.85.824z"
+                    opacity={0.1}
+                />
+                <path
+                    fill="#000"
+                    d="M12.698 7.874v.967a2.632 2.632 0 01-.465-.072A2.998 2.998 0 0110.14 7.05h1.707c.469.002.849.37.85.824z"
+                    opacity={0.2}
+                />
+                <path
+                    fill="#000"
+                    d="M12.698 7.874v.967a2.632 2.632 0 01-.465-.072A2.998 2.998 0 0110.14 7.05h1.707c.469.002.849.37.85.824z"
+                    opacity={0.2}
+                />
+                <path
+                    fill="#000"
+                    d="M12.233 7.874v.895A2.998 2.998 0 0110.14 7.05h1.242c.469.002.849.37.85.824z"
+                    opacity={0.2}
+                />
+                <path
+                    fill="url(#microsoft-teams-color-24__paint0_linear_2372_478)"
+                    d="M2.853 7.05h8.527c.47 0 .852.37.852.825v8.25c0 .456-.381.825-.852.825H2.853c-.471 0-.853-.37-.853-.825v-8.25c0-.456.382-.825.853-.825z"
+                />
+                <path
+                    fill="#fff"
+                    d="M9.36 10.19H7.655v4.491H6.57V10.19H4.873v-.871H9.36v.871z"
+                />
+                <defs>
+                    <linearGradient
+                        id="microsoft-teams-color-24__paint0_linear_2372_478"
+                        x1={3.778}
+                        x2={10.13}
+                        y1={6.406}
+                        y2={17.776}
+                        gradientUnits="userSpaceOnUse"
+                    >
+                        <stop stopColor="#5A62C3" />
+                        <stop offset={0.5} stopColor="#4D55BD" />
+                        <stop offset={1} stopColor="#3940AB" />
+                    </linearGradient>
+                </defs>
+            </svg>
+        );
+    }
+);