@alfalab/icons-glyph 2.293.2 → 2.294.0

package/ScalesMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ScalesMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M5.523 3.997L7.95 8.73C9.503 11.76 7.582 15 4.5 15c-2.307 0-3.964-1.816-4-4a4.796 4.796 0 01.55-2.27L4.5 2h15l3.45 6.73c1.456 2.84-.142 5.866-2.887 6.233A4.264 4.264 0 0119.5 15c-2.308 0-3.965-1.816-4-4a4.797 4.797 0 01.55-2.27l2.423-4.727-5.474-.006C13 11 13.5 16 16.05 21H8c2.501-5 3-10 3-17.003H5.523zM4.5 6.384L2.83 9.642c-.248.484-.35.943-.34 1.358h4.018c.01-.415-.09-.874-.338-1.358L4.5 6.384zm13.33 3.258l1.67-3.258 1.67 3.258c.247.484.349.943.338 1.358h-4.017c-.01-.415.09-.874.338-1.358z", fillRule: "evenodd", clipRule: "evenodd" }))); };
+var ScalesMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M5.523 3.997L7.95 8.73C9.503 11.76 7.582 15 4.5 15c-2.307 0-3.964-1.816-4-4a4.796 4.796 0 01.55-2.27L4.5 2h15l3.45 6.73c1.456 2.84-.142 5.866-2.887 6.233A4.264 4.264 0 0119.5 15c-2.308 0-3.965-1.816-4-4a4.797 4.797 0 01.55-2.27l2.423-4.727-5.474-.006C13 11 13.5 16 16.05 21H8c2.501-5 3-10 3-17.003H5.523zM4.5 6.384L2.83 9.642c-.248.484-.35.943-.34 1.358h4.018c.01-.415-.09-.874-.338-1.358L4.5 6.384zm13.33 3.258l1.67-3.258 1.67 3.258c.247.484.349.943.338 1.358h-4.017c-.01-.415.09-.874.338-1.358z", fillRule: "evenodd", clipRule: "evenodd" }))); });
+ScalesMIcon.displayName = 'ScalesMIcon';
 
 exports.ScalesMIcon = ScalesMIcon;
 exports.default = ScalesMIcon;

package/ScanMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ScanMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ScanMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ScanMIcon;

package/ScanMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ScanMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M3 5a2 2 0 012-2h3v2H5v3H3V5zm13 0V3h3a2 2 0 012 2v3h-2V5h-3zm5 11h-2v3h-3v2h3a2 2 0 002-2v-3zM8 19v2H5a2 2 0 01-2-2v-2.778h2V19h3zm-3-8h14v2H5v-2z" }))); };
+var ScanMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M3 5a2 2 0 012-2h3v2H5v3H3V5zm13 0V3h3a2 2 0 012 2v3h-2V5h-3zm5 11h-2v3h-3v2h3a2 2 0 002-2v-3zM8 19v2H5a2 2 0 01-2-2v-2.778h2V19h3zm-3-8h14v2H5v-2z" }))); });
+ScanMIcon.displayName = 'ScanMIcon';
 
 exports.ScanMIcon = ScanMIcon;
 exports.default = ScanMIcon;

package/ScheduleMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ScheduleMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ScheduleMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ScheduleMIcon;

package/ScheduleMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ScheduleMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M4 4.633a1.367 1.367 0 100 2.734 1.367 1.367 0 000-2.734zM8 5h12v2H8V5zm12 6H8v2h12v-2zm0 6H8v2h12v-2zM2.633 12a1.367 1.367 0 112.734 0 1.367 1.367 0 01-2.734 0zM4 16.633a1.367 1.367 0 100 2.734 1.367 1.367 0 000-2.734z" }))); };
+var ScheduleMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M4 4.633a1.367 1.367 0 100 2.734 1.367 1.367 0 000-2.734zM8 5h12v2H8V5zm12 6H8v2h12v-2zm0 6H8v2h12v-2zM2.633 12a1.367 1.367 0 112.734 0 1.367 1.367 0 01-2.734 0zM4 16.633a1.367 1.367 0 100 2.734 1.367 1.367 0 000-2.734z" }))); });
+ScheduleMIcon.displayName = 'ScheduleMIcon';
 
 exports.ScheduleMIcon = ScheduleMIcon;
 exports.default = ScheduleMIcon;

package/ScrewdriverPaintBrushMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ScrewdriverPaintBrushMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ScrewdriverPaintBrushMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ScrewdriverPaintBrushMIcon;

package/ScrewdriverPaintBrushMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ScrewdriverPaintBrushMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M6 2L5 5.333c.234.468.59.802 1 1.005v5.994a1 1 0 00-1 1V20a2 2 0 104 0v-6.668a1 1 0 00-1-1V6.338c.41-.203.766-.537 1-1.005L8 2H6zm14 0h-8v6h8V2zm-8 8.261V10h8v.261c0 .46-.237.887-.627 1.13l-1.728 1.081.272 7.53a1.918 1.918 0 11-3.834 0l.272-7.53-1.728-1.08A1.333 1.333 0 0112 10.26z" }))); };
+var ScrewdriverPaintBrushMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M6 2L5 5.333c.234.468.59.802 1 1.005v5.994a1 1 0 00-1 1V20a2 2 0 104 0v-6.668a1 1 0 00-1-1V6.338c.41-.203.766-.537 1-1.005L8 2H6zm14 0h-8v6h8V2zm-8 8.261V10h8v.261c0 .46-.237.887-.627 1.13l-1.728 1.081.272 7.53a1.918 1.918 0 11-3.834 0l.272-7.53-1.728-1.08A1.333 1.333 0 0112 10.26z" }))); });
+ScrewdriverPaintBrushMIcon.displayName = 'ScrewdriverPaintBrushMIcon';
 
 exports.ScrewdriverPaintBrushMIcon = ScrewdriverPaintBrushMIcon;
 exports.default = ScrewdriverPaintBrushMIcon;

package/ScrewdriverWrenchBoldMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ScrewdriverWrenchBoldMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ScrewdriverWrenchBoldMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ScrewdriverWrenchBoldMIcon;

package/ScrewdriverWrenchBoldMIcon.js

@@ -9,9 +9,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ScrewdriverWrenchBoldMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+var ScrewdriverWrenchBoldMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
     React__default.default.createElement("path", { d: "M7.054 2.019a4.885 4.885 0 014.33 6.772l9.795 9.17-.002.002a2.289 2.289 0 11-3.233 3.233l-.002.002-9.047-9.848A4.886 4.886 0 012 7.073l1.317-1.317L5.782 8.22a1.742 1.742 0 002.463-2.464L5.781 3.292l1.273-1.273z" }),
-    React__default.default.createElement("path", { d: "M17.608 4.924L20.18 3l1.894 1.876-1.895 2.596a1.829 1.829 0 01-1.83.446L15.574 11l-1.5-1.5 3.08-2.772a1.79 1.79 0 01.453-1.804zm-6.204 11.331l-2.351-2.613-4.94 4.318.001.002a2.29 2.29 0 103.233 3.233l.003.002 4.054-4.942z" }))); };
+    React__default.default.createElement("path", { d: "M17.608 4.924L20.18 3l1.894 1.876-1.895 2.596a1.829 1.829 0 01-1.83.446L15.574 11l-1.5-1.5 3.08-2.772a1.79 1.79 0 01.453-1.804zm-6.204 11.331l-2.351-2.613-4.94 4.318.001.002a2.29 2.29 0 103.233 3.233l.003.002 4.054-4.942z" }))); });
+ScrewdriverWrenchBoldMIcon.displayName = 'ScrewdriverWrenchBoldMIcon';
 
 exports.ScrewdriverWrenchBoldMIcon = ScrewdriverWrenchBoldMIcon;
 exports.default = ScrewdriverWrenchBoldMIcon;

package/ScrewdriverWrenchMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const ScrewdriverWrenchMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const ScrewdriverWrenchMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default ScrewdriverWrenchMIcon;

package/ScrewdriverWrenchMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var ScrewdriverWrenchMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M5.33 3.27a3.5 3.5 0 014.472 4.475L20.647 18.59l-2.122 2.12L7.68 9.868a3.5 3.5 0 01-4.472-4.474L5.444 7.63a1.5 1.5 0 102.12-2.121L5.33 3.269v.002zm10.367 1.885l3.182-1.768L20.293 4.8l-1.768 3.182-1.768.354-2.12 2.12-1.415-1.413 2.12-2.121.355-1.768zm-7.071 7.778l2.12 2.122-4.95 4.95A1.5 1.5 0 013.58 17.99l.097-.107 4.95-4.95h-.001z" }))); };
+var ScrewdriverWrenchMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M5.33 3.27a3.5 3.5 0 014.472 4.475L20.647 18.59l-2.122 2.12L7.68 9.868a3.5 3.5 0 01-4.472-4.474L5.444 7.63a1.5 1.5 0 102.12-2.121L5.33 3.269v.002zm10.367 1.885l3.182-1.768L20.293 4.8l-1.768 3.182-1.768.354-2.12 2.12-1.415-1.413 2.12-2.121.355-1.768zm-7.071 7.778l2.12 2.122-4.95 4.95A1.5 1.5 0 013.58 17.99l.097-.107 4.95-4.95h-.001z" }))); });
+ScrewdriverWrenchMIcon.displayName = 'ScrewdriverWrenchMIcon';
 
 exports.ScrewdriverWrenchMIcon = ScrewdriverWrenchMIcon;
 exports.default = ScrewdriverWrenchMIcon;

package/SekMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const SekMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const SekMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default SekMIcon;

package/SekMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var SekMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M7.165 14.601l-.806.836V19H4V5h2.359v8.014h.104l3.78-4.206h2.727l-4.072 4.357L13.188 19h-2.775l-3.248-4.399zm10.001-2.791c-.189.354-.284.777-.284 1.27V19h-2.358V8.808h2.358v1.667h.104c.165-.581.462-1.033.89-1.355.43-.328.958-.492 1.583-.492a3.764 3.764 0 01.852.095v2.121a4.264 4.264 0 00-1.06-.132c-.487 0-.907.095-1.26.284-.354.19-.629.46-.825.815z" }))); };
+var SekMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M7.165 14.601l-.806.836V19H4V5h2.359v8.014h.104l3.78-4.206h2.727l-4.072 4.357L13.188 19h-2.775l-3.248-4.399zm10.001-2.791c-.189.354-.284.777-.284 1.27V19h-2.358V8.808h2.358v1.667h.104c.165-.581.462-1.033.89-1.355.43-.328.958-.492 1.583-.492a3.764 3.764 0 01.852.095v2.121a4.264 4.264 0 00-1.06-.132c-.487 0-.907.095-1.26.284-.354.19-.629.46-.825.815z" }))); });
+SekMIcon.displayName = 'SekMIcon';
 
 exports.SekMIcon = SekMIcon;
 exports.default = SekMIcon;

package/SelectionFillBigMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const SelectionFillBigMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const SelectionFillBigMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default SelectionFillBigMIcon;

package/SelectionFillBigMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var SelectionFillBigMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("circle", { cx: "12", cy: "12", r: "12" }))); };
+var SelectionFillBigMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("circle", { cx: "12", cy: "12", r: "12" }))); });
+SelectionFillBigMIcon.displayName = 'SelectionFillBigMIcon';
 
 exports.SelectionFillBigMIcon = SelectionFillBigMIcon;
 exports.default = SelectionFillBigMIcon;

package/SelectionMaskBigMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const SelectionMaskBigMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const SelectionMaskBigMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default SelectionMaskBigMIcon;

package/SelectionMaskBigMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var SelectionMaskBigMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zm0 2c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12z", fillRule: "evenodd", clipRule: "evenodd" }))); };
+var SelectionMaskBigMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zm0 2c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12z", fillRule: "evenodd", clipRule: "evenodd" }))); });
+SelectionMaskBigMIcon.displayName = 'SelectionMaskBigMIcon';
 
 exports.SelectionMaskBigMIcon = SelectionMaskBigMIcon;
 exports.default = SelectionMaskBigMIcon;

package/SelectionMaskMErrorIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const SelectionMaskMErrorIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const SelectionMaskMErrorIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default SelectionMaskMErrorIcon;

package/SelectionMaskMErrorIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var SelectionMaskMErrorIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", width: "24", height: "24", viewBox: "0 0 24 24" }, props, { fill: "none" }),
-    React__default.default.createElement("path", { d: "M12 20a8 8 0 100-16 8 8 0 000 16zm0 2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z", fill: "#F15045", fillRule: "evenodd", clipRule: "evenodd" }))); };
+var SelectionMaskMErrorIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", width: "24", height: "24", viewBox: "0 0 24 24" }, props, { fill: "none" }),
+    React__default.default.createElement("path", { d: "M12 20a8 8 0 100-16 8 8 0 000 16zm0 2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z", fill: "#F15045", fillRule: "evenodd", clipRule: "evenodd" }))); });
+SelectionMaskMErrorIcon.displayName = 'SelectionMaskMErrorIcon';
 
 exports.SelectionMaskMErrorIcon = SelectionMaskMErrorIcon;
 exports.default = SelectionMaskMErrorIcon;

package/SelectionMaskMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const SelectionMaskMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const SelectionMaskMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default SelectionMaskMIcon;

package/SelectionMaskMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var SelectionMaskMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M12 20a8 8 0 100-16 8 8 0 000 16zm0 2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z", fillRule: "evenodd", clipRule: "evenodd" }))); };
+var SelectionMaskMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M12 20a8 8 0 100-16 8 8 0 000 16zm0 2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z", fillRule: "evenodd", clipRule: "evenodd" }))); });
+SelectionMaskMIcon.displayName = 'SelectionMaskMIcon';
 
 exports.SelectionMaskMIcon = SelectionMaskMIcon;
 exports.default = SelectionMaskMIcon;

package/SendMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const SendMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const SendMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default SendMIcon;

package/SendMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var SendMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M22.068 13.11c1.02-.388 1.02-1.832 0-2.22L4 3.037V8.33a2 2 0 001.252 1.855L9.75 12l-4.499 1.816a2 2 0 00-1.25 1.854L4 20.965l18.068-7.854z", fillRule: "evenodd", clipRule: "evenodd" }))); };
+var SendMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M22.068 13.11c1.02-.388 1.02-1.832 0-2.22L4 3.037V8.33a2 2 0 001.252 1.855L9.75 12l-4.499 1.816a2 2 0 00-1.25 1.854L4 20.965l18.068-7.854z", fillRule: "evenodd", clipRule: "evenodd" }))); });
+SendMIcon.displayName = 'SendMIcon';
 
 exports.SendMIcon = SendMIcon;
 exports.default = SendMIcon;

package/SettingsCompactSIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const SettingsCompactSIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const SettingsCompactSIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default SettingsCompactSIcon;

package/SettingsCompactSIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var SettingsCompactSIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "18", height: "18", viewBox: "0 0 18 18" }, props),
-    React__default.default.createElement("path", { d: "M7.5 1.5h3v1.689c1.08.278 2.043.85 2.798 1.625L15 3.75l1.5 2.625-1.705 1.065a6.008 6.008 0 010 3.12l1.705 1.065L15 14.25l-1.702-1.064a5.994 5.994 0 01-2.798 1.625V16.5h-3v-1.689a5.994 5.994 0 01-2.798-1.625L3 14.25l-1.5-2.625 1.705-1.065a6.008 6.008 0 010-3.12L1.5 6.375 3 3.75l1.702 1.064A5.994 5.994 0 017.5 3.189V1.5zM9 11.625a2.625 2.625 0 100-5.25 2.625 2.625 0 000 5.25z", fillRule: "evenodd", clipRule: "evenodd" }))); };
+var SettingsCompactSIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "18", height: "18", viewBox: "0 0 18 18" }, props),
+    React__default.default.createElement("path", { d: "M7.5 1.5h3v1.689c1.08.278 2.043.85 2.798 1.625L15 3.75l1.5 2.625-1.705 1.065a6.008 6.008 0 010 3.12l1.705 1.065L15 14.25l-1.702-1.064a5.994 5.994 0 01-2.798 1.625V16.5h-3v-1.689a5.994 5.994 0 01-2.798-1.625L3 14.25l-1.5-2.625 1.705-1.065a6.008 6.008 0 010-3.12L1.5 6.375 3 3.75l1.702 1.064A5.994 5.994 0 017.5 3.189V1.5zM9 11.625a2.625 2.625 0 100-5.25 2.625 2.625 0 000 5.25z", fillRule: "evenodd", clipRule: "evenodd" }))); });
+SettingsCompactSIcon.displayName = 'SettingsCompactSIcon';
 
 exports.SettingsCompactSIcon = SettingsCompactSIcon;
 exports.default = SettingsCompactSIcon;

package/SettingsLineMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const SettingsLineMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const SettingsLineMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default SettingsLineMIcon;

package/SettingsLineMIcon.js

@@ -9,9 +9,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var SettingsLineMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+var SettingsLineMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
     React__default.default.createElement("path", { d: "M12 10a2 2 0 110 4 2 2 0 010-4z" }),
-    React__default.default.createElement("path", { d: "M10.28 1a2 2 0 00-1.94 1.515l-.52 2.082a8.458 8.458 0 00-.14.082l-2.065-.59a2 2 0 00-2.282.922L1.614 7.99a2 2 0 00.342 2.438L3.5 11.92v.16l-1.544 1.493a2 2 0 00-.342 2.438l1.72 2.978a2 2 0 002.281.923l2.064-.59.14.08.521 2.083A2 2 0 0010.28 23h3.44a2 2 0 001.94-1.515l.52-2.082.14-.082 2.064.59a2 2 0 002.283-.922l1.719-2.978a2 2 0 00-.342-2.438L20.5 12.08v-.16l1.544-1.493a2 2 0 00.342-2.438l-1.72-2.978a2 2 0 00-2.282-.923l-2.064.59a8.405 8.405 0 00-.14-.08l-.52-2.083A2 2 0 0013.72 1h-3.44zm0 2h3.44l.628 2.515a1 1 0 00.527.654c.255.125.5.268.735.425a1 1 0 00.831.13l2.494-.713 1.719 2.978-1.865 1.803a1 1 0 00-.303.783 6.64 6.64 0 010 .85 1 1 0 00.303.783l1.865 1.803-1.72 2.978-2.493-.713a1 1 0 00-.83.13c-.236.157-.481.3-.736.425a1 1 0 00-.527.654L13.719 21h-3.438l-.629-2.515a1 1 0 00-.527-.654 6.5 6.5 0 01-.735-.425 1 1 0 00-.832-.13l-2.493.713-1.719-2.978 1.865-1.803a1 1 0 00.303-.783 6.608 6.608 0 010-.85 1 1 0 00-.303-.783L3.346 8.989l1.72-2.978 2.492.713a1 1 0 00.832-.13c.234-.157.48-.3.735-.425a1 1 0 00.527-.654L10.281 3z", fillRule: "evenodd", clipRule: "evenodd" }))); };
+    React__default.default.createElement("path", { d: "M10.28 1a2 2 0 00-1.94 1.515l-.52 2.082a8.458 8.458 0 00-.14.082l-2.065-.59a2 2 0 00-2.282.922L1.614 7.99a2 2 0 00.342 2.438L3.5 11.92v.16l-1.544 1.493a2 2 0 00-.342 2.438l1.72 2.978a2 2 0 002.281.923l2.064-.59.14.08.521 2.083A2 2 0 0010.28 23h3.44a2 2 0 001.94-1.515l.52-2.082.14-.082 2.064.59a2 2 0 002.283-.922l1.719-2.978a2 2 0 00-.342-2.438L20.5 12.08v-.16l1.544-1.493a2 2 0 00.342-2.438l-1.72-2.978a2 2 0 00-2.282-.923l-2.064.59a8.405 8.405 0 00-.14-.08l-.52-2.083A2 2 0 0013.72 1h-3.44zm0 2h3.44l.628 2.515a1 1 0 00.527.654c.255.125.5.268.735.425a1 1 0 00.831.13l2.494-.713 1.719 2.978-1.865 1.803a1 1 0 00-.303.783 6.64 6.64 0 010 .85 1 1 0 00.303.783l1.865 1.803-1.72 2.978-2.493-.713a1 1 0 00-.83.13c-.236.157-.481.3-.736.425a1 1 0 00-.527.654L13.719 21h-3.438l-.629-2.515a1 1 0 00-.527-.654 6.5 6.5 0 01-.735-.425 1 1 0 00-.832-.13l-2.493.713-1.719-2.978 1.865-1.803a1 1 0 00.303-.783 6.608 6.608 0 010-.85 1 1 0 00-.303-.783L3.346 8.989l1.72-2.978 2.492.713a1 1 0 00.832-.13c.234-.157.48-.3.735-.425a1 1 0 00.527-.654L10.281 3z", fillRule: "evenodd", clipRule: "evenodd" }))); });
+SettingsLineMIcon.displayName = 'SettingsLineMIcon';
 
 exports.SettingsLineMIcon = SettingsLineMIcon;
 exports.default = SettingsLineMIcon;

package/SettingsMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const SettingsMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const SettingsMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default SettingsMIcon;

package/SettingsMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var SettingsMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M10 2h4v2.252a7.992 7.992 0 013.73 2.166L20 5l2 3.5-2.273 1.42A8.01 8.01 0 0120 12a8.01 8.01 0 01-.273 2.08L22 15.5 20 19l-2.27-1.418A7.992 7.992 0 0114 19.748V22h-4v-2.252a7.992 7.992 0 01-3.73-2.166L4 19l-2-3.5 2.273-1.42A8.01 8.01 0 014 12c0-.72.095-1.416.273-2.08L2 8.5 4 5l2.269 1.418A7.992 7.992 0 0110 4.252V2zm2 13.5a3.5 3.5 0 100-7 3.5 3.5 0 000 7z", fillRule: "evenodd", clipRule: "evenodd" }))); };
+var SettingsMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M10 2h4v2.252a7.992 7.992 0 013.73 2.166L20 5l2 3.5-2.273 1.42A8.01 8.01 0 0120 12a8.01 8.01 0 01-.273 2.08L22 15.5 20 19l-2.27-1.418A7.992 7.992 0 0114 19.748V22h-4v-2.252a7.992 7.992 0 01-3.73-2.166L4 19l-2-3.5 2.273-1.42A8.01 8.01 0 014 12c0-.72.095-1.416.273-2.08L2 8.5 4 5l2.269 1.418A7.992 7.992 0 0110 4.252V2zm2 13.5a3.5 3.5 0 100-7 3.5 3.5 0 000 7z", fillRule: "evenodd", clipRule: "evenodd" }))); });
+SettingsMIcon.displayName = 'SettingsMIcon';
 
 exports.SettingsMIcon = SettingsMIcon;
 exports.default = SettingsMIcon;

package/SfBubbleXxlIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const SfBubbleXxlIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const SfBubbleXxlIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default SfBubbleXxlIcon;

package/SfBubbleXxlIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var SfBubbleXxlIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "48", height: "48", viewBox: "0 0 48 48" }, props),
-    React__default.default.createElement("path", { d: "M15.566 43.358c.648 0 1.13-.332 1.91-1.062l5.993-5.479 11.222.017c4.948.017 7.604-2.74 7.604-7.604V16.514c0-4.865-2.656-7.604-7.604-7.604H13.31c-4.948 0-7.604 2.723-7.604 7.604V29.23c0 4.881 2.656 7.604 7.604 7.587h.78v4.831c0 1.03.531 1.71 1.477 1.71z" }))); };
+var SfBubbleXxlIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "48", height: "48", viewBox: "0 0 48 48" }, props),
+    React__default.default.createElement("path", { d: "M15.566 43.358c.648 0 1.13-.332 1.91-1.062l5.993-5.479 11.222.017c4.948.017 7.604-2.74 7.604-7.604V16.514c0-4.865-2.656-7.604-7.604-7.604H13.31c-4.948 0-7.604 2.723-7.604 7.604V29.23c0 4.881 2.656 7.604 7.604 7.587h.78v4.831c0 1.03.531 1.71 1.477 1.71z" }))); });
+SfBubbleXxlIcon.displayName = 'SfBubbleXxlIcon';
 
 exports.SfBubbleXxlIcon = SfBubbleXxlIcon;
 exports.default = SfBubbleXxlIcon;

package/SfCircleGridXxlIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const SfCircleGridXxlIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const SfCircleGridXxlIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default SfCircleGridXxlIcon;

package/SfCircleGridXxlIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var SfCircleGridXxlIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "48", height: "48", viewBox: "0 0 48 48" }, props),
-    React__default.default.createElement("path", { d: "M24 17.556c2.606 0 4.781-2.159 4.781-4.782S26.606 7.994 24 8.01c-2.623.016-4.798 2.141-4.798 4.764s2.175 4.782 4.798 4.782zm12.036 0c2.623 0 4.765-2.159 4.765-4.782s-2.142-4.78-4.765-4.764c-2.623.016-4.765 2.141-4.765 4.764s2.142 4.782 4.765 4.782zm-24.089-.017c2.623 0 4.765-2.142 4.765-4.748 0-2.607-2.142-4.781-4.765-4.781-2.623 0-4.764 2.175-4.764 4.781s2.141 4.748 4.764 4.748zM24 28.811c2.606 0 4.781-2.158 4.781-4.78 0-2.607-2.175-4.782-4.781-4.765-2.623.016-4.798 2.158-4.798 4.764 0 2.623 2.175 4.781 4.798 4.781zm-12.053 0c2.623 0 4.765-2.158 4.765-4.78 0-2.607-2.142-4.782-4.765-4.765-2.623.016-4.764 2.158-4.764 4.764 0 2.623 2.141 4.781 4.764 4.781zm24.09 0c2.622 0 4.764-2.158 4.764-4.78 0-2.607-2.142-4.782-4.765-4.765-2.623.016-4.765 2.158-4.765 4.764 0 2.623 2.142 4.781 4.765 4.781zm-24.09 11.256c2.623 0 4.765-2.158 4.765-4.78 0-2.607-2.142-4.765-4.765-4.765-2.623 0-4.764 2.158-4.764 4.764 0 2.623 2.141 4.781 4.764 4.781zm12.053 0c2.606 0 4.781-2.158 4.781-4.78 0-2.607-2.175-4.765-4.781-4.765-2.623 0-4.798 2.158-4.798 4.764 0 2.623 2.175 4.781 4.798 4.781zm12.036 0c2.623 0 4.765-2.158 4.765-4.78 0-2.607-2.142-4.765-4.765-4.765-2.623 0-4.765 2.158-4.765 4.764 0 2.623 2.142 4.781 4.765 4.781z" }))); };
+var SfCircleGridXxlIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "48", height: "48", viewBox: "0 0 48 48" }, props),
+    React__default.default.createElement("path", { d: "M24 17.556c2.606 0 4.781-2.159 4.781-4.782S26.606 7.994 24 8.01c-2.623.016-4.798 2.141-4.798 4.764s2.175 4.782 4.798 4.782zm12.036 0c2.623 0 4.765-2.159 4.765-4.782s-2.142-4.78-4.765-4.764c-2.623.016-4.765 2.141-4.765 4.764s2.142 4.782 4.765 4.782zm-24.089-.017c2.623 0 4.765-2.142 4.765-4.748 0-2.607-2.142-4.781-4.765-4.781-2.623 0-4.764 2.175-4.764 4.781s2.141 4.748 4.764 4.748zM24 28.811c2.606 0 4.781-2.158 4.781-4.78 0-2.607-2.175-4.782-4.781-4.765-2.623.016-4.798 2.158-4.798 4.764 0 2.623 2.175 4.781 4.798 4.781zm-12.053 0c2.623 0 4.765-2.158 4.765-4.78 0-2.607-2.142-4.782-4.765-4.765-2.623.016-4.764 2.158-4.764 4.764 0 2.623 2.141 4.781 4.764 4.781zm24.09 0c2.622 0 4.764-2.158 4.764-4.78 0-2.607-2.142-4.782-4.765-4.765-2.623.016-4.765 2.158-4.765 4.764 0 2.623 2.142 4.781 4.765 4.781zm-24.09 11.256c2.623 0 4.765-2.158 4.765-4.78 0-2.607-2.142-4.765-4.765-4.765-2.623 0-4.764 2.158-4.764 4.764 0 2.623 2.141 4.781 4.764 4.781zm12.053 0c2.606 0 4.781-2.158 4.781-4.78 0-2.607-2.175-4.765-4.781-4.765-2.623 0-4.798 2.158-4.798 4.764 0 2.623 2.175 4.781 4.798 4.781zm12.036 0c2.623 0 4.765-2.158 4.765-4.78 0-2.607-2.142-4.765-4.765-4.765-2.623 0-4.765 2.158-4.765 4.764 0 2.623 2.142 4.781 4.765 4.781z" }))); });
+SfCircleGridXxlIcon.displayName = 'SfCircleGridXxlIcon';
 
 exports.SfCircleGridXxlIcon = SfCircleGridXxlIcon;
 exports.default = SfCircleGridXxlIcon;

package/SfCrossCircleMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const SfCrossCircleMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const SfCrossCircleMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default SfCrossCircleMIcon;

package/SfCrossCircleMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var SfCrossCircleMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12zm-7.6-2.948l-2.825 2.825 2.825 2.826a1.2 1.2 0 11-1.697 1.697l-2.825-2.825L9.051 16.4a1.2 1.2 0 11-1.697-1.697l2.825-2.825-2.825-2.826a1.2 1.2 0 111.697-1.697l2.825 2.825 2.826-2.825A1.2 1.2 0 1116.4 9.052z", fillRule: "evenodd", clipRule: "evenodd" }))); };
+var SfCrossCircleMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12zm-7.6-2.948l-2.825 2.825 2.825 2.826a1.2 1.2 0 11-1.697 1.697l-2.825-2.825L9.051 16.4a1.2 1.2 0 11-1.697-1.697l2.825-2.825-2.825-2.826a1.2 1.2 0 111.697-1.697l2.825 2.825 2.826-2.825A1.2 1.2 0 1116.4 9.052z", fillRule: "evenodd", clipRule: "evenodd" }))); });
+SfCrossCircleMIcon.displayName = 'SfCrossCircleMIcon';
 
 exports.SfCrossCircleMIcon = SfCrossCircleMIcon;
 exports.default = SfCrossCircleMIcon;

package/SfCrossMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const SfCrossMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const SfCrossMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default SfCrossMIcon;

package/SfCrossMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var SfCrossMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z", fillRule: "evenodd", clipRule: "evenodd" }))); };
+var SfCrossMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z", fillRule: "evenodd", clipRule: "evenodd" }))); });
+SfCrossMIcon.displayName = 'SfCrossMIcon';
 
 exports.SfCrossMIcon = SfCrossMIcon;
 exports.default = SfCrossMIcon;

package/SfEllipsisCircleFillMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const SfEllipsisCircleFillMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const SfEllipsisCircleFillMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default SfEllipsisCircleFillMIcon;

package/SfEllipsisCircleFillMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var SfEllipsisCircleFillMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M11.908 23.326c6.032 0 10.994-4.952 10.994-10.995 0-6.042-4.962-11.005-11.005-11.005C5.855 1.326.902 6.29.902 12.331c0 6.043 4.963 10.995 11.006 10.995zM8.222 12.342c0 .903-.8 1.671-1.692 1.671-.914 0-1.682-.768-1.682-1.671 0-.904.758-1.682 1.682-1.682.892 0 1.692.778 1.692 1.682zm5.347 0a1.69 1.69 0 01-1.672 1.671 1.69 1.69 0 01-1.671-1.671c0-.904.757-1.682 1.671-1.682s1.672.778 1.672 1.682zm5.378 0c0 .903-.758 1.671-1.682 1.671-.893 0-1.682-.768-1.682-1.671 0-.904.778-1.682 1.682-1.682.924 0 1.682.778 1.682 1.682z" }))); };
+var SfEllipsisCircleFillMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M11.908 23.326c6.032 0 10.994-4.952 10.994-10.995 0-6.042-4.962-11.005-11.005-11.005C5.855 1.326.902 6.29.902 12.331c0 6.043 4.963 10.995 11.006 10.995zM8.222 12.342c0 .903-.8 1.671-1.692 1.671-.914 0-1.682-.768-1.682-1.671 0-.904.758-1.682 1.682-1.682.892 0 1.692.778 1.692 1.682zm5.347 0a1.69 1.69 0 01-1.672 1.671 1.69 1.69 0 01-1.671-1.671c0-.904.757-1.682 1.671-1.682s1.672.778 1.672 1.682zm5.378 0c0 .903-.758 1.671-1.682 1.671-.893 0-1.682-.768-1.682-1.671 0-.904.778-1.682 1.682-1.682.924 0 1.682.778 1.682 1.682z" }))); });
+SfEllipsisCircleFillMIcon.displayName = 'SfEllipsisCircleFillMIcon';
 
 exports.SfEllipsisCircleFillMIcon = SfEllipsisCircleFillMIcon;
 exports.default = SfEllipsisCircleFillMIcon;

package/SfFaceIdMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const SfFaceIdMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const SfFaceIdMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default SfFaceIdMIcon;

package/SfFaceIdMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var SfFaceIdMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M20.266 9.016c.603 0 .928-.334.928-.937V5.824c0-1.985-1.04-3.024-3.052-3.024h-2.255c-.603 0-.937.325-.937.928 0 .594.334.918.937.918h2.134c.844 0 1.327.446 1.327 1.345V8.08c0 .603.324.937.918.937zm-16.541 0c.603 0 .918-.334.918-.937V5.99c0-.9.473-1.345 1.327-1.345h2.134c.603 0 .937-.324.937-.918 0-.603-.334-.928-.937-.928H5.849c-2.004 0-3.052 1.03-3.052 3.024V8.08c0 .603.334.937.928.937zm7.533 4.537h.083c.956 0 1.475-.53 1.475-1.476V9.164c0-.38-.25-.63-.64-.63s-.64.25-.64.63v2.96c0 .083-.056.13-.139.13h-.278a.628.628 0 00-.64.63c0 .418.296.668.779.668zM8.52 11.382c.455 0 .78-.325.78-.789V9.331c0-.464-.325-.788-.78-.788s-.78.334-.78.788v1.262c0 .464.325.789.78.789zm6.93 0c.445 0 .78-.325.78-.789V9.331a.763.763 0 00-.78-.788c-.464 0-.788.324-.788.788v1.262c0 .464.324.789.788.789zm-3.507 5.223c1.123 0 2.264-.483 3.071-1.29a.65.65 0 00.186-.482.63.63 0 00-.65-.631c-.185 0-.324.065-.51.26-.492.51-1.29.872-2.097.872-.77 0-1.558-.343-2.087-.872-.158-.158-.297-.26-.52-.26-.37 0-.649.269-.649.63 0 .168.065.325.186.474.742.844 1.92 1.299 3.07 1.299zM5.85 21.197h2.255c.603 0 .937-.334.937-.928 0-.593-.334-.927-.937-.927H5.97c-.854 0-1.327-.436-1.327-1.336v-2.088c0-.603-.325-.937-.918-.937-.603 0-.928.334-.928.937v2.255c0 1.985 1.048 3.024 3.052 3.024zm10.038 0h2.255c2.013 0 3.052-1.039 3.052-3.024v-2.255c0-.603-.334-.937-.928-.937-.603 0-.918.334-.918.937v2.088c0 .9-.483 1.336-1.327 1.336h-2.134c-.603 0-.937.334-.937.927 0 .594.334.928.937.928z" }))); };
+var SfFaceIdMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M20.266 9.016c.603 0 .928-.334.928-.937V5.824c0-1.985-1.04-3.024-3.052-3.024h-2.255c-.603 0-.937.325-.937.928 0 .594.334.918.937.918h2.134c.844 0 1.327.446 1.327 1.345V8.08c0 .603.324.937.918.937zm-16.541 0c.603 0 .918-.334.918-.937V5.99c0-.9.473-1.345 1.327-1.345h2.134c.603 0 .937-.324.937-.918 0-.603-.334-.928-.937-.928H5.849c-2.004 0-3.052 1.03-3.052 3.024V8.08c0 .603.334.937.928.937zm7.533 4.537h.083c.956 0 1.475-.53 1.475-1.476V9.164c0-.38-.25-.63-.64-.63s-.64.25-.64.63v2.96c0 .083-.056.13-.139.13h-.278a.628.628 0 00-.64.63c0 .418.296.668.779.668zM8.52 11.382c.455 0 .78-.325.78-.789V9.331c0-.464-.325-.788-.78-.788s-.78.334-.78.788v1.262c0 .464.325.789.78.789zm6.93 0c.445 0 .78-.325.78-.789V9.331a.763.763 0 00-.78-.788c-.464 0-.788.324-.788.788v1.262c0 .464.324.789.788.789zm-3.507 5.223c1.123 0 2.264-.483 3.071-1.29a.65.65 0 00.186-.482.63.63 0 00-.65-.631c-.185 0-.324.065-.51.26-.492.51-1.29.872-2.097.872-.77 0-1.558-.343-2.087-.872-.158-.158-.297-.26-.52-.26-.37 0-.649.269-.649.63 0 .168.065.325.186.474.742.844 1.92 1.299 3.07 1.299zM5.85 21.197h2.255c.603 0 .937-.334.937-.928 0-.593-.334-.927-.937-.927H5.97c-.854 0-1.327-.436-1.327-1.336v-2.088c0-.603-.325-.937-.918-.937-.603 0-.928.334-.928.937v2.255c0 1.985 1.048 3.024 3.052 3.024zm10.038 0h2.255c2.013 0 3.052-1.039 3.052-3.024v-2.255c0-.603-.334-.937-.928-.937-.603 0-.918.334-.918.937v2.088c0 .9-.483 1.336-1.327 1.336h-2.134c-.603 0-.937.334-.937.927 0 .594.334.928.937.928z" }))); });
+SfFaceIdMIcon.displayName = 'SfFaceIdMIcon';
 
 exports.SfFaceIdMIcon = SfFaceIdMIcon;
 exports.default = SfFaceIdMIcon;

package/SfFaceIdXxlIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const SfFaceIdXxlIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const SfFaceIdXxlIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default SfFaceIdXxlIcon;

package/SfFaceIdXxlIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var SfFaceIdXxlIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "48", height: "48", viewBox: "0 0 48 48" }, props),
-    React__default.default.createElement("path", { d: "M38.914 18.765c.88 0 1.345-.498 1.345-1.362v-4.067c0-3.42-1.743-5.13-5.213-5.13h-4.067c-.864 0-1.345.465-1.345 1.328 0 .864.481 1.345 1.345 1.345h4.017c1.644 0 2.59.88 2.59 2.606v3.918c0 .864.481 1.362 1.328 1.362zm-29.833 0c.88 0 1.345-.498 1.345-1.362v-3.918c0-1.726.913-2.606 2.573-2.606h4.018c.88 0 1.36-.481 1.36-1.345 0-.863-.48-1.328-1.36-1.328h-4.051c-3.47 0-5.213 1.71-5.213 5.13v4.067c0 .864.481 1.362 1.328 1.362zm13.597 8.483h.133c1.676 0 2.59-.913 2.59-2.59v-5.23c0-.647-.432-1.062-1.063-1.062-.664 0-1.096.415-1.096 1.063v5.379c0 .166-.1.249-.249.249h-.58c-.599 0-1.063.465-1.063 1.062 0 .714.481 1.129 1.328 1.129zM17.68 23.33c.78 0 1.344-.548 1.344-1.345v-2.258c0-.796-.564-1.344-1.344-1.344-.78 0-1.329.548-1.329 1.345v2.257c0 .797.548 1.345 1.329 1.345zm12.6 0c.764 0 1.312-.548 1.312-1.345v-2.258c0-.796-.548-1.344-1.312-1.344-.797 0-1.345.548-1.345 1.345v2.257c0 .797.548 1.345 1.345 1.345zm-6.375 9.496c2.009 0 4.034-.863 5.479-2.307.199-.183.299-.465.299-.797 0-.631-.465-1.08-1.08-1.08-.315 0-.547.117-.863.449-.913.946-2.357 1.594-3.835 1.594-1.394 0-2.855-.615-3.818-1.594-.266-.25-.482-.448-.88-.448-.614 0-1.08.448-1.08 1.079 0 .282.1.547.316.78 1.345 1.527 3.454 2.324 5.462 2.324zm-10.94 7.87h4.05c.88 0 1.362-.482 1.362-1.329 0-.863-.482-1.344-1.361-1.344h-4.018c-1.66 0-2.573-.88-2.573-2.607v-3.918c0-.88-.482-1.361-1.345-1.361s-1.328.481-1.328 1.361v4.05c0 3.437 1.743 5.147 5.213 5.147zm18.013 0h4.067c3.47 0 5.213-1.727 5.213-5.147v-4.051c0-.88-.482-1.361-1.345-1.361s-1.328.481-1.328 1.361v3.918c0 1.727-.946 2.607-2.59 2.607h-4.018c-.863 0-1.344.48-1.344 1.344 0 .847.481 1.328 1.345 1.328z" }))); };
+var SfFaceIdXxlIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "48", height: "48", viewBox: "0 0 48 48" }, props),
+    React__default.default.createElement("path", { d: "M38.914 18.765c.88 0 1.345-.498 1.345-1.362v-4.067c0-3.42-1.743-5.13-5.213-5.13h-4.067c-.864 0-1.345.465-1.345 1.328 0 .864.481 1.345 1.345 1.345h4.017c1.644 0 2.59.88 2.59 2.606v3.918c0 .864.481 1.362 1.328 1.362zm-29.833 0c.88 0 1.345-.498 1.345-1.362v-3.918c0-1.726.913-2.606 2.573-2.606h4.018c.88 0 1.36-.481 1.36-1.345 0-.863-.48-1.328-1.36-1.328h-4.051c-3.47 0-5.213 1.71-5.213 5.13v4.067c0 .864.481 1.362 1.328 1.362zm13.597 8.483h.133c1.676 0 2.59-.913 2.59-2.59v-5.23c0-.647-.432-1.062-1.063-1.062-.664 0-1.096.415-1.096 1.063v5.379c0 .166-.1.249-.249.249h-.58c-.599 0-1.063.465-1.063 1.062 0 .714.481 1.129 1.328 1.129zM17.68 23.33c.78 0 1.344-.548 1.344-1.345v-2.258c0-.796-.564-1.344-1.344-1.344-.78 0-1.329.548-1.329 1.345v2.257c0 .797.548 1.345 1.329 1.345zm12.6 0c.764 0 1.312-.548 1.312-1.345v-2.258c0-.796-.548-1.344-1.312-1.344-.797 0-1.345.548-1.345 1.345v2.257c0 .797.548 1.345 1.345 1.345zm-6.375 9.496c2.009 0 4.034-.863 5.479-2.307.199-.183.299-.465.299-.797 0-.631-.465-1.08-1.08-1.08-.315 0-.547.117-.863.449-.913.946-2.357 1.594-3.835 1.594-1.394 0-2.855-.615-3.818-1.594-.266-.25-.482-.448-.88-.448-.614 0-1.08.448-1.08 1.079 0 .282.1.547.316.78 1.345 1.527 3.454 2.324 5.462 2.324zm-10.94 7.87h4.05c.88 0 1.362-.482 1.362-1.329 0-.863-.482-1.344-1.361-1.344h-4.018c-1.66 0-2.573-.88-2.573-2.607v-3.918c0-.88-.482-1.361-1.345-1.361s-1.328.481-1.328 1.361v4.05c0 3.437 1.743 5.147 5.213 5.147zm18.013 0h4.067c3.47 0 5.213-1.727 5.213-5.147v-4.051c0-.88-.482-1.361-1.345-1.361s-1.328.481-1.328 1.361v3.918c0 1.727-.946 2.607-2.59 2.607h-4.018c-.863 0-1.344.48-1.344 1.344 0 .847.481 1.328 1.345 1.328z" }))); });
+SfFaceIdXxlIcon.displayName = 'SfFaceIdXxlIcon';
 
 exports.SfFaceIdXxlIcon = SfFaceIdXxlIcon;
 exports.default = SfFaceIdXxlIcon;

package/SfLinesMIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const SfLinesMIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const SfLinesMIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default SfLinesMIcon;

package/SfLinesMIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var SfLinesMIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
-    React__default.default.createElement("path", { d: "M2 12h20M2 7h20M2 17h20", stroke: "#0B1F35", strokeWidth: "2", strokeLinejoin: "round" }))); };
+var SfLinesMIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24" }, props),
+    React__default.default.createElement("path", { d: "M2 12h20M2 7h20M2 17h20", stroke: "#0B1F35", strokeWidth: "2", strokeLinejoin: "round" }))); });
+SfLinesMIcon.displayName = 'SfLinesMIcon';
 
 exports.SfLinesMIcon = SfLinesMIcon;
 exports.default = SfLinesMIcon;

package/SfMicSlashXxlIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const SfMicSlashXxlIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const SfMicSlashXxlIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default SfMicSlashXxlIcon;

package/SfMicSlashXxlIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var SfMicSlashXxlIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "48", height: "48", viewBox: "0 0 48 48" }, props),
-    React__default.default.createElement("path", { d: "M23.738 6.237c-3.254 0-5.462 2.374-5.545 5.828v.664l11.04 11.023c.034-.116.05-.266.05-.398V12.247c0-3.553-2.225-6.01-5.545-6.01zm12.202 30.63a1.283 1.283 0 001.81 0c.481-.514.498-1.311 0-1.81L12.067 9.393c-.498-.482-1.328-.498-1.826 0-.481.498-.481 1.328 0 1.81l25.7 25.665zM11.868 23.62c0 6.508 4.283 11.073 10.625 11.605v3.868h-6.176c-.697 0-1.245.564-1.245 1.261 0 .698.548 1.246 1.245 1.246H31.16c.697 0 1.245-.548 1.245-1.245 0-.698-.548-1.262-1.245-1.262H25v-3.868c1.86-.15 3.554-.648 4.981-1.461l-1.776-1.793c-1.262.614-2.773.963-4.466.963-5.678 0-9.363-3.752-9.363-9.413V20.25c0-.697-.565-1.245-1.262-1.245-.697 0-1.245.548-1.245 1.245v3.37zm20.669 3.42l1.942 1.942c.73-1.56 1.146-3.37 1.146-5.362v-3.37c0-.697-.565-1.245-1.262-1.245-.697 0-1.245.548-1.245 1.245v3.27c0 1.279-.2 2.458-.581 3.52zm-8.799 2.324c.581 0 1.13-.083 1.61-.265l-7.155-7.139v1.395c0 3.536 2.241 6.01 5.545 6.01z" }))); };
+var SfMicSlashXxlIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "48", height: "48", viewBox: "0 0 48 48" }, props),
+    React__default.default.createElement("path", { d: "M23.738 6.237c-3.254 0-5.462 2.374-5.545 5.828v.664l11.04 11.023c.034-.116.05-.266.05-.398V12.247c0-3.553-2.225-6.01-5.545-6.01zm12.202 30.63a1.283 1.283 0 001.81 0c.481-.514.498-1.311 0-1.81L12.067 9.393c-.498-.482-1.328-.498-1.826 0-.481.498-.481 1.328 0 1.81l25.7 25.665zM11.868 23.62c0 6.508 4.283 11.073 10.625 11.605v3.868h-6.176c-.697 0-1.245.564-1.245 1.261 0 .698.548 1.246 1.245 1.246H31.16c.697 0 1.245-.548 1.245-1.245 0-.698-.548-1.262-1.245-1.262H25v-3.868c1.86-.15 3.554-.648 4.981-1.461l-1.776-1.793c-1.262.614-2.773.963-4.466.963-5.678 0-9.363-3.752-9.363-9.413V20.25c0-.697-.565-1.245-1.262-1.245-.697 0-1.245.548-1.245 1.245v3.37zm20.669 3.42l1.942 1.942c.73-1.56 1.146-3.37 1.146-5.362v-3.37c0-.697-.565-1.245-1.262-1.245-.697 0-1.245.548-1.245 1.245v3.27c0 1.279-.2 2.458-.581 3.52zm-8.799 2.324c.581 0 1.13-.083 1.61-.265l-7.155-7.139v1.395c0 3.536 2.241 6.01 5.545 6.01z" }))); });
+SfMicSlashXxlIcon.displayName = 'SfMicSlashXxlIcon';
 
 exports.SfMicSlashXxlIcon = SfMicSlashXxlIcon;
 exports.default = SfMicSlashXxlIcon;

package/SfPhoneDownXxlIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const SfPhoneDownXxlIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const SfPhoneDownXxlIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default SfPhoneDownXxlIcon;

package/SfPhoneDownXxlIcon.js

@@ -9,8 +9,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var SfPhoneDownXxlIcon = function (props) { return (React__default.default.createElement("svg", tslib_es6.__assign({ role: "img", focusable: "false", fill: "currentColor", width: "48", height: "48", viewBox: "0 0 48 48" }, props),
-    React__default.default.createElement("path", { d: "M24 17c-7.189 0-13.945 1.51-17.315 4.88-1.528 1.528-2.291 3.371-2.192 5.596.067 1.344.482 2.54 1.262 3.32a2.61 2.61 0 002.34.78l6.16-1.046c.93-.15 1.577-.431 1.992-.863.548-.531.714-1.328.714-2.374v-1.677c0-.265.116-.465.282-.63.166-.2.415-.283.598-.333 1.129-.265 3.42-.514 6.159-.514 2.74 0 5.014.199 6.16.53.165.05.398.15.58.316.15.166.25.349.266.615l.016 1.693c.017 1.046.183 1.843.714 2.374.432.432 1.08.714 2.01.863l6.075 1.03c.98.166 1.81-.183 2.457-.814.78-.764 1.212-1.942 1.245-3.287.05-2.241-.813-4.084-2.307-5.578C37.846 18.51 31.188 17 24 17z" }))); };
+var SfPhoneDownXxlIcon = React.forwardRef(function (props, ref) { return (React__default.default.createElement("svg", tslib_es6.__assign({ ref: ref, role: "img", focusable: "false", fill: "currentColor", width: "48", height: "48", viewBox: "0 0 48 48" }, props),
+    React__default.default.createElement("path", { d: "M24 17c-7.189 0-13.945 1.51-17.315 4.88-1.528 1.528-2.291 3.371-2.192 5.596.067 1.344.482 2.54 1.262 3.32a2.61 2.61 0 002.34.78l6.16-1.046c.93-.15 1.577-.431 1.992-.863.548-.531.714-1.328.714-2.374v-1.677c0-.265.116-.465.282-.63.166-.2.415-.283.598-.333 1.129-.265 3.42-.514 6.159-.514 2.74 0 5.014.199 6.16.53.165.05.398.15.58.316.15.166.25.349.266.615l.016 1.693c.017 1.046.183 1.843.714 2.374.432.432 1.08.714 2.01.863l6.075 1.03c.98.166 1.81-.183 2.457-.814.78-.764 1.212-1.942 1.245-3.287.05-2.241-.813-4.084-2.307-5.578C37.846 18.51 31.188 17 24 17z" }))); });
+SfPhoneDownXxlIcon.displayName = 'SfPhoneDownXxlIcon';
 
 exports.SfPhoneDownXxlIcon = SfPhoneDownXxlIcon;
 exports.default = SfPhoneDownXxlIcon;

package/SfPhoneXxlIcon.d.ts

@@ -1,3 +1,3 @@
-import React, { SVGProps } from 'react';
-export declare const SfPhoneXxlIcon: React.FC<SVGProps<SVGSVGElement>>;
+import React from 'react';
+export declare const SfPhoneXxlIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export default SfPhoneXxlIcon;