@sberbusiness/icons-next 1.3.0 → 1.5.0

package/BringafriendStrokePrdIcon32.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ISingleColorIconProps } from "./types";
+declare const BringafriendStrokePrdIcon32: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default BringafriendStrokePrdIcon32;

package/BringafriendStrokePrdIcon32.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const BringafriendStrokePrdIcon32 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
+    const pathClassName = getPathClassName(paletteIndex, useTheme());
+    return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "BringafriendStrokePrdIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, d: "M25.192 6.807a7 7 0 0 0-9.9 0l-2.12 2.121a1 1 0 1 0 1.414 1.415l2.121-2.122a5 5 0 1 1 7.071 7.071l-2.121 2.122a1 1 0 0 0 1.414 1.414l2.121-2.121a7 7 0 0 0 0-9.9M10.343 14.585a1 1 0 0 0-1.414-1.414l-2.121 2.121a7 7 0 1 0 9.9 9.9l2.12-2.122a1 1 0 0 0-1.414-1.414l-2.121 2.122a5 5 0 1 1-7.071-7.071z" }),
+        React.createElement("path", { className: pathClassName, d: "M19.536 13.878a1 1 0 0 0-1.415-1.414l-6.364 6.364a1 1 0 0 0 1.415 1.414z" }));
+});
+export default BringafriendStrokePrdIcon32;

package/BrowserStrokeSrvIcon20.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ISingleColorIconProps } from "./types";
+declare const BrowserStrokeSrvIcon20: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default BrowserStrokeSrvIcon20;

package/BrowserStrokeSrvIcon20.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const BrowserStrokeSrvIcon20 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
+    const pathClassName = getPathClassName(paletteIndex, useTheme());
+    return React.createElement("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", name: "BrowserStrokeSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, d: "M8 13.5a1 1 0 1 1 0 2H6a1 1 0 1 1 0-2zM12 10a1 1 0 1 1 0 2H6a1 1 0 1 1 0-2zM4 3a1 1 0 1 1 0 2 1 1 0 0 1 0-2M7 3a1 1 0 1 1 0 2 1 1 0 0 1 0-2M10 3a1 1 0 1 1 0 2 1 1 0 0 1 0-2" }),
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M17 0a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3zM2 17a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V8H2zM3 2a1 1 0 0 0-1 1v3h16V3a1 1 0 0 0-1-1z", clipRule: "evenodd" }));
+});
+export default BrowserStrokeSrvIcon20;

package/BrowserStrokeSrvIcon24.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ISingleColorIconProps } from "./types";
+declare const BrowserStrokeSrvIcon24: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default BrowserStrokeSrvIcon24;

package/BrowserStrokeSrvIcon24.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const BrowserStrokeSrvIcon24 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
+    const pathClassName = getPathClassName(paletteIndex, useTheme());
+    return React.createElement("svg", { width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", name: "BrowserStrokeSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, d: "M10 15.5a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2zM14 12a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2zM6 5a1 1 0 1 1 0 2 1 1 0 0 1 0-2M9 5a1 1 0 1 1 0 2 1 1 0 0 1 0-2M12 5a1 1 0 1 1 0 2 1 1 0 0 1 0-2" }),
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M19 2a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3zM4 19a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-9H4zM5 4a1 1 0 0 0-1 1v3h16V5a1 1 0 0 0-1-1z", clipRule: "evenodd" }));
+});
+export default BrowserStrokeSrvIcon24;

package/BrowserStrokeSrvIcon32.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ISingleColorIconProps } from "./types";
+declare const BrowserStrokeSrvIcon32: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default BrowserStrokeSrvIcon32;

package/BrowserStrokeSrvIcon32.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const BrowserStrokeSrvIcon32 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
+    const pathClassName = getPathClassName(paletteIndex, useTheme());
+    return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "BrowserStrokeSrvIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, d: "M14 20.5a1 1 0 1 1 0 2h-4a1 1 0 1 1 0-2zM18 17a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zM9 8a1 1 0 1 1 0 2 1 1 0 0 1 0-2M13 8a1 1 0 1 1 0 2 1 1 0 0 1 0-2M17 8a1 1 0 1 1 0 2 1 1 0 0 1 0-2" }),
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M25 4a3 3 0 0 1 3 3v18a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3zM6 25a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V14H6zM7 6a1 1 0 0 0-1 1v5h20V7a1 1 0 0 0-1-1z", clipRule: "evenodd" }));
+});
+export default BrowserStrokeSrvIcon32;

package/BusinessenvironmentStrokePrdIcon20.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ISingleColorIconProps } from "./types";
+declare const BusinessenvironmentStrokePrdIcon20: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default BusinessenvironmentStrokePrdIcon20;

package/BusinessenvironmentStrokePrdIcon20.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const BusinessenvironmentStrokePrdIcon20 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
+    const pathClassName = getPathClassName(paletteIndex, useTheme());
+    return React.createElement("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", name: "BusinessenvironmentStrokePrdIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M11 1a1 1 0 0 1 1-1h5a1 1 0 0 1 .894 1.447L17.118 3l.776 1.553A1 1 0 0 1 17 6h-5a1 1 0 0 1-1-1zm2 1v2h2.382l-.276-.553a1 1 0 0 1 0-.894L15.382 2zm-.991 5.5a1 1 0 0 1 .823.445l7 10.5A1 1 0 0 1 19 20H1a1 1 0 0 1-.822-1.57l4.5-6.5a1 1 0 0 1 1.603-.055l1.161 1.452 3.736-5.396a1 1 0 0 1 .83-.431m-.025 2.78-3.662 5.29a1 1 0 0 1-1.603.055l-1.161-1.452L2.908 18h14.223z", clipRule: "evenodd" }));
+});
+export default BusinessenvironmentStrokePrdIcon20;

package/BusinessenvironmentStrokePrdIcon32.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ISingleColorIconProps } from "./types";
+declare const BusinessenvironmentStrokePrdIcon32: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default BusinessenvironmentStrokePrdIcon32;

package/BusinessenvironmentStrokePrdIcon32.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const BusinessenvironmentStrokePrdIcon32 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
+    const pathClassName = getPathClassName(paletteIndex, useTheme());
+    return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "BusinessenvironmentStrokePrdIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M17 3a1 1 0 0 1 1-1h6.95a1 1 0 0 1 .838 1.545L24.194 6l1.595 2.455A1 1 0 0 1 24.95 10H18a1 1 0 0 1-1-1zm2 1v4h4.108l-.946-1.455a1 1 0 0 1 0-1.09L23.108 4zm-.994 8.5a1 1 0 0 1 .818.432l10 14.5A1 1 0 0 1 28 29H3a1 1 0 0 1-.832-1.555l6-9a1 1 0 0 1 1.54-.152l2.16 2.16 5.315-7.53a1 1 0 0 1 .823-.423m-.015 2.748-5.174 7.329a1 1 0 0 1-1.524.13L9.156 20.57 4.869 27h21.227z", clipRule: "evenodd" }));
+});
+export default BusinessenvironmentStrokePrdIcon32;

package/BusinesstravelStrokePrdIcon20.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ISingleColorIconProps } from "./types";
+declare const BusinesstravelStrokePrdIcon20: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default BusinesstravelStrokePrdIcon20;

package/BusinesstravelStrokePrdIcon20.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const BusinesstravelStrokePrdIcon20 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
+    const pathClassName = getPathClassName(paletteIndex, useTheme());
+    return React.createElement("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", name: "BusinesstravelStrokePrdIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, d: "M13.445 12.168a1 1 0 0 1 1.387.277L16.535 15H19a1 1 0 1 1 0 2h-2.465l-1.703 2.555a1 1 0 0 1-1.664-1.11L14.13 17H12a1 1 0 0 1-.707-.293l-1.5-1.5a1 1 0 0 1 1.414-1.414L12.414 15h1.717l-.963-1.445a1 1 0 0 1 .277-1.387" }),
+        React.createElement("path", { className: pathClassName, d: "M4.84 9.564c.701-.583 1.547-.46 2.127-.055l.113.084.002.002c.665.541 1.65.938 2.634 1.044a1.001 1.001 0 0 1-.213 1.988c-1.264-.136-2.566-.623-3.552-1.379-1.192 1.069-1.842 2.454-1.842 3.959 0 .17 0 .33.01.49.008.125.025.226.042.303H8a1 1 0 0 1 0 2H4a1.73 1.73 0 0 1-1.202-.458 2 2 0 0 1-.54-.91c-.16-.534-.149-1.143-.149-1.425 0-2.223 1.018-4.211 2.73-5.642z" }),
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M10.111 0a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9m0 2a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5", clipRule: "evenodd" }));
+});
+export default BusinesstravelStrokePrdIcon20;

package/BusinesstravelStrokePrdIcon32.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ISingleColorIconProps } from "./types";
+declare const BusinesstravelStrokePrdIcon32: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default BusinesstravelStrokePrdIcon32;

package/BusinesstravelStrokePrdIcon32.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const BusinesstravelStrokePrdIcon32 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
+    const pathClassName = getPathClassName(paletteIndex, useTheme());
+    return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "BusinesstravelStrokePrdIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, d: "M20.375 17.219a1 1 0 0 1 1.406.156l3.7 4.625H29a1 1 0 1 1 0 2H25.48l-3.7 4.625a1.001 1.001 0 0 1-1.562-1.25l2.7-3.375h-3.92a1 1 0 0 1-.706-.293l-2-2a1 1 0 0 1 1.414-1.414L19.414 22h3.505l-2.7-3.375a1 1 0 0 1 .156-1.406M10.027 14.731c.735-.612 1.624-.486 2.241-.056l.12.09.002.002C13.304 15.51 14.714 16 16 16a1 1 0 0 1 0 2c-1.686 0-3.517-.61-4.808-1.633C9.777 17.6 9 19.218 9 20.983c0 .19 0 .374.011.559q.018.279.066.438l.008.02H14a1 1 0 0 1 0 2H9.002c-.487 0-.927-.163-1.268-.481a2.14 2.14 0 0 1-.573-.967C6.987 21.97 7 21.306 7 20.983c0-2.46 1.126-4.663 3.026-6.25z" }),
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M16 4a5 5 0 1 1 0 10 5 5 0 0 1 0-10m0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6", clipRule: "evenodd" }));
+});
+export default BusinesstravelStrokePrdIcon32;

package/CalendarStrokeSrvIcon20.js

@@ -4,6 +4,6 @@ import getPathClassName from "./utils/getPathClassName";
 const CalendarStrokeSrvIcon20 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
     const pathClassName = getPathClassName(paletteIndex, useTheme());
     return React.createElement("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", name: "CalendarStrokeSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
-        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M7 1c0-.56-.45-1-1-1-.56 0-1 .44-1 1v1H3C1.34 2 0 3.34 0 5v12c0 1.65 1.34 3 3 3h14c1.65 0 3-1.35 3-3V5c0-1.66-1.35-3-3-3h-2V1c0-.56-.45-1-1-1-.56 0-1 .44-1 1v1H7zm6 4V4H7v1c0 .55-.45 1-1 1-.56 0-1-.45-1-1V4H3c-.56 0-1 .44-1 1v3h16V5c0-.56-.45-1-1-1h-2v1c0 .55-.45 1-1 1-.56 0-1-.45-1-1m5 5H2v7c0 .55.44 1 1 1h14c.55 0 1-.45 1-1z", clipRule: "evenodd" }));
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M14 0a1 1 0 0 1 1 1v1h1a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4h1V1a1 1 0 0 1 2 0v1h6V1a1 1 0 0 1 1-1M2 10v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-6zm2-6a2 2 0 0 0-2 2v2h16V6a2 2 0 0 0-2-2h-1v1a1 1 0 1 1-2 0V4H7v1a1 1 0 0 1-2 0V4z", clipRule: "evenodd" }));
 });
 export default CalendarStrokeSrvIcon20;

package/CalendarStrokeSrvIcon24.js

@@ -4,6 +4,6 @@ import getPathClassName from "./utils/getPathClassName";
 const CalendarStrokeSrvIcon24 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
     const pathClassName = getPathClassName(paletteIndex, useTheme());
     return React.createElement("svg", { width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", name: "CalendarStrokeSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
-        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M9 3c0-.56-.45-1-1-1-.56 0-1 .44-1 1v1H5C3.34 4 2 5.34 2 7v12c0 1.65 1.34 3 3 3h14c1.65 0 3-1.35 3-3V7c0-1.66-1.35-3-3-3h-2V3c0-.56-.45-1-1-1-.56 0-1 .44-1 1v1H9zm6 4V6H9v1c0 .55-.45 1-1 1-.56 0-1-.45-1-1V6H5c-.56 0-1 .44-1 1v3h16V7c0-.56-.45-1-1-1h-2v1c0 .55-.45 1-1 1-.56 0-1-.45-1-1m5 5H4v7c0 .55.44 1 1 1h14c.55 0 1-.45 1-1z", clipRule: "evenodd" }));
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M16 2a1 1 0 0 1 1 1v1h1a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8a4 4 0 0 1 4-4h1V3a1 1 0 0 1 2 0v1h6V3a1 1 0 0 1 1-1M4 12v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-6zm2-6a2 2 0 0 0-2 2v2h16V8a2 2 0 0 0-2-2h-1v1a1 1 0 1 1-2 0V6H9v1a1 1 0 0 1-2 0V6z", clipRule: "evenodd" }));
 });
 export default CalendarStrokeSrvIcon24;

package/CallcenterStrokeSrvIcon20.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ISingleColorIconProps } from "./types";
+declare const CallcenterStrokeSrvIcon20: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default CallcenterStrokeSrvIcon20;

package/CallcenterStrokeSrvIcon20.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const CallcenterStrokeSrvIcon20 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
+    const pathClassName = getPathClassName(paletteIndex, useTheme());
+    return React.createElement("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", name: "CallcenterStrokeSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, d: "M5.404 4.143A5.99 5.99 0 0 1 10 2c1.845 0 3.494.831 4.597 2.143a1 1 0 0 0 1.53-1.286A7.99 7.99 0 0 0 10 0a7.99 7.99 0 0 0-6.128 2.857 1 1 0 0 0 1.532 1.286" }),
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M0 9.4A3.4 3.4 0 0 1 3.4 6 2.6 2.6 0 0 1 6 8.6v3.8A2.6 2.6 0 0 1 3.4 15 3.4 3.4 0 0 1 0 11.6zM3.4 8A1.4 1.4 0 0 0 2 9.4v2.2A1.4 1.4 0 0 0 3.4 13a.6.6 0 0 0 .6-.6V8.6a.6.6 0 0 0-.6-.6M20 9.4A3.4 3.4 0 0 0 16.6 6 2.6 2.6 0 0 0 14 8.6v3.8a2.6 2.6 0 0 0 1.366 2.289 6.02 6.02 0 0 1-3.393 2.98A2 2 0 1 0 10 20h.017a8 8 0 0 0 7.411-5.025l.03-.084A3.4 3.4 0 0 0 20 11.6zM16.6 8A1.4 1.4 0 0 1 18 9.4v2.2a1.4 1.4 0 0 1-1.4 1.4.6.6 0 0 1-.6-.6V8.6a.6.6 0 0 1 .6-.6", clipRule: "evenodd" }));
+});
+export default CallcenterStrokeSrvIcon20;

package/CallcenterStrokeSrvIcon24.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ISingleColorIconProps } from "./types";
+declare const CallcenterStrokeSrvIcon24: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default CallcenterStrokeSrvIcon24;

package/CallcenterStrokeSrvIcon24.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const CallcenterStrokeSrvIcon24 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
+    const pathClassName = getPathClassName(paletteIndex, useTheme());
+    return React.createElement("svg", { width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", name: "CallcenterStrokeSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, d: "M7.404 6.143A5.99 5.99 0 0 1 12 4c1.845 0 3.494.831 4.596 2.143a1 1 0 0 0 1.532-1.286A7.99 7.99 0 0 0 12 2a7.99 7.99 0 0 0-6.128 2.857 1 1 0 0 0 1.532 1.286" }),
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M2 11.4A3.4 3.4 0 0 1 5.4 8 2.6 2.6 0 0 1 8 10.6v3.8A2.6 2.6 0 0 1 5.4 17 3.4 3.4 0 0 1 2 13.6zM5.4 10A1.4 1.4 0 0 0 4 11.4v2.2A1.4 1.4 0 0 0 5.4 15a.6.6 0 0 0 .6-.6v-3.8a.6.6 0 0 0-.6-.6M22 11.4A3.4 3.4 0 0 0 18.6 8a2.6 2.6 0 0 0-2.6 2.6v3.8a2.6 2.6 0 0 0 1.366 2.289 6.02 6.02 0 0 1-3.393 2.98A2 2 0 1 0 12 22h.017a8 8 0 0 0 7.411-5.025l.03-.084A3.4 3.4 0 0 0 22 13.6zM18.6 10a1.4 1.4 0 0 1 1.4 1.4v2.2a1.4 1.4 0 0 1-1.4 1.4.6.6 0 0 1-.6-.6v-3.8a.6.6 0 0 1 .6-.6", clipRule: "evenodd" }));
+});
+export default CallcenterStrokeSrvIcon24;

package/CallcenterStrokeSrvIcon32.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ISingleColorIconProps } from "./types";
+declare const CallcenterStrokeSrvIcon32: React.ForwardRefExoticComponent<ISingleColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default CallcenterStrokeSrvIcon32;

package/CallcenterStrokeSrvIcon32.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const CallcenterStrokeSrvIcon32 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
+    const pathClassName = getPathClassName(paletteIndex, useTheme());
+    return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "CallcenterStrokeSrvIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, d: "M16 6.2a7.39 7.39 0 0 0-5.98 3.041 1 1 0 1 1-1.616-1.18A9.39 9.39 0 0 1 16 4.2a9.39 9.39 0 0 1 7.596 3.861 1 1 0 0 1-1.616 1.18A7.39 7.39 0 0 0 16 6.2" }),
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M8 11a4 4 0 0 0-4 4v3a4 4 0 0 0 4 4 3 3 0 0 0 3-3v-5a3 3 0 0 0-3-3m-2 4a2 2 0 0 1 2-2 1 1 0 0 1 1 1v5a1 1 0 0 1-1 1 2 2 0 0 1-2-2zM24 11a4 4 0 0 1 4 4v3a4 4 0 0 1-3.288 3.937 9.41 9.41 0 0 1-7.619 5.8 2.4 2.4 0 1 1 1.299-2.332 7.42 7.42 0 0 0 4.246-3.731A3 3 0 0 1 21 19v-5a3 3 0 0 1 3-3m2 4a2 2 0 0 0-2-2 1 1 0 0 0-1 1v5a1 1 0 0 0 1 1 2 2 0 0 0 2-2z", clipRule: "evenodd" }));
+});
+export default CallcenterStrokeSrvIcon32;

package/CardbusinessMkrIcon32.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { IMultiColorIconProps } from "./types";
+declare const CardbusinessMkrIcon32: React.ForwardRefExoticComponent<IMultiColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default CardbusinessMkrIcon32;

package/CardbusinessMkrIcon32.js

@@ -0,0 +1,15 @@
+import React from "react";
+const CardbusinessMkrIcon32 = React.forwardRef((props, ref) => {
+    return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "CardbusinessMkrIcon32", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+        React.createElement("rect", { width: "28", height: "20", x: "2", y: "6", fill: "url(#a_cardbusiness32)", rx: "2.5" }),
+        React.createElement("mask", { id: "b_cardbusiness32", width: "28", height: "20", x: "2", y: "6", maskUnits: "userSpaceOnUse", style: { maskType: 'luminance' } },
+            React.createElement("rect", { width: "28", height: "20", x: "2", y: "6", fill: "#fff", rx: "2.5" })),
+        React.createElement("g", { fill: "#fff", mask: "url(#b_cardbusiness32)" },
+            React.createElement("circle", { cx: "7.5", cy: "11.5", r: "2.5", fillOpacity: ".6" }),
+            React.createElement("path", { fillOpacity: ".438", d: "m2 14.229 7.02 3.89L30 6v4.877L9.005 23 2 19.106z" })),
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: "a_cardbusiness32", x1: "30", x2: "2", y1: "16.064", y2: "16.064", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#CED1D5" }),
+                React.createElement("stop", { offset: "1", stopColor: "#E4E8EB" }))));
+});
+export default CardbusinessMkrIcon32;

package/CardbusinessmirMkrIcon32.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { IMultiColorIconProps } from "./types";
+declare const CardbusinessmirMkrIcon32: React.ForwardRefExoticComponent<IMultiColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default CardbusinessmirMkrIcon32;

package/CardbusinessmirMkrIcon32.js

@@ -0,0 +1,19 @@
+import React from "react";
+const CardbusinessmirMkrIcon32 = React.forwardRef((props, ref) => {
+    return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "CardbusinessmirMkrIcon32", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+        React.createElement("g", { clipPath: "url(#a_cardbusinessmir32)" },
+            React.createElement("rect", { width: "28", height: "20", x: "2", y: "6", fill: "url(#b_cardbusinessmir32)", rx: "2.5" }),
+            React.createElement("mask", { id: "c_cardbusinessmir32", width: "28", height: "20", x: "2", y: "6", maskUnits: "userSpaceOnUse", style: { maskType: 'luminance' } },
+                React.createElement("rect", { width: "28", height: "20", x: "2", y: "6", fill: "#fff", rx: "2.5" })),
+            React.createElement("g", { fill: "#fff", mask: "url(#c_cardbusinessmir32)" },
+                React.createElement("circle", { cx: "7.5", cy: "11.5", r: "2.5", fillOpacity: ".6" }),
+                React.createElement("rect", { width: "10", height: "5", x: "17", y: "18", rx: "2.5" }),
+                React.createElement("path", { fillOpacity: ".438", d: "m2 13.229 7.02 3.89L30 5v4.877L9.005 22 2 18.106z" }))),
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: "b_cardbusinessmir32", x1: "30", x2: "2", y1: "16.064", y2: "16.064", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#CED1D5" }),
+                React.createElement("stop", { offset: "1", stopColor: "#E4E8EB" })),
+            React.createElement("clipPath", { id: "a_cardbusinessmir32" },
+                React.createElement("path", { fill: "#fff", d: "M0 0H28V20H0z", transform: "translate(2 6)" }))));
+});
+export default CardbusinessmirMkrIcon32;

package/CardcreditmastercardMkrIcon32.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { IMultiColorIconProps } from "./types";
+declare const CardcreditmastercardMkrIcon32: React.ForwardRefExoticComponent<IMultiColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default CardcreditmastercardMkrIcon32;

package/CardcreditmastercardMkrIcon32.js

@@ -0,0 +1,21 @@
+import React from "react";
+const CardcreditmastercardMkrIcon32 = React.forwardRef((props, ref) => {
+    return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "CardcreditmastercardMkrIcon32", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+        React.createElement("g", { clipPath: "url(#a_cardcreditmastercard32)" },
+            React.createElement("rect", { width: "28", height: "20", x: "2", y: "6", fill: "url(#b_cardcreditmastercard32)", rx: "2.5" }),
+            React.createElement("mask", { id: "c_cardcreditmastercard32", width: "28", height: "20", x: "2", y: "6", maskUnits: "userSpaceOnUse", style: { maskType: 'luminance' } },
+                React.createElement("rect", { width: "28", height: "20", x: "2", y: "6", fill: "#fff", rx: "2.5" })),
+            React.createElement("g", { mask: "url(#c_cardcreditmastercard32)" },
+                React.createElement("circle", { cx: "7.5", cy: "11.5", r: "2.5", fill: "#fff", fillOpacity: ".6" }),
+                React.createElement("rect", { width: "7", height: "5", x: "20", y: "18", fill: "#F79E1B", rx: "2.5" }),
+                React.createElement("rect", { width: "7", height: "5", x: "17", y: "18", fill: "#EB001B", rx: "2.5" }),
+                React.createElement("path", { fill: "#FF5F00", d: "M22 18.05a2.501 2.501 0 0 1 .004 4.9h-.008a2.501 2.501 0 0 1 .004-4.9" }),
+                React.createElement("path", { fill: "#fff", fillOpacity: ".438", d: "m2 13.229 7.02 3.89L30 5v4.877L9.005 22 2 18.106z" }))),
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: "b_cardcreditmastercard32", x1: "30", x2: "2", y1: "16.064", y2: "16.064", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#CED1D5" }),
+                React.createElement("stop", { offset: "1", stopColor: "#E4E8EB" })),
+            React.createElement("clipPath", { id: "a_cardcreditmastercard32" },
+                React.createElement("path", { fill: "#fff", d: "M0 0H28V20H0z", transform: "translate(2 6)" }))));
+});
+export default CardcreditmastercardMkrIcon32;

package/CardcreditmirMkrIcon32.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { IMultiColorIconProps } from "./types";
+declare const CardcreditmirMkrIcon32: React.ForwardRefExoticComponent<IMultiColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default CardcreditmirMkrIcon32;

package/CardcreditmirMkrIcon32.js

@@ -0,0 +1,16 @@
+import React from "react";
+const CardcreditmirMkrIcon32 = React.forwardRef((props, ref) => {
+    return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "CardcreditmirMkrIcon32", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+        React.createElement("g", { clipPath: "url(#a_cardcreditmir32)" },
+            React.createElement("rect", { width: "28", height: "20", x: "2", y: "6", fill: "#B2B8BF", rx: "2.5" }),
+            React.createElement("mask", { id: "b_cardcreditmir32", width: "28", height: "20", x: "2", y: "6", maskUnits: "userSpaceOnUse", style: { maskType: 'luminance' } },
+                React.createElement("rect", { width: "28", height: "20", x: "2", y: "6", fill: "#fff", rx: "2.5" })),
+            React.createElement("g", { fill: "#fff", mask: "url(#b_cardcreditmir32)" },
+                React.createElement("circle", { cx: "7.5", cy: "11.5", r: "2.5", fillOpacity: ".6" }),
+                React.createElement("rect", { width: "10", height: "5", x: "17", y: "18", rx: "2.5" }),
+                React.createElement("path", { fillOpacity: ".438", d: "m2 13.229 7.02 3.89L30 5v4.877L9.005 22 2 18.106z" }))),
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: "a_cardcreditmir32" },
+                React.createElement("path", { fill: "#fff", d: "M0 0H28V20H0z", transform: "translate(2 6)" }))));
+});
+export default CardcreditmirMkrIcon32;

package/CardcreditvisaMkrIcon32.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { IMultiColorIconProps } from "./types";
+declare const CardcreditvisaMkrIcon32: React.ForwardRefExoticComponent<IMultiColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default CardcreditvisaMkrIcon32;

package/CardcreditvisaMkrIcon32.js

@@ -0,0 +1,19 @@
+import React from "react";
+const CardcreditvisaMkrIcon32 = React.forwardRef((props, ref) => {
+    return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "CardcreditvisaMkrIcon32", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+        React.createElement("g", { clipPath: "url(#a_cardcreditvisa32)" },
+            React.createElement("rect", { width: "28", height: "20", x: "2", y: "6", fill: "url(#b_cardcreditvisa32)", rx: "2.5" }),
+            React.createElement("mask", { id: "c_cardcreditvisa32", width: "28", height: "20", x: "2", y: "6", maskUnits: "userSpaceOnUse", style: { maskType: 'luminance' } },
+                React.createElement("rect", { width: "28", height: "20", x: "2", y: "6", fill: "#fff", rx: "2.5" })),
+            React.createElement("g", { fill: "#fff", mask: "url(#c_cardcreditvisa32)" },
+                React.createElement("circle", { cx: "7.5", cy: "11.5", r: "2.5", fillOpacity: ".6" }),
+                React.createElement("rect", { width: "10", height: "5", x: "17", y: "18", rx: "2.5" }),
+                React.createElement("path", { fillOpacity: ".438", d: "m2 13.229 7.02 3.89L30 5v4.877L9.005 22 2 18.106z" }))),
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: "b_cardcreditvisa32", x1: "30", x2: "2", y1: "16.064", y2: "16.064", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#CED1D5" }),
+                React.createElement("stop", { offset: "1", stopColor: "#E4E8EB" })),
+            React.createElement("clipPath", { id: "a_cardcreditvisa32" },
+                React.createElement("path", { fill: "#fff", d: "M0 0H28V20H0z", transform: "translate(2 6)" }))));
+});
+export default CardcreditvisaMkrIcon32;

package/CarddebitmastercardMkrIcon32.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { IMultiColorIconProps } from "./types";
+declare const CarddebitmastercardMkrIcon32: React.ForwardRefExoticComponent<IMultiColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default CarddebitmastercardMkrIcon32;

package/CarddebitmastercardMkrIcon32.js

@@ -0,0 +1,21 @@
+import React from "react";
+const CarddebitmastercardMkrIcon32 = React.forwardRef((props, ref) => {
+    return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "CarddebitmastercardMkrIcon32", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+        React.createElement("g", { clipPath: "url(#a_carddebitmastercard32)" },
+            React.createElement("rect", { width: "28", height: "20", x: "2", y: "6", fill: "url(#b_carddebitmastercard32)", rx: "2.5" }),
+            React.createElement("mask", { id: "c_carddebitmastercard32", width: "28", height: "20", x: "2", y: "6", maskUnits: "userSpaceOnUse", style: { maskType: 'luminance' } },
+                React.createElement("rect", { width: "28", height: "20", x: "2", y: "6", fill: "#fff", rx: "2.5" })),
+            React.createElement("g", { mask: "url(#c_carddebitmastercard32)" },
+                React.createElement("circle", { cx: "7.5", cy: "11.5", r: "2.5", fill: "#fff", fillOpacity: ".6" }),
+                React.createElement("rect", { width: "7", height: "5", x: "20", y: "18", fill: "#F79E1B", rx: "2.5" }),
+                React.createElement("rect", { width: "7", height: "5", x: "17", y: "18", fill: "#EB001B", rx: "2.5" }),
+                React.createElement("path", { fill: "#FF5F00", d: "M22 18.05a2.501 2.501 0 0 1 .004 4.9h-.008a2.501 2.501 0 0 1 .004-4.9" }),
+                React.createElement("path", { fill: "#fff", fillOpacity: ".438", d: "m2 13.229 7.02 3.89L30 5v4.877L9.005 22 2 18.106z" }))),
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: "b_carddebitmastercard32", x1: "2.183", x2: "30", y1: "27.375", y2: "27.375", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#0F856F" }),
+                React.createElement("stop", { offset: "1", stopColor: "#0EB757" })),
+            React.createElement("clipPath", { id: "a_carddebitmastercard32" },
+                React.createElement("path", { fill: "#fff", d: "M0 0H28V20H0z", transform: "translate(2 6)" }))));
+});
+export default CarddebitmastercardMkrIcon32;

package/CarddebitmirMkrIcon32.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { IMultiColorIconProps } from "./types";
+declare const CarddebitmirMkrIcon32: React.ForwardRefExoticComponent<IMultiColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default CarddebitmirMkrIcon32;

package/CarddebitmirMkrIcon32.js

@@ -0,0 +1,19 @@
+import React from "react";
+const CarddebitmirMkrIcon32 = React.forwardRef((props, ref) => {
+    return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "CarddebitmirMkrIcon32", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+        React.createElement("g", { clipPath: "url(#a_carddebitmir32)" },
+            React.createElement("rect", { width: "28", height: "20", x: "2", y: "6", fill: "url(#b_carddebitmir32)", rx: "2.5" }),
+            React.createElement("mask", { id: "c_carddebitmir32", width: "28", height: "20", x: "2", y: "6", maskUnits: "userSpaceOnUse", style: { maskType: 'luminance' } },
+                React.createElement("rect", { width: "28", height: "20", x: "2", y: "6", fill: "#fff", rx: "2.5" })),
+            React.createElement("g", { fill: "#fff", mask: "url(#c_carddebitmir32)" },
+                React.createElement("circle", { cx: "7.5", cy: "11.5", r: "2.5", fillOpacity: ".6" }),
+                React.createElement("rect", { width: "10", height: "5", x: "17", y: "18", rx: "2.5" }),
+                React.createElement("path", { fillOpacity: ".438", d: "m2 13.229 7.02 3.89L30 5v4.877L9.005 22 2 18.106z" }))),
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: "b_carddebitmir32", x1: "2.183", x2: "30", y1: "27.375", y2: "27.375", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#1D5349" }),
+                React.createElement("stop", { offset: "1", stopColor: "#0EB7B7" })),
+            React.createElement("clipPath", { id: "a_carddebitmir32" },
+                React.createElement("path", { fill: "#fff", d: "M0 0H28V20H0z", transform: "translate(2 6)" }))));
+});
+export default CarddebitmirMkrIcon32;

package/CarddebitvisaMkrIcon32.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { IMultiColorIconProps } from "./types";
+declare const CarddebitvisaMkrIcon32: React.ForwardRefExoticComponent<IMultiColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default CarddebitvisaMkrIcon32;

package/CarddebitvisaMkrIcon32.js

@@ -0,0 +1,19 @@
+import React from "react";
+const CarddebitvisaMkrIcon32 = React.forwardRef((props, ref) => {
+    return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "CarddebitvisaMkrIcon32", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+        React.createElement("g", { clipPath: "url(#a_carddebitvisa32)" },
+            React.createElement("rect", { width: "28", height: "20", x: "2", y: "6", fill: "url(#b_carddebitvisa32)", rx: "2.5" }),
+            React.createElement("mask", { id: "c_carddebitvisa32", width: "28", height: "20", x: "2", y: "6", maskUnits: "userSpaceOnUse", style: { maskType: 'luminance' } },
+                React.createElement("rect", { width: "28", height: "20", x: "2", y: "6", fill: "#fff", rx: "2.5" })),
+            React.createElement("g", { fill: "#fff", mask: "url(#c_carddebitvisa32)" },
+                React.createElement("circle", { cx: "7.5", cy: "11.5", r: "2.5", fillOpacity: ".6" }),
+                React.createElement("rect", { width: "10", height: "5", x: "17", y: "18", rx: "2.5" }),
+                React.createElement("path", { fillOpacity: ".438", d: "m2 13.229 7.02 3.89L30 5v4.877L9.005 22 2 18.106z" }))),
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: "b_carddebitvisa32", x1: "2.183", x2: "30", y1: "27.375", y2: "27.375", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#0F856F" }),
+                React.createElement("stop", { offset: "1", stopColor: "#0EB757" })),
+            React.createElement("clipPath", { id: "a_carddebitvisa32" },
+                React.createElement("path", { fill: "#fff", d: "M0 0H28V20H0z", transform: "translate(2 6)" }))));
+});
+export default CarddebitvisaMkrIcon32;

package/CarddigitalmastercardMkrIcon32.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { IMultiColorIconProps } from "./types";
+declare const CarddigitalmastercardMkrIcon32: React.ForwardRefExoticComponent<IMultiColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default CarddigitalmastercardMkrIcon32;

package/CarddigitalmastercardMkrIcon32.js

@@ -0,0 +1,21 @@
+import React from "react";
+const CarddigitalmastercardMkrIcon32 = React.forwardRef((props, ref) => {
+    return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "CarddigitalmastercardMkrIcon32", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+        React.createElement("g", { clipPath: "url(#a_carddigitalmastercard32)" },
+            React.createElement("rect", { width: "28", height: "20", x: "2", y: "6", fill: "url(#b_carddigitalmastercard32)", rx: "2.5" }),
+            React.createElement("mask", { id: "c_carddigitalmastercard32", width: "28", height: "20", x: "2", y: "6", maskUnits: "userSpaceOnUse", style: { maskType: 'luminance' } },
+                React.createElement("rect", { width: "28", height: "20", x: "2", y: "6", fill: "#fff", rx: "2.5" })),
+            React.createElement("g", { mask: "url(#c_carddigitalmastercard32)" },
+                React.createElement("circle", { cx: "7.5", cy: "11.5", r: "2.5", fill: "#fff", fillOpacity: ".6" }),
+                React.createElement("rect", { width: "7", height: "5", x: "20", y: "18", fill: "#F79E1B", rx: "2.5" }),
+                React.createElement("rect", { width: "7", height: "5", x: "17", y: "18", fill: "#EB001B", rx: "2.5" }),
+                React.createElement("path", { fill: "#FF5F00", d: "M22 18.05a2.501 2.501 0 0 1 .004 4.9h-.008a2.501 2.501 0 0 1 .004-4.9" }),
+                React.createElement("path", { fill: "#fff", fillOpacity: ".438", d: "m2 13.229 7.02 3.89L30 5v4.877L9.005 22 2 18.106z" }))),
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: "b_carddigitalmastercard32", x1: "2.183", x2: "30", y1: "27.375", y2: "27.375", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#1D5349" }),
+                React.createElement("stop", { offset: "1", stopColor: "#0EB7B7" })),
+            React.createElement("clipPath", { id: "a_carddigitalmastercard32" },
+                React.createElement("path", { fill: "#fff", d: "M0 0H28V20H0z", transform: "translate(2 6)" }))));
+});
+export default CarddigitalmastercardMkrIcon32;

package/CarddigitalvisaMkrIcon32.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { IMultiColorIconProps } from "./types";
+declare const CarddigitalvisaMkrIcon32: React.ForwardRefExoticComponent<IMultiColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default CarddigitalvisaMkrIcon32;

package/CarddigitalvisaMkrIcon32.js

@@ -0,0 +1,19 @@
+import React from "react";
+const CarddigitalvisaMkrIcon32 = React.forwardRef((props, ref) => {
+    return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "CarddigitalvisaMkrIcon32", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+        React.createElement("g", { clipPath: "url(#a_carddigitalvisa32)" },
+            React.createElement("rect", { width: "28", height: "20", x: "2", y: "6", fill: "url(#b_carddigitalvisa32)", rx: "2.5" }),
+            React.createElement("mask", { id: "c_carddigitalvisa32", width: "28", height: "20", x: "2", y: "6", maskUnits: "userSpaceOnUse", style: { maskType: 'luminance' } },
+                React.createElement("rect", { width: "28", height: "20", x: "2", y: "6", fill: "#fff", rx: "2.5" })),
+            React.createElement("g", { fill: "#fff", mask: "url(#c_carddigitalvisa32)" },
+                React.createElement("circle", { cx: "7.5", cy: "11.5", r: "2.5", fillOpacity: ".6" }),
+                React.createElement("rect", { width: "10", height: "5", x: "17", y: "18", rx: "2.5" }),
+                React.createElement("path", { fillOpacity: ".438", d: "m2 13.229 7.02 3.89L30 5v4.877L9.005 22 2 18.106z" }))),
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: "b_carddigitalvisa32", x1: "2.183", x2: "30", y1: "27.375", y2: "27.375", gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#1D5349" }),
+                React.createElement("stop", { offset: "1", stopColor: "#0EB7B7" })),
+            React.createElement("clipPath", { id: "a_carddigitalvisa32" },
+                React.createElement("path", { fill: "#fff", d: "M0 0H28V20H0z", transform: "translate(2 6)" }))));
+});
+export default CarddigitalvisaMkrIcon32;

package/CardmomentummastercardMkrIcon32.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { IMultiColorIconProps } from "./types";
+declare const CardmomentummastercardMkrIcon32: React.ForwardRefExoticComponent<IMultiColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default CardmomentummastercardMkrIcon32;

package/CardmomentummastercardMkrIcon32.js

@@ -0,0 +1,18 @@
+import React from "react";
+const CardmomentummastercardMkrIcon32 = React.forwardRef((props, ref) => {
+    return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "CardmomentummastercardMkrIcon32", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+        React.createElement("g", { clipPath: "url(#a_cardmomentummastercard32)" },
+            React.createElement("rect", { width: "28", height: "20", x: "2", y: "6", fill: "#B2B8BF", rx: "2.5" }),
+            React.createElement("mask", { id: "b_cardmomentummastercard32", width: "28", height: "20", x: "2", y: "6", maskUnits: "userSpaceOnUse", style: { maskType: 'luminance' } },
+                React.createElement("rect", { width: "28", height: "20", x: "2", y: "6", fill: "#fff", rx: "2.5" })),
+            React.createElement("g", { mask: "url(#b_cardmomentummastercard32)" },
+                React.createElement("circle", { cx: "7.5", cy: "11.5", r: "2.5", fill: "#fff", fillOpacity: ".6" }),
+                React.createElement("rect", { width: "7", height: "5", x: "20", y: "18", fill: "#F79E1B", rx: "2.5" }),
+                React.createElement("rect", { width: "7", height: "5", x: "17", y: "18", fill: "#EB001B", rx: "2.5" }),
+                React.createElement("path", { fill: "#FF5F00", d: "M22 18.05a2.501 2.501 0 0 1 .004 4.9h-.008a2.501 2.501 0 0 1 .004-4.9" }),
+                React.createElement("path", { fill: "#fff", fillOpacity: ".438", d: "m2 13.229 7.02 3.89L30 5v4.877L9.005 22 2 18.106z" }))),
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: "a_cardmomentummastercard32" },
+                React.createElement("path", { fill: "#fff", d: "M0 0H28V20H0z", transform: "translate(2 6)" }))));
+});
+export default CardmomentummastercardMkrIcon32;

package/CardmomentumvisaMkrIcon32.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { IMultiColorIconProps } from "./types";
+declare const CardmomentumvisaMkrIcon32: React.ForwardRefExoticComponent<IMultiColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default CardmomentumvisaMkrIcon32;

package/CardmomentumvisaMkrIcon32.js

@@ -0,0 +1,16 @@
+import React from "react";
+const CardmomentumvisaMkrIcon32 = React.forwardRef((props, ref) => {
+    return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "CardmomentumvisaMkrIcon32", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+        React.createElement("g", { clipPath: "url(#a_cardmomentumvisa32)" },
+            React.createElement("rect", { width: "28", height: "20", x: "2", y: "6", fill: "#B2B8BF", rx: "2.5" }),
+            React.createElement("mask", { id: "b_cardmomentumvisa32", width: "28", height: "20", x: "2", y: "6", maskUnits: "userSpaceOnUse", style: { maskType: 'luminance' } },
+                React.createElement("rect", { width: "28", height: "20", x: "2", y: "6", fill: "#fff", rx: "2.5" })),
+            React.createElement("g", { fill: "#fff", mask: "url(#b_cardmomentumvisa32)" },
+                React.createElement("circle", { cx: "7.5", cy: "11.5", r: "2.5", fillOpacity: ".6" }),
+                React.createElement("rect", { width: "10", height: "5", x: "17", y: "18", rx: "2.5" }),
+                React.createElement("path", { fillOpacity: ".438", d: "m2 13.229 7.02 3.89L30 5v4.877L9.005 22 2 18.106z" }))),
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: "a_cardmomentumvisa32" },
+                React.createElement("path", { fill: "#fff", d: "M0 0H28V20H0z", transform: "translate(2 6)" }))));
+});
+export default CardmomentumvisaMkrIcon32;

package/CardpremiummastercardMkrIcon32.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { IMultiColorIconProps } from "./types";
+declare const CardpremiummastercardMkrIcon32: React.ForwardRefExoticComponent<IMultiColorIconProps & React.RefAttributes<SVGSVGElement>>;
+export default CardpremiummastercardMkrIcon32;