@sberbusiness/icons-next 1.7.0 → 1.8.1

package/MinuscircleStrokeSrvIcon32.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const MinuscircleStrokeSrvIcon32 = 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: "MinuscircleStrokeSrvIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, d: "M22.005 15.005a1 1 0 1 1 0 2h-12a1 1 0 1 1 0-2z" }),
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M16 3c7.18 0 13 5.82 13 13s-5.82 13-13 13S3 23.18 3 16 8.82 3 16 3m0 2C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5", clipRule: "evenodd" }));
+});
+export default MinuscircleStrokeSrvIcon32;

package/MonitoringeconomiccontractStrokePrdIcon20.js

@@ -4,7 +4,7 @@ import getPathClassName from "./utils/getPathClassName";
 const MonitoringeconomiccontractStrokePrdIcon20 = 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: "MonitoringeconomiccontractStrokePrdIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
-        React.createElement("path", { className: pathClassName, d: "M7.5 0a1 1 0 0 1 0 2H4a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-3a1 1 0 1 1 2 0v3a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3z" }),
-        React.createElement("path", { className: pathClassName, d: "M12 14a1 1 0 1 1 0 2H6a1 1 0 1 1 0-2zM7 10a1 1 0 1 1 0 2H6a1 1 0 1 1 0-2zM11.418 1.59a1 1 0 1 1 1.034 1.713A3 3 0 0 0 14 8.873a1 1 0 1 1 0 2 5 5 0 0 1-2.582-9.282M17.071 3.123a1 1 0 0 1 1.352.417c.368.698.577 1.492.577 2.333a4.98 4.98 0 0 1-1.138 3.176 1 1 0 0 1-1.545-1.272c.427-.518.683-1.18.683-1.904 0-.507-.126-.983-.346-1.4a1 1 0 0 1 .417-1.35M15 1a1 1 0 1 1-.001 2.001A1 1 0 0 1 15 1" }));
+        React.createElement("path", { className: pathClassName, d: "M7 0a1 1 0 0 1 0 2H4a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-3a1 1 0 1 1 2 0v3a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3z" }),
+        React.createElement("path", { className: pathClassName, d: "M12 14a1 1 0 1 1 0 2H6a1 1 0 1 1 0-2zM7 10a1 1 0 1 1 0 2H6a1 1 0 1 1 0-2zM13.675.063a1 1 0 1 1 .3 1.976 3.506 3.506 0 0 0-2.857 4.367 3.505 3.505 0 0 0 4.287 2.475 1 1 0 0 1 .518 1.931 5.505 5.505 0 0 1-6.735-3.888A5.505 5.505 0 0 1 13.675.063M18.588 3.37a1 1 0 0 1 1.224.706 5.49 5.49 0 0 1-.518 4.114 1 1 0 1 1-1.743-.978 3.49 3.49 0 0 0 .33-2.618 1 1 0 0 1 .707-1.225M16.84.86a1 1 0 1 1 .518 1.932A1 1 0 0 1 16.841.86" }));
 });
 export default MonitoringeconomiccontractStrokePrdIcon20;

package/MonitoringeconomiccontractStrokePrdIcon32.js

@@ -4,7 +4,7 @@ import getPathClassName from "./utils/getPathClassName";
 const MonitoringeconomiccontractStrokePrdIcon32 = 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: "MonitoringeconomiccontractStrokePrdIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
-        React.createElement("path", { className: pathClassName, d: "M13 4a1 1 0 1 1 0 2h-3a1 1 0 0 0-1 1v17a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-4a1 1 0 1 1 2 0v4a3 3 0 0 1-3 3H10a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3z" }),
-        React.createElement("path", { className: pathClassName, d: "M20 20a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zM14 16a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2zM19.636 3.945a1 1 0 0 1 .728 1.862A4.51 4.51 0 0 0 17.5 10c0 2.48 2.02 4.5 4.5 4.5a1 1 0 0 1 0 2 6.506 6.506 0 0 1-6.5-6.5 6.51 6.51 0 0 1 4.136-6.055M25.314 5.501a1 1 0 0 1 1.413.041 6.493 6.493 0 0 1-.66 9.524 1 1 0 0 1-1.253-1.558 4.493 4.493 0 0 0 .459-6.593 1 1 0 0 1 .04-1.414M23.22 3.636a1 1 0 1 1 0 2 1 1 0 0 1 0-2" }));
+        React.createElement("path", { className: pathClassName, d: "M13 5a1 1 0 1 1 0 2h-3a1 1 0 0 0-1 1v17a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3a1 1 0 1 1 2 0v3a3 3 0 0 1-3 3H10a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3z" }),
+        React.createElement("path", { className: pathClassName, d: "M20 21a1 1 0 1 1 0 2h-8a1 1 0 1 1 0-2zM14 17a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2zM20.986 5.02a1 1 0 0 1 .159 1.994q-.404.031-.81.14a4.507 4.507 0 0 0-3.182 5.511 4.507 4.507 0 0 0 5.512 3.182 1 1 0 0 1 .518 1.931 6.506 6.506 0 0 1-7.961-4.595 6.506 6.506 0 0 1 5.764-8.163M26.316 8.66a1 1 0 0 1 1.285.595q.1.274.177.562a6.5 6.5 0 0 1-.985 5.452 1 1 0 0 1-1.63-1.16 4.49 4.49 0 0 0 .56-4.165 1 1 0 0 1 .593-1.284M24.333 5.984a1 1 0 1 1 .516 1.933 1 1 0 0 1-.516-1.933" }));
 });
 export default MonitoringeconomiccontractStrokePrdIcon32;

package/MyorganizationStrokePrdIcon20.d.ts

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

package/MyorganizationStrokePrdIcon20.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const MyorganizationStrokePrdIcon20 = 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: "MyorganizationStrokePrdIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M5.81 14.702c.335-.177.932-.338 1.485.027l.115.085h.001c1 .814 1.589 2.01 1.589 3.29 0 .2-.006.595-.15.961-.078.2-.216.444-.466.64A1.42 1.42 0 0 1 7.5 20h-6c-.31 0-.62-.09-.884-.296a1.5 1.5 0 0 1-.467-.639C.006 18.7 0 18.305 0 18.103c0-1.257.573-2.44 1.544-3.251l.002-.002c.18-.15.445-.307.802-.331.324-.022.598.077.787.165.911.423 1.851.434 2.675.018m.605 1.92c-1.253.533-2.603.49-3.831 0A2.22 2.22 0 0 0 2.006 18h4.988a2.2 2.2 0 0 0-.579-1.378", clipRule: "evenodd" }),
+        React.createElement("path", { className: pathClassName, d: "M17 0a3 3 0 0 1 3 3v16a1 1 0 1 1-2 0V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v4a1 1 0 0 1-2 0V3a3 3 0 0 1 3-3z" }),
+        React.createElement("path", { className: pathClassName, d: "M14 13a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2z" }),
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M4.5 9.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m0 2a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1", clipRule: "evenodd" }),
+        React.createElement("path", { className: pathClassName, d: "M14 9a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2zM14 5a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2z" }));
+});
+export default MyorganizationStrokePrdIcon20;

package/MyorganizationStrokePrdIcon32.d.ts

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

package/MyorganizationStrokePrdIcon32.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const MyorganizationStrokePrdIcon32 = 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: "MyorganizationStrokePrdIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M10.676 22.15c.4-.175.946-.242 1.446.094l.114.085v.001A4.75 4.75 0 0 1 14 26c0 .142.01.556-.105.933-.062.203-.184.479-.436.707a1.43 1.43 0 0 1-.968.362H5.5a1.42 1.42 0 0 1-.971-.366 1.55 1.55 0 0 1-.433-.713C3.986 26.549 4 26.132 4 26c0-1.378.622-2.75 1.713-3.662l.001-.001c.534-.445 1.187-.374 1.625-.18l.174.09.18.1c.899.472 1.818.458 2.81-.11zm-3.928 1.958A2.83 2.83 0 0 0 6 26v.002h6V26c0-.688-.275-1.367-.772-1.884-1.496.76-3.045.751-4.48-.008", clipRule: "evenodd" }),
+        React.createElement("path", { className: pathClassName, d: "M23.155 5.004A3 3 0 0 1 26 8v19a1 1 0 0 1-2 0V8a1 1 0 0 0-.897-.995L23 7H13a1 1 0 0 0-1 1v4a1 1 0 0 1-2 0V8a3 3 0 0 1 3-3h10z" }),
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M9 16a3 3 0 1 1 0 6 3 3 0 0 1 0-6m0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2", clipRule: "evenodd" }),
+        React.createElement("path", { className: pathClassName, d: "M19.5 19a1 1 0 0 1 0 2h-3a1 1 0 1 1 0-2zM19.5 15a1 1 0 0 1 0 2h-3a1 1 0 1 1 0-2zM19.5 11a1 1 0 0 1 0 2h-3a1 1 0 1 1 0-2z" }));
+});
+export default MyorganizationStrokePrdIcon32;

package/OnehundredfifteenStrokePrdIcon32.js

@@ -4,7 +4,7 @@ import getPathClassName from "./utils/getPathClassName";
 const OnehundredfifteenStrokePrdIcon32 = 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: "OnehundredfifteenStrokePrdIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
-        React.createElement("path", { className: pathClassName, d: "M15.168 20.445A1 1 0 0 1 17 21v6a1 1 0 1 1-2 0v-3.501a1 1 0 0 1-.832-1.554zM19.168 20.445A1 1 0 0 1 21 21v6a1 1 0 1 1-2 0v-3.501a1 1 0 0 1-.832-1.554zM26 20a1 1 0 1 1 0 2h-2v.51a3.55 3.55 0 0 1 1.499.093c1.041.3 2.021 1.169 2.021 2.576 0 1.347-.854 2.249-1.897 2.596-.997.333-2.19.185-3.16-.43a1 1 0 0 1 1.073-1.69c.488.31 1.056.355 1.454.223.353-.117.53-.339.53-.7 0-.3-.165-.534-.576-.653-.445-.128-.972-.032-1.303.244A1 1 0 0 1 22 24v-3a1 1 0 0 1 1-1z" }),
+        React.createElement("path", { className: pathClassName, d: "M15.168 19.945A1 1 0 0 1 17 20.5V27a1 1 0 1 1-2 0v-4.001a1 1 0 0 1-.832-1.554zM19.168 19.945A1 1 0 0 1 21 20.5V27a1 1 0 1 1-2 0v-4.001a1 1 0 0 1-.832-1.554zM26 19.5a1 1 0 1 1 0 2h-2v1.01a3.55 3.55 0 0 1 1.499.093c1.041.3 2.021 1.169 2.021 2.576 0 1.347-.854 2.249-1.897 2.596-.997.333-2.19.185-3.16-.43a1 1 0 0 1 1.073-1.69c.488.31 1.056.355 1.454.223.353-.117.53-.339.53-.7 0-.3-.165-.534-.576-.653-.445-.128-.972-.032-1.303.244A1 1 0 0 1 22 24v-3.5a1 1 0 0 1 1-1z" }),
         React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M15.172 4a3 3 0 0 1 2.121.879l6.828 6.828A3 3 0 0 1 25 13.828V16a1 1 0 1 1-2 0v-2h-5a3 3 0 0 1-3-3V6h-5a1 1 0 0 0-1 1v17a1 1 0 0 0 1 1h1a1 1 0 1 1 0 2h-1a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3zM17 11a1 1 0 0 0 1 1h3.586L17 7.414z", clipRule: "evenodd" }));
 });
 export default OnehundredfifteenStrokePrdIcon32;

package/{ServicesetupSysIcon84.d.ts → OnlinestoreMrkIcon128.d.ts}

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

package/OnlinestoreMrkIcon128.js

@@ -0,0 +1,28 @@
+import React from "react";
+import { useTheme, EIconsTheme } from "./ThemeProvider";
+const OnlinestoreMrkIcon128 = React.forwardRef((props, ref) => {
+    const theme = useTheme();
+    switch (theme) {
+        case EIconsTheme.LIGHT:
+            return React.createElement("svg", { width: "128", height: "128", fill: "none", viewBox: "0 0 128 128", name: "OnlinestoreMrkIcon128", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+                React.createElement("path", { fill: "#21A19A", d: "M112 77c0 16.569-13.431 30-30 30-16.568 0-30-13.431-30-30 0-16.568 13.432-30 30-30 16.569 0 30 13.432 30 30" }),
+                React.createElement("path", { fill: "url(#a_onlinestore128)", d: "M100 87a8 8 0 0 1-8 8H25a8 8 0 0 1-8-8V29a8 8 0 0 1 8-8h67a8 8 0 0 1 8 8z" }),
+                React.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M61.586 59.586a2 2 0 0 1 2.061-.479l19 6.498a2.002 2.002 0 0 1 .077 3.757l-6.144 2.39 4.834 4.834a2 2 0 1 1-2.828 2.828l-4.833-4.833-2.388 6.144a2.002 2.002 0 0 1-3.757-.078l-6.5-19a2 2 0 0 1 .478-2.061m8.034 14.587 1.516-3.898.085-.19c.223-.432.597-.77 1.054-.948l3.897-1.518-9.96-3.406z", clipRule: "evenodd" }),
+                React.createElement("path", { fill: "#fff", fillOpacity: ".65", d: "M44.5 64a7.5 7.5 0 1 1 0 15 7.5 7.5 0 0 1 0-15M42.21 36.578c.738-1.474 2.842-1.474 3.58 0l4.763 9.527A2 2 0 0 1 48.763 49h-9.527a2 2 0 0 1-1.789-2.895zM77 36a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2z" }),
+                React.createElement("defs", null,
+                    React.createElement("radialGradient", { id: "a_onlinestore128", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(-51.6445 -45.325 55.4094 -63.5158 84.783 78.35)", gradientUnits: "userSpaceOnUse" },
+                        React.createElement("stop", { stopColor: "#50BEB8" }),
+                        React.createElement("stop", { offset: ".861", stopColor: "#D6DEED" }))));
+        case EIconsTheme.DARK:
+            return React.createElement("svg", { width: "128", height: "128", fill: "none", viewBox: "0 0 128 128", name: "OnlinestoreMrkIcon128", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+                React.createElement("path", { fill: "#21A19A", d: "M112 77c0 16.569-13.431 30-30 30-16.568 0-30-13.431-30-30 0-16.568 13.432-30 30-30 16.569 0 30 13.432 30 30" }),
+                React.createElement("path", { fill: "url(#a_onlinestore128)", d: "M100 87a8 8 0 0 1-8 8H25a8 8 0 0 1-8-8V29a8 8 0 0 1 8-8h67a8 8 0 0 1 8 8z" }),
+                React.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M61.586 59.586a2 2 0 0 1 2.061-.479l19 6.498a2.001 2.001 0 0 1 .077 3.757l-6.144 2.39 4.834 4.834a2 2 0 1 1-2.829 2.828l-4.832-4.833-2.388 6.144a2.001 2.001 0 0 1-3.757-.078l-6.5-19a2 2 0 0 1 .478-2.061m8.034 14.587 1.516-3.898.085-.19c.222-.432.597-.77 1.054-.948l3.897-1.518-9.96-3.406z", clipRule: "evenodd" }),
+                React.createElement("path", { fill: "#fff", fillOpacity: ".45", d: "M44.5 64a7.5 7.5 0 1 1 0 15 7.5 7.5 0 0 1 0-15M42.21 36.578c.738-1.474 2.842-1.474 3.58 0l4.763 9.527A2 2 0 0 1 48.763 49h-9.527a2 2 0 0 1-1.789-2.895zM77 36a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2z" }),
+                React.createElement("defs", null,
+                    React.createElement("radialGradient", { id: "a_onlinestore128", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(-51.6445 -45.325 55.4094 -63.5158 84.783 78.35)", gradientUnits: "userSpaceOnUse" },
+                        React.createElement("stop", { stopColor: "#50BEB8" }),
+                        React.createElement("stop", { offset: ".861", stopColor: "#373C49" }))));
+    }
+});
+export default OnlinestoreMrkIcon128;

package/{NodocumentsMrkIcon84.d.ts → OnlinestoreMrkIcon96.d.ts}

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

package/OnlinestoreMrkIcon96.js

@@ -0,0 +1,28 @@
+import React from "react";
+import { useTheme, EIconsTheme } from "./ThemeProvider";
+const OnlinestoreMrkIcon96 = React.forwardRef((props, ref) => {
+    const theme = useTheme();
+    switch (theme) {
+        case EIconsTheme.LIGHT:
+            return React.createElement("svg", { width: "96", height: "96", fill: "none", viewBox: "0 0 96 96", name: "OnlinestoreMrkIcon96", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+                React.createElement("path", { fill: "#21A19A", d: "M84 58c0 12.15-9.85 22-22 22s-22-9.85-22-22 9.85-22 22-22 22 9.85 22 22" }),
+                React.createElement("path", { fill: "url(#a_onlinestore96)", d: "M75 65a6 6 0 0 1-6 6H19a6 6 0 0 1-6-6V22a6 6 0 0 1 6-6h50a6 6 0 0 1 6 6z" }),
+                React.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M46.189 44.44a1.5 1.5 0 0 1 1.547-.359l14.249 4.874a1.5 1.5 0 0 1 .06 2.817l-4.61 1.792 3.626 3.626a1.5 1.5 0 0 1-2.121 2.12l-3.625-3.624-1.791 4.607a1.501 1.501 0 0 1-2.818-.057l-4.876-14.25a1.5 1.5 0 0 1 .359-1.546m6.025 10.94 1.138-2.924.064-.143c.167-.324.448-.578.79-.711l2.923-1.138-7.47-2.556z", clipRule: "evenodd" }),
+                React.createElement("path", { fill: "#fff", fillOpacity: ".65", d: "M33.5 48a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11M31.658 28.684c.553-1.106 2.131-1.106 2.684 0l3.573 7.145A1.5 1.5 0 0 1 36.573 38h-7.146a1.5 1.5 0 0 1-1.342-2.17zM57.5 28a1.5 1.5 0 0 1 1.5 1.5v7a1.5 1.5 0 0 1-1.5 1.5h-7a1.5 1.5 0 0 1-1.5-1.5v-7a1.5 1.5 0 0 1 1.5-1.5z" }),
+                React.createElement("defs", null,
+                    React.createElement("radialGradient", { id: "a_onlinestore96", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(-38.5778 -33.6875 41.3902 -47.2077 63.633 58.625)", gradientUnits: "userSpaceOnUse" },
+                        React.createElement("stop", { stopColor: "#50BEB8" }),
+                        React.createElement("stop", { offset: ".861", stopColor: "#D6DEED" }))));
+        case EIconsTheme.DARK:
+            return React.createElement("svg", { width: "96", height: "96", fill: "none", viewBox: "0 0 96 96", name: "OnlinestoreMrkIcon96", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+                React.createElement("path", { fill: "#21A19A", d: "M84 58c0 12.15-9.85 22-22 22s-22-9.85-22-22 9.85-22 22-22 22 9.85 22 22" }),
+                React.createElement("path", { fill: "url(#a_onlinestore96)", d: "M75 65a6 6 0 0 1-6 6H19a6 6 0 0 1-6-6V22a6 6 0 0 1 6-6h50a6 6 0 0 1 6 6z" }),
+                React.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M46.189 44.44a1.5 1.5 0 0 1 1.547-.359l14.249 4.874a1.5 1.5 0 0 1 .06 2.817l-4.61 1.792 3.626 3.626a1.5 1.5 0 0 1-2.121 2.12l-3.625-3.624-1.791 4.607a1.501 1.501 0 0 1-2.818-.057l-4.876-14.25a1.5 1.5 0 0 1 .359-1.546m6.025 10.94 1.138-2.924.064-.143c.167-.324.448-.578.79-.711l2.923-1.138-7.47-2.556z", clipRule: "evenodd" }),
+                React.createElement("path", { fill: "#fff", fillOpacity: ".45", d: "M33.5 48a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11M31.658 28.684c.553-1.106 2.13-1.106 2.684 0l3.573 7.145A1.5 1.5 0 0 1 36.573 38h-7.146a1.5 1.5 0 0 1-1.342-2.17zM57.5 28a1.5 1.5 0 0 1 1.5 1.5v7a1.5 1.5 0 0 1-1.5 1.5h-7a1.5 1.5 0 0 1-1.5-1.5v-7a1.5 1.5 0 0 1 1.5-1.5z" }),
+                React.createElement("defs", null,
+                    React.createElement("radialGradient", { id: "a_onlinestore96", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(-38.5778 -33.6875 41.3902 -47.2077 63.633 58.625)", gradientUnits: "userSpaceOnUse" },
+                        React.createElement("stop", { stopColor: "#50BEB8" }),
+                        React.createElement("stop", { offset: ".861", stopColor: "#373C49" }))));
+    }
+});
+export default OnlinestoreMrkIcon96;

package/PartnerbonusesStrokePrdIcon20.js

@@ -4,7 +4,7 @@ import getPathClassName from "./utils/getPathClassName";
 const PartnerbonusesStrokePrdIcon20 = 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: "PartnerbonusesStrokePrdIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
-        React.createElement("path", { className: pathClassName, d: "M17.5 16a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3M16.793 11.793a1 1 0 0 1 1.414 1.414l-5 5a1 1 0 0 1-1.414-1.414zM3.731 9.563c.7-.583 1.546-.459 2.127-.054l.112.084.002.002c.665.541 1.651.938 2.634 1.044a1 1 0 0 1-.213 1.988c-1.263-.136-2.565-.623-3.552-1.379C3.65 12.317 3 13.702 3 15.207c0 .17 0 .33.01.49q.014.188.041.303H8.5a1 1 0 0 1 0 2H2.89a1.73 1.73 0 0 1-1.202-.458 2 2 0 0 1-.54-.91C.988 16.097 1 15.489 1 15.207c0-2.223 1.018-4.211 2.73-5.642zM12.5 11a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3" }),
+        React.createElement("path", { className: pathClassName, d: "M17.5 17a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3M16.793 12.793a1 1 0 0 1 1.414 1.414l-5 5a1 1 0 0 1-1.414-1.414zM3.731 9.563c.7-.583 1.546-.459 2.127-.054l.112.084.002.002c.665.541 1.651.938 2.634 1.044a1 1 0 0 1-.213 1.988c-1.263-.136-2.565-.623-3.552-1.379C3.65 12.317 3 13.702 3 15.207c0 .17 0 .33.01.49q.014.188.041.303H8.5a1 1 0 0 1 0 2H2.89a1.73 1.73 0 0 1-1.202-.458 2 2 0 0 1-.54-.91C.988 16.097 1 15.489 1 15.207c0-2.223 1.018-4.211 2.73-5.642zM12.5 12a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3" }),
         React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M9.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 PartnerbonusesStrokePrdIcon20;

package/PartnerprogramStrokePrdIcon20.d.ts

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

package/PartnerprogramStrokePrdIcon20.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const PartnerprogramStrokePrdIcon20 = 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: "PartnerprogramStrokePrdIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M16.81 14.702c.335-.177.933-.338 1.485.027l.115.085h.001c1 .814 1.589 2.01 1.589 3.29 0 .2-.006.595-.15.961a1.5 1.5 0 0 1-.466.64A1.42 1.42 0 0 1 18.5 20h-6c-.31 0-.62-.09-.884-.296a1.5 1.5 0 0 1-.467-.639c-.143-.366-.149-.76-.149-.962 0-1.257.573-2.44 1.544-3.251l.002-.002c.18-.15.445-.307.802-.331.324-.022.598.077.787.165.911.423 1.851.434 2.675.018m.605 1.92c-1.253.533-2.603.49-3.831 0A2.22 2.22 0 0 0 13.006 18h4.988a2.2 2.2 0 0 0-.579-1.378", clipRule: "evenodd" }),
+        React.createElement("path", { className: pathClassName, d: "M1.316 12.58a1 1 0 0 1 1.31.53 8.02 8.02 0 0 0 5.596 4.692 1 1 0 0 1-.443 1.95A10.02 10.02 0 0 1 .785 13.89a1 1 0 0 1 .531-1.31" }),
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M15.5 9.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m0 2a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1M5.81 5.202c.335-.177.932-.338 1.485.027l.115.084.001.001C8.411 6.128 9 7.324 9 8.604c0 .2-.006.595-.15.961-.078.2-.216.444-.466.64a1.42 1.42 0 0 1-.884.295h-6c-.31 0-.62-.09-.884-.296a1.5 1.5 0 0 1-.467-.639C.006 9.2 0 8.805 0 8.604c0-1.258.573-2.44 1.544-3.252l.002-.002c.18-.15.445-.307.802-.331.324-.022.598.077.787.165.911.423 1.851.434 2.675.018m.605 1.92c-1.253.533-2.603.49-3.831 0A2.22 2.22 0 0 0 2.006 8.5h4.988a2.2 2.2 0 0 0-.579-1.378", clipRule: "evenodd" }),
+        React.createElement("path", { className: pathClassName, d: "M10 0c4.56 0 8.406 3.052 9.61 7.223a1 1 0 0 1-1.922.554A8.004 8.004 0 0 0 10 2a1 1 0 1 1 0-2" }),
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M4.5 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m0 2a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1", clipRule: "evenodd" }));
+});
+export default PartnerprogramStrokePrdIcon20;

package/PartnerprogramStrokePrdIcon32.d.ts

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

package/PartnerprogramStrokePrdIcon32.js

@@ -0,0 +1,14 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const PartnerprogramStrokePrdIcon32 = 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: "PartnerprogramStrokePrdIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M24.676 23.15c.4-.175.946-.241 1.446.094l.114.085v.001A4.75 4.75 0 0 1 28 27c0 .142.011.556-.104.933-.063.203-.184.479-.437.707a1.43 1.43 0 0 1-.967.362h-6.992a1.42 1.42 0 0 1-.97-.366 1.56 1.56 0 0 1-.433-.713c-.11-.374-.097-.791-.097-.923 0-1.378.623-2.75 1.714-3.662l.001-.001c.534-.445 1.187-.374 1.625-.18l.174.09.18.1c.898.472 1.818.458 2.81-.11zm-3.928 1.958A2.83 2.83 0 0 0 19.999 27v.002h6V27c0-.688-.274-1.367-.771-1.884-1.496.76-3.045.751-4.48-.008", clipRule: "evenodd" }),
+        React.createElement("path", { className: pathClassName, d: "M4.128 18.031a1 1 0 0 1 1.218.72 11.02 11.02 0 0 0 8.818 8.097 1 1 0 0 1-.33 1.972A13.02 13.02 0 0 1 3.408 19.25a1 1 0 0 1 .72-1.218" }),
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M23 17a3 3 0 1 1 0 6 3 3 0 0 1 0-6m0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2", clipRule: "evenodd" }),
+        React.createElement("path", { className: pathClassName, d: "M16 3q1.09.001 2.133.176l.031.004.057.01a13 13 0 0 1 1.407.326l.205.06a13 13 0 0 1 .592.2q.058.02.115.042a13.04 13.04 0 0 1 7.769 7.998l.053.16a13 13 0 0 1 .186.624q.023.078.043.158a13 13 0 0 1 .212.985l.022.133q.172 1.037.174 2.124a1 1 0 0 1-2 0q0-.516-.048-1.02a11 11 0 0 0-.616-2.747l-.016-.043a11.04 11.04 0 0 0-8.083-6.961l-.107-.021A11 11 0 0 0 16 5a1 1 0 0 1 0-2" }),
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M11.676 10.15c.4-.175.945-.242 1.445.094l.115.085v.001A4.75 4.75 0 0 1 15 14c0 .142.011.556-.104.933-.063.203-.184.479-.437.707a1.43 1.43 0 0 1-.967.362H6.499a1.42 1.42 0 0 1-.97-.366 1.56 1.56 0 0 1-.433-.713C4.986 14.549 5 14.132 5 14c0-1.378.623-2.75 1.714-3.662l.001-.001c.534-.445 1.187-.374 1.625-.18l.174.09.18.1c.898.472 1.818.458 2.81-.11zm-3.929 1.958A2.83 2.83 0 0 0 7 14v.002h6V14c0-.688-.274-1.367-.771-1.884-1.496.76-3.045.751-4.48-.008", clipRule: "evenodd" }),
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M10 4a3 3 0 1 1 0 6 3 3 0 0 1 0-6m0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2", clipRule: "evenodd" }));
+});
+export default PartnerprogramStrokePrdIcon32;

package/PartnersbankStrokePrdIcon20.js

@@ -4,8 +4,8 @@ import getPathClassName from "./utils/getPathClassName";
 const PartnersbankStrokePrdIcon20 = 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: "PartnersbankStrokePrdIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
-        React.createElement("path", { className: pathClassName, d: "M9.125 12.901c.613-2.693 3.315-4.385 6.035-3.778a1 1 0 0 1 .762 1.195 1.01 1.01 0 0 1-1.207.756c-1.632-.364-3.253.65-3.62 2.267-.368 1.616.657 3.22 2.288 3.585 1.633.364 3.254-.65 3.622-2.267a1.01 1.01 0 0 1 1.207-.756 1 1 0 0 1 .763 1.196c-.613 2.693-3.315 4.385-6.035 3.778s-4.428-3.282-3.815-5.976M3.731 9.563c.7-.583 1.546-.459 2.127-.054l.112.084.002.002c.367.299.84.559 1.367.749a1 1 0 0 1-.678 1.882 6.8 6.8 0 0 1-1.819-.978C3.65 12.317 3 13.701 3 15.207c0 .17 0 .33.01.49q.014.188.041.303H7a1 1 0 0 1 0 2H2.89a1.73 1.73 0 0 1-1.202-.458 2 2 0 0 1-.54-.91C.988 16.097 1 15.489 1 15.207c0-2.223 1.018-4.211 2.73-5.642z" }),
-        React.createElement("path", { className: pathClassName, d: "M16.432 11.232a1.02 1.02 0 0 1 1.423.128.993.993 0 0 1-.13 1.409l-3.029 2.499a1.017 1.017 0 0 1-1.36-.061l-1.01-1a.993.993 0 0 1 0-1.414 1.017 1.017 0 0 1 1.428 0l.358.355z" }),
+        React.createElement("path", { className: pathClassName, d: "M14.5 9a5.5 5.5 0 0 1 1.221.137 1 1 0 0 1-.443 1.95A3.503 3.503 0 0 0 11 14.5c0 1.93 1.57 3.5 3.5 3.5a3.51 3.51 0 0 0 3.413-2.722 1 1 0 0 1 1.95.444A5.51 5.51 0 0 1 14.5 20 5.505 5.505 0 0 1 9 14.5C9 11.466 11.466 9 14.5 9M3.731 9.563c.7-.583 1.546-.459 2.127-.054l.112.084.002.002c.367.299.84.559 1.367.749a1 1 0 0 1-.678 1.882 6.8 6.8 0 0 1-1.819-.978C3.65 12.317 3 13.701 3 15.207c0 .17 0 .33.01.49q.014.188.041.303H7a1 1 0 0 1 0 2H2.89a1.73 1.73 0 0 1-1.202-.458 2 2 0 0 1-.54-.91C.988 16.097 1 15.489 1 15.207c0-2.223 1.018-4.211 2.73-5.642z" }),
+        React.createElement("path", { className: pathClassName, d: "M16.874 11.823a1.001 1.001 0 0 1 1.252 1.56l-2.997 2.404a1 1 0 0 1-1.243.008l-1.002-.785a1 1 0 0 1 1.232-1.575l.379.295z" }),
         React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M9.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 PartnersbankStrokePrdIcon20;

package/PartnersbankStrokePrdIcon32.js

@@ -4,8 +4,8 @@ import getPathClassName from "./utils/getPathClassName";
 const PartnersbankStrokePrdIcon32 = 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: "PartnersbankStrokePrdIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
-        React.createElement("path", { className: pathClassName, d: "M20.5 16c.832 0 1.63.157 2.364.443a1 1 0 0 1-.728 1.864 4.5 4.5 0 1 0 2.85 4.532 1 1 0 0 1 1.996.147A6.5 6.5 0 1 1 20.5 16" }),
-        React.createElement("path", { className: pathClassName, d: "M24.876 18.469a1 1 0 0 1 1.249 1.562l-5 4a1 1 0 0 1-1.239.008l-2-1.556a1 1 0 1 1 1.228-1.578l1.377 1.072zM7.027 14.731c.735-.612 1.624-.486 2.241-.056l.12.09.002.002C10.304 15.51 11.714 16 13 16a1 1 0 0 1 0 2c-1.686 0-3.517-.61-4.808-1.633C6.777 17.6 6 19.218 6 20.983c0 .19 0 .374.011.559q.018.279.066.438l.008.02H11a1 1 0 0 1 0 2H6.002c-.487 0-.927-.163-1.268-.481a2.14 2.14 0 0 1-.573-.967C3.987 21.97 4 21.306 4 20.983c0-2.46 1.126-4.663 3.026-6.25z" }),
+        React.createElement("path", { className: pathClassName, d: "M20.5 16q.308 0 .61.028l.046.005a6.5 6.5 0 0 1 .844.142l.106.027q.084.02.167.044l.013.004q.295.084.578.195a1 1 0 0 1-.729 1.863A4.5 4.5 0 0 0 20.5 18c-2.48 0-4.5 2.02-4.5 4.5s2.02 4.5 4.5 4.5c2.2 0 4.04-1.59 4.426-3.682a1 1 0 0 1 1.966.364C26.335 26.704 23.682 29 20.5 29a6.506 6.506 0 0 1-6.5-6.5c0-3.585 2.915-6.5 6.5-6.5" }),
+        React.createElement("path", { className: pathClassName, d: "M24.375 19.121a1 1 0 0 1 1.25 1.56l-4.496 3.607a1 1 0 0 1-1.242.007l-1.926-1.507a1 1 0 0 1 1.232-1.575l1.302 1.018zM7.027 14.731c.735-.612 1.624-.486 2.241-.056l.12.09.002.002C10.304 15.51 11.714 16 13 16a1 1 0 0 1 0 2c-1.686 0-3.517-.61-4.808-1.633C6.777 17.6 6 19.218 6 20.983c0 .19 0 .374.011.559q.018.279.066.438l.008.02H11a1 1 0 0 1 0 2H6.002c-.487 0-.927-.163-1.268-.481a2.14 2.14 0 0 1-.573-.967C3.987 21.97 4 21.306 4 20.983c0-2.46 1.126-4.663 3.026-6.25z" }),
         React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M13 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 PartnersbankStrokePrdIcon32;

package/Paymentsb2bStrokePrdIcon20.d.ts

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

package/Paymentsb2bStrokePrdIcon20.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const Paymentsb2bStrokePrdIcon20 = 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: "Paymentsb2bStrokePrdIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, d: "M3.731 9.564c.747-.622 1.66-.44 2.24.03h.001c.791.645 2.02 1.072 3.14 1.072a1 1 0 0 1 0 2c-1.491 0-3.106-.527-4.27-1.418C3.65 12.317 3 13.701 3 15.207c0 .17 0 .33.01.49q.014.188.041.303h3.035l-.293-.293a1 1 0 0 1 1.414-1.414l2 2a1 1 0 0 1 0 1.414l-2 2a1 1 0 0 1-1.414-1.414L6.086 18H2.89a1.73 1.73 0 0 1-1.202-.458 2 2 0 0 1-.54-.91C.987 16.099 1 15.49 1 15.208c0-2.223 1.018-4.211 2.73-5.642z" }),
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M16.958 10.005a1 1 0 0 1 .619.3l2.142 2.223c.18.187.28.436.28.695V18a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2h2.858zM14 18h4v-4.375L16.432 12H14zM9.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 Paymentsb2bStrokePrdIcon20;

package/Paymentsb2bStrokePrdIcon32.d.ts

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

package/Paymentsb2bStrokePrdIcon32.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const Paymentsb2bStrokePrdIcon32 = 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: "Paymentsb2bStrokePrdIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M23.709 15a2 2 0 0 1 1.46.634l2.292 2.45A2 2 0 0 1 28 19.45V26a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2zm-3.71 11h6v-6.55L23.71 17h-3.71z", clipRule: "evenodd" }),
+        React.createElement("path", { className: pathClassName, d: "M7.027 14.731c.735-.612 1.624-.486 2.241-.056l.12.09.002.002C10.304 15.51 11.714 16 13 16q.338 0 .691-.046c.34-.043.683-.116 1.02-.218a1.001 1.001 0 0 1 .577 1.916 8.3 8.3 0 0 1-1.712.325A7 7 0 0 1 13 18l-.318-.007c-1.595-.07-3.28-.666-4.49-1.626C6.777 17.6 6 19.218 6 20.983c0 .19 0 .374.011.559q.018.279.066.438l.008.02h5.5l-1.12-1.121a1 1 0 0 1 1.414-1.414l2.828 2.828a1 1 0 0 1 0 1.414l-2.828 2.828a1 1 0 0 1-1.415-1.414L11.587 24H6.002c-.487 0-.927-.163-1.268-.481a2.14 2.14 0 0 1-.573-.967C3.987 21.97 4 21.306 4 20.983c0-2.46 1.126-4.663 3.026-6.25z" }),
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M13 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 Paymentsb2bStrokePrdIcon32;

package/PaymentscounterpartyStrokePrdIcon20.d.ts

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

package/PaymentscounterpartyStrokePrdIcon20.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const PaymentscounterpartyStrokePrdIcon20 = 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: "PaymentscounterpartyStrokePrdIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, d: "M3.731 9.564c.747-.622 1.66-.44 2.24.03h.001c.791.645 2.02 1.072 3.14 1.072a1 1 0 0 1 0 2c-1.491 0-3.106-.527-4.27-1.418C3.65 12.317 3 13.701 3 15.207c0 .17 0 .33.01.49q.014.188.041.303h3.035l-.293-.293a1 1 0 0 1 1.414-1.414l2 2a1 1 0 0 1 0 1.414l-2 2a1 1 0 0 1-1.414-1.414L6.086 18H2.89a1.73 1.73 0 0 1-1.202-.458 2 2 0 0 1-.54-.91C.987 16.099 1 15.49 1 15.208c0-2.223 1.018-4.211 2.73-5.642z" }),
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M16.81 14.702c.335-.177.932-.338 1.485.027l.115.085c1 .814 1.59 2.01 1.59 3.29 0 .2-.006.595-.15.961a1.5 1.5 0 0 1-.466.64A1.42 1.42 0 0 1 18.5 20h-6c-.31 0-.621-.09-.884-.296a1.5 1.5 0 0 1-.467-.639c-.144-.366-.15-.76-.15-.962 0-1.257.573-2.44 1.545-3.251l.002-.002c.18-.15.445-.307.801-.331.325-.022.599.077.787.165.912.423 1.852.434 2.675.018m.605 1.92c-1.253.533-2.603.49-3.831 0A2.22 2.22 0 0 0 13.006 18h4.988a2.2 2.2 0 0 0-.58-1.378", clipRule: "evenodd" }),
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M15.5 9.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m0 2a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1M9.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 PaymentscounterpartyStrokePrdIcon20;

package/PaymentscounterpartyStrokePrdIcon32.d.ts

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

package/PaymentscounterpartyStrokePrdIcon32.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const PaymentscounterpartyStrokePrdIcon32 = 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: "PaymentscounterpartyStrokePrdIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M24.677 21.15c.4-.175.945-.242 1.445.094l.114.085.001.001A4.75 4.75 0 0 1 28 25c0 .142.01.556-.105.933-.062.203-.184.479-.436.707a1.43 1.43 0 0 1-.968.362H19.5a1.42 1.42 0 0 1-.971-.366 1.55 1.55 0 0 1-.433-.713c-.11-.374-.096-.791-.096-.923 0-1.378.622-2.75 1.714-3.662v-.001c.535-.445 1.187-.374 1.626-.18l.173.09.18.1c.899.472 1.819.458 2.81-.11zm-3.93 1.958A2.83 2.83 0 0 0 20 25v.002h6V25c0-.688-.275-1.367-.772-1.884-1.496.76-3.045.751-4.48-.008", clipRule: "evenodd" }),
+        React.createElement("path", { className: pathClassName, d: "M7.027 14.731c.735-.612 1.624-.486 2.241-.056l.12.09.002.002C10.304 15.51 11.714 16 13 16q.338 0 .691-.046c.34-.043.683-.116 1.02-.218q.075-.022.151-.032c.659-.216 1.27-.533 1.747-.92a1 1 0 0 1 1.264 1.55c-1.295 1.054-3.16 1.683-4.873 1.683a1 1 0 0 1-.203-.022l-.115-.002c-1.595-.07-3.28-.666-4.49-1.626C6.777 17.6 6 19.218 6 20.983c0 .19 0 .374.011.559q.018.279.066.438l.008.02h5.5l-1.12-1.121a1 1 0 0 1 1.414-1.414l2.828 2.828a1 1 0 0 1 0 1.414l-2.828 2.828a1 1 0 0 1-1.415-1.414L11.587 24H6.002c-.487 0-.927-.163-1.268-.481a2.14 2.14 0 0 1-.573-.967C3.987 21.97 4 21.306 4 20.983c0-2.46 1.126-4.663 3.026-6.25z" }),
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M23 15a3 3 0 1 1 0 6 3 3 0 0 1 0-6m0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2M13 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 PaymentscounterpartyStrokePrdIcon32;

package/PaymentspeopleStrokePrdIcon20.d.ts

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

package/PaymentspeopleStrokePrdIcon20.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const PaymentspeopleStrokePrdIcon20 = 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: "PaymentspeopleStrokePrdIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, d: "M3.731 9.564c.747-.622 1.66-.44 2.24.03h.001c.791.645 2.02 1.072 3.14 1.072.237 0 .485-.02.735-.058a1 1 0 0 1 .305 1.977 7 7 0 0 1-1.04.081c-1.491 0-3.106-.527-4.27-1.418C3.65 12.317 3 13.701 3 15.207c0 .17 0 .33.01.49q.014.188.041.303h3.035l-.293-.293a1 1 0 0 1 1.414-1.414l2 2a1 1 0 0 1 0 1.414l-2 2a1 1 0 0 1-1.414-1.414L6.086 18H2.89a1.73 1.73 0 0 1-1.202-.458 2 2 0 0 1-.54-.91C.987 16.099 1 15.49 1 15.208c0-2.223 1.018-4.211 2.73-5.642z" }),
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M16 10a3 3 0 1 1 0 6h-1v.5h.5a1 1 0 1 1 0 2H15v.5a1 1 0 1 1-2 0v-.5h-.5a1 1 0 0 1 0-2h.5V16h-.5a1 1 0 0 1 0-2h.5v-3l.005-.102A1 1 0 0 1 14 10zm-1 4h1a1 1 0 1 0 0-2h-1zM9.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 PaymentspeopleStrokePrdIcon20;

package/PaymentspeopleStrokePrdIcon32.d.ts

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

package/PaymentspeopleStrokePrdIcon32.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const PaymentspeopleStrokePrdIcon32 = 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: "PaymentspeopleStrokePrdIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M22.5 15a3.5 3.5 0 1 1 0 7H21v1h.988a1 1 0 1 1 0 2H21v1a1 1 0 1 1-2 0v-1h-1a1 1 0 0 1 0-2h1v-1h-1a1 1 0 0 1 0-2h1v-4l.005-.102A1 1 0 0 1 20 15zM21 20h1.5a1.5 1.5 0 0 0 0-3H21z", clipRule: "evenodd" }),
+        React.createElement("path", { className: pathClassName, d: "M7.027 14.731c.735-.612 1.624-.486 2.241-.056l.12.09.002.002C10.304 15.51 11.714 16 13 16c.553 0 1.142-.092 1.712-.264a1.001 1.001 0 0 1 .576 1.916A8 8 0 0 1 13 18l-.318-.007c-1.595-.07-3.28-.666-4.49-1.626C6.777 17.6 6 19.218 6 20.983c0 .19 0 .374.011.559q.018.279.066.438l.008.02h4.5l-1.12-1.121a1 1 0 0 1 1.414-1.414l2.828 2.828a1 1 0 0 1 0 1.414l-2.828 2.828a1 1 0 0 1-1.414-1.414L10.585 24H6.003c-.487 0-.927-.163-1.268-.481a2.14 2.14 0 0 1-.573-.967C3.987 21.97 4 21.306 4 20.983c0-2.46 1.126-4.663 3.026-6.25z" }),
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M13 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 PaymentspeopleStrokePrdIcon32;

package/PercentStrokeSrvIcon20.d.ts

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

package/PercentStrokeSrvIcon20.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const PercentStrokeSrvIcon20 = 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: "PercentStrokeSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, d: "M16.293 2.293a1 1 0 1 1 1.414 1.414l-14 14a1 1 0 1 1-1.414-1.414z" }),
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M14.5 11a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7m0 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3M5.5 2a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7m0 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3", clipRule: "evenodd" }));
+});
+export default PercentStrokeSrvIcon20;

package/PercentStrokeSrvIcon24.d.ts

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

package/PercentStrokeSrvIcon24.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const PercentStrokeSrvIcon24 = 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: "PercentStrokeSrvIcon24", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, d: "M18.293 4.293a1 1 0 1 1 1.414 1.414l-14 14a1 1 0 1 1-1.414-1.414z" }),
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M16.5 13a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7m0 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3M7.5 4a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7m0 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3", clipRule: "evenodd" }));
+});
+export default PercentStrokeSrvIcon24;

package/PercentStrokeSrvIcon32.d.ts

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

package/PercentStrokeSrvIcon32.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const PercentStrokeSrvIcon32 = 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: "PercentStrokeSrvIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, d: "M24.293 6.293a1 1 0 1 1 1.414 1.414l-18 18a1 1 0 1 1-1.414-1.414z" }),
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M21.5 17a4.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-5M10.5 6a4.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 PercentStrokeSrvIcon32;

package/PersonalprotectionplusStrokePrdIcon20.d.ts

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

package/PersonalprotectionplusStrokePrdIcon20.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const PersonalprotectionplusStrokePrdIcon20 = 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: "PersonalprotectionplusStrokePrdIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M14.352 9.44a1 1 0 0 1 .44.034l3.5 1.07A1 1 0 0 1 19 11.5v1.94c0 1.64-.457 2.913-1.224 3.952-.746 1.01-1.749 1.743-2.735 2.378a1 1 0 0 1-1.082 0c-.988-.635-1.99-1.371-2.736-2.381C10.457 16.35 10 15.077 10 13.44V11.5a1 1 0 0 1 .708-.956l3.5-1.07zM12 12.24v1.2c0 1.228.33 2.081.833 2.761.417.566.98 1.046 1.667 1.525.687-.479 1.25-.958 1.668-1.523.501-.679.832-1.531.832-2.763v-1.2l-2.5-.765z", clipRule: "evenodd" }),
+        React.createElement("path", { className: pathClassName, d: "M3.731 9.563c.7-.583 1.546-.459 2.127-.054l.112.084.002.002c.367.299.84.559 1.367.749a1 1 0 0 1-.678 1.882 6.8 6.8 0 0 1-1.819-.978C3.65 12.317 3 13.701 3 15.207c0 .17 0 .33.01.49q.014.188.041.303H8a1 1 0 0 1 0 2H2.89a1.73 1.73 0 0 1-1.202-.458 2 2 0 0 1-.54-.91C.988 16.097 1 15.489 1 15.207c0-2.223 1.018-4.211 2.73-5.642z" }),
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M9.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 PersonalprotectionplusStrokePrdIcon20;

package/PersonalprotectionplusStrokePrdIcon32.d.ts

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

package/PersonalprotectionplusStrokePrdIcon32.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { useTheme } from "./ThemeProvider";
+import getPathClassName from "./utils/getPathClassName";
+const PersonalprotectionplusStrokePrdIcon32 = 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: "PersonalprotectionplusStrokePrdIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M22.356 15.01a1 1 0 0 1 .431.032l5 1.5a1 1 0 0 1 .713.958v3c0 2.132-.634 3.807-1.673 5.172-1.02 1.34-2.398 2.336-3.812 3.185a1 1 0 0 1-1.03 0c-1.415-.85-2.792-1.849-3.812-3.189-1.039-1.365-1.673-3.04-1.673-5.168v-3a1 1 0 0 1 .713-.958l5-1.5zM18.5 18.245V20.5c0 1.691.49 2.94 1.265 3.957.688.905 1.626 1.658 2.735 2.366 1.11-.708 2.047-1.46 2.735-2.363.774-1.015 1.265-2.265 1.265-3.96v-2.256l-4-1.2z", clipRule: "evenodd" }),
+        React.createElement("path", { className: pathClassName, d: "M7.062 14.45a1.94 1.94 0 0 1 2.325-.119l.137.103.002.002c.937.77 2.14 1.199 3.389 1.199q.466 0 .917-.078a1 1 0 0 1 .336 1.971q-.617.106-1.253.107a7.35 7.35 0 0 1-4.61-1.616C6.832 17.282 6 19.073 6 20.937q0 .523.093 1.063H13a1 1 0 1 1 0 2H6.017c-.832 0-1.599-.538-1.832-1.36l-.04-.167A8.4 8.4 0 0 1 4 20.936c0-2.49 1.124-4.852 3.06-6.485z" }),
+        React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M13 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 PersonalprotectionplusStrokePrdIcon32;

package/PhoneSysIcon128.d.ts

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

package/PhoneSysIcon128.js

@@ -0,0 +1,26 @@
+import React from "react";
+import { useTheme, EIconsTheme } from "./ThemeProvider";
+const PhoneSysIcon128 = React.forwardRef((props, ref) => {
+    const theme = useTheme();
+    switch (theme) {
+        case EIconsTheme.LIGHT:
+            return React.createElement("svg", { width: "128", height: "128", fill: "none", viewBox: "0 0 128 128", name: "PhoneSysIcon128", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+                React.createElement("path", { fill: "#8291B3", d: "M70 55c0 15.464-12.536 28-28 28S14 70.464 14 55s12.536-28 28-28 28 12.536 28 28" }),
+                React.createElement("path", { fill: "url(#a_phone128)", d: "M114 64c0 23.196-18.804 42-42 42H33.992A3.99 3.99 0 0 1 30 102.006V64c0-23.196 18.804-42 42-42s42 18.804 42 42" }),
+                React.createElement("path", { fill: "#fff", d: "M80.19 36.277c-3.024-1.113-6.022.167-7.343 3.193l-1.633 3.742-1.311 2.972-.433 1.052c-1.11 2.997-.001 5.83 2.815 7.258l.754.351 1.474.651 1.88.79c-.123 1.357-.43 2.751-.933 4.325-1.212 3.828-2.861 7.216-4.962 10.103l-.29.357-.17.197-.441.488-.45-.204-3.266-1.437c-3.026-1.32-6.092-.222-7.551 2.647l-.182.385-2.372 5.392-.87 2.03c-1.347 3.087-.25 6.155 2.68 7.644l.392.184 2.656 1.135.627.285.284.135.546.275c2.533 1.254 5.128 1.182 7.812-.016 2.874-1.292 5.366-3.28 7.929-6.083A50 50 0 0 0 88.489 66.08c1.834-5.272 2.743-10.423 2.639-15.525-.063-3.143-.51-5.65-1.611-8.024-.905-1.928-2.363-3.316-4.355-4.135l-.46-.19-3.785-1.63zm-3.676 4.793c.483-1.107 1.275-1.402 2.264-1.05l.629.258 3.712 1.6.053.023.462.19.204.089c.962.441 1.61 1.097 2.057 2.05.742 1.603 1.128 3.383 1.22 5.89l.013.515v.002c.088 4.274-.618 8.652-2.109 13.214l-.308.915-.014.04a45.9 45.9 0 0 1-9.399 16.16l-.413.457-.006.006c-2.325 2.543-4.39 4.133-6.617 5.134h.001c-1.739.773-3.065.731-4.375.09l-.545-.274-.051-.025-.333-.159-.045-.02-.626-.284-.083-.037-2.585-1.104-.24-.114c-.62-.32-.866-.694-.965-.975-.101-.287-.155-.777.157-1.492l.011-.025.855-1.995 2.348-5.337.124-.264c.295-.566.653-.807.938-.908.29-.102.762-.15 1.422.136l3.265 1.438.416.187a4 4 0 0 0 4.61-.96l.442-.487.035-.04.22-.253.058-.072.29-.356a4 4 0 0 0 .126-.166c2.39-3.284 4.217-7.07 5.54-11.24.566-1.777.95-3.464 1.104-5.18a4 4 0 0 0-2.434-4.049l-1.88-.79-1.334-.59-.654-.304c-.61-.315-.846-.667-.94-.91-.096-.245-.165-.676.078-1.347l.376-.915 1.285-2.916.006-.014z" }),
+                React.createElement("defs", null,
+                    React.createElement("radialGradient", { id: "a_phone128", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(47.32393 33.12672 -24.39043 34.8435 30 50.986)", gradientUnits: "userSpaceOnUse" },
+                        React.createElement("stop", { stopColor: "#909EBD" }),
+                        React.createElement("stop", { offset: "1", stopColor: "#D6DEED" }))));
+        case EIconsTheme.DARK:
+            return React.createElement("svg", { width: "128", height: "128", fill: "none", viewBox: "0 0 128 128", name: "PhoneSysIcon128", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
+                React.createElement("path", { fill: "#697591", d: "M70 55c0 15.464-12.536 28-28 28S14 70.464 14 55s12.536-28 28-28 28 12.536 28 28" }),
+                React.createElement("path", { fill: "url(#a_phone128)", d: "M114 64c0 23.196-18.804 42-42 42H33.992A3.99 3.99 0 0 1 30 102.006V64c0-23.196 18.804-42 42-42s42 18.804 42 42" }),
+                React.createElement("path", { fill: "#fff", d: "M80.19 36.277c-3.024-1.113-6.022.167-7.343 3.193l-1.633 3.742-1.311 2.972-.433 1.052c-1.11 2.997-.001 5.83 2.815 7.258l.754.351 1.474.651 1.88.79c-.123 1.357-.43 2.751-.933 4.325-1.212 3.828-2.861 7.216-4.962 10.103l-.29.357-.17.197-.441.488-.45-.204-3.266-1.437c-3.026-1.32-6.092-.222-7.551 2.647l-.182.385-2.372 5.392-.87 2.03c-1.347 3.087-.25 6.155 2.68 7.644l.392.184 2.656 1.135.627.285.284.135.546.275c2.533 1.254 5.128 1.182 7.812-.016 2.874-1.292 5.366-3.28 7.929-6.083A50 50 0 0 0 88.489 66.08c1.834-5.272 2.743-10.423 2.639-15.525-.063-3.143-.51-5.65-1.611-8.024-.905-1.928-2.363-3.316-4.355-4.135l-.46-.19-3.785-1.63zm-3.676 4.793c.483-1.107 1.275-1.402 2.264-1.05l.629.258 3.712 1.6.053.023.462.19.204.089c.962.441 1.61 1.097 2.057 2.05.742 1.603 1.128 3.383 1.22 5.89l.013.515v.002c.088 4.274-.618 8.652-2.109 13.214l-.308.915-.014.04a45.9 45.9 0 0 1-9.399 16.16l-.413.457-.006.006c-2.325 2.543-4.39 4.133-6.617 5.134h.001c-1.739.773-3.065.731-4.375.09l-.545-.274-.051-.025-.333-.159-.045-.02-.626-.284-.083-.037-2.585-1.104-.24-.114c-.62-.32-.866-.694-.965-.975-.101-.287-.155-.777.157-1.492l.011-.025.855-1.995 2.348-5.337.124-.264c.295-.566.653-.807.938-.908.29-.102.762-.15 1.422.136l3.265 1.438.416.187a4 4 0 0 0 4.61-.96l.442-.487.035-.04.22-.253.058-.072.29-.356a4 4 0 0 0 .126-.166c2.39-3.284 4.217-7.07 5.54-11.24.566-1.777.95-3.464 1.104-5.18a4 4 0 0 0-2.434-4.049l-1.88-.79-1.334-.59-.654-.304c-.61-.315-.846-.667-.94-.91-.096-.245-.165-.676.078-1.347l.376-.915 1.285-2.916.006-.014z" }),
+                React.createElement("defs", null,
+                    React.createElement("radialGradient", { id: "a_phone128", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(47.32393 33.12672 -24.39043 34.8435 30 50.986)", gradientUnits: "userSpaceOnUse" },
+                        React.createElement("stop", { stopColor: "#697591" }),
+                        React.createElement("stop", { offset: "1", stopColor: "#414757" }))));
+    }
+});
+export default PhoneSysIcon128;

package/PhoneSysIcon96.d.ts

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