@tant/icons 1.3.13 → 1.3.16

package/dist/lib/icons/logo-xiaomi -cl.js

@@ -45,10 +45,15 @@ var LogoXiaomiCl = function LogoXiaomiCl(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "24",
+    height: "24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
     d: "M16.8 0A7.2 7.2 0 0124 7.2v9.6a7.2 7.2 0 01-7.2 7.2H7.2A7.2 7.2 0 010 16.8V7.2A7.2 7.2 0 017.2 0h9.6zm-4.387 7.512H5.358a.1.1 0 00-.098.1v8.733a.099.099 0 00.098.1h1.885a.1.1 0 00.098-.1V9.49a.1.1 0 01.098-.101h4.053c.76 0 1.378.633 1.378 1.413v5.542a.1.1 0 00.098.1h1.857a.1.1 0 00.07-.03.1.1 0 00.028-.07v-6.258c0-1.422-1.124-2.575-2.51-2.575zm-1.394 3.48H9.135a.101.101 0 00-.07.03.1.1 0 00-.028.07v5.253a.1.1 0 00.098.1h1.884c.026 0 .051-.01.07-.029a.102.102 0 00.028-.071v-5.252a.102.102 0 00-.06-.094.095.095 0 00-.038-.007zm7.534-3.48h-1.884a.1.1 0 00-.099.102v8.73a.1.1 0 00.1.101h1.883a.1.1 0 00.098-.1V7.613a.102.102 0 00-.06-.093.097.097 0 00-.038-.007z",
     fill: "#FF6A00"
-  })));
+  }))));
 };
 LogoXiaomiCl.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/logout.js

@@ -45,11 +45,15 @@ var Logout = function Logout(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "24",
+    height: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
     d: "M4 4h14v2h2V4a2 2 0 00-2-2H4a2 2 0 00-2 2v16a2 2 0 002 2h14a2 2 0 002-2v-2h-2v2H4V4z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M17 9.175L18.826 11H9v2h9.832L17 14.831l1.414 1.415 4.243-4.243-4.243-4.243L17 9.175z"
-  })));
+  }))));
 };
 Logout.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/m-distribution-cl.js

@@ -45,25 +45,38 @@ var MDistributionCl = function MDistributionCl(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/_react["default"].createElement("rect", {
+  }), /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "24",
+    height: "24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    style: {
+      mixBlendMode: 'multiply'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("rect", {
     x: "3",
     y: "5",
     width: "12",
     height: "6",
     fill: "#1673F6"
-  }), /*#__PURE__*/_react["default"].createElement("rect", {
+  })), /*#__PURE__*/_react["default"].createElement("rect", {
     x: "9",
     y: "13",
     width: "8",
     height: "6",
     fill: "#1673F6"
-  }), /*#__PURE__*/_react["default"].createElement("rect", {
+  }), /*#__PURE__*/_react["default"].createElement("g", {
+    style: {
+      mixBlendMode: 'multiply'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("rect", {
     x: "15",
     y: "13",
     width: "6",
     height: "6",
     fill: "#ED6845"
-  }), /*#__PURE__*/_react["default"].createElement("circle", {
+  })), /*#__PURE__*/_react["default"].createElement("circle", {
     cx: "19",
     cy: "8",
     r: "3",
@@ -73,7 +86,7 @@ var MDistributionCl = function MDistributionCl(props) {
     cy: "16",
     r: "3",
     fill: "#ED6845"
-  })));
+  }))));
 };
 MDistributionCl.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/m-distribution.js

@@ -45,7 +45,11 @@ var MDistribution = function MDistribution(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "24",
+    height: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
     d: "M9 3H2v4h7V3z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M22 3H12v4h10V3z"
@@ -57,7 +61,7 @@ var MDistribution = function MDistribution(props) {
     d: "M15 10h7v4h-7v-4z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M22 17H12v4h10v-4z"
-  })));
+  }))));
 };
 MDistribution.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/m-event-cl.js

@@ -45,15 +45,24 @@ var MEventCl = function MEventCl(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/_react["default"].createElement("circle", {
+  }), /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "24",
+    height: "24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("circle", {
     cx: "17",
     cy: "7",
     r: "5",
     fill: "#F66C47"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), /*#__PURE__*/_react["default"].createElement("g", {
+    style: {
+      mixBlendMode: 'multiply'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("path", {
     d: "M2.727 13.472c-.819-.358-.794-1.527.038-1.85l13.596-5.266c.814-.316 1.613.49 1.29 1.302l-5.416 13.6c-.33.832-1.503.843-1.85.019l-2.148-5.1a1 1 0 00-.521-.529l-4.99-2.176z",
     fill: "#1673F6"
-  })));
+  })))));
 };
 MEventCl.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/m-event.js

@@ -45,7 +45,11 @@ var MEvent = function MEvent(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "24",
+    height: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
     d: "M21 12a9 9 0 01-12.25 8.395 4.009 4.009 0 01-1.185 1.674C8.922 22.668 10.422 23 12 23c6.075 0 11-4.925 11-11 0-1.578-.332-3.078-.93-4.435a4.009 4.009 0 01-1.675 1.185A8.979 8.979 0 0121 12z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M3 12c0 1.146.214 2.242.605 3.25a4.007 4.007 0 00-1.674 1.185A10.962 10.962 0 011 12C1 5.925 5.925 1 12 1c1.578 0 3.078.332 4.435.93a4.007 4.007 0 00-1.185 1.675A9 9 0 003 12z"
@@ -55,7 +59,7 @@ var MEvent = function MEvent(props) {
     d: "M21 5a2 2 0 11-4 0 2 2 0 014 0z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M5 21a2 2 0 100-4 2 2 0 000 4z"
-  })));
+  }))));
 };
 MEvent.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/m-flow-cl.js

@@ -45,27 +45,48 @@ var MFlowCl = function MFlowCl(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/_react["default"].createElement("rect", {
+  }), /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "24",
+    height: "24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    style: {
+      mixBlendMode: 'multiply'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("rect", {
     x: "2",
     y: "10",
     width: "4",
     height: "12",
     fill: "#F66C47"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  })), /*#__PURE__*/_react["default"].createElement("g", {
+    style: {
+      mixBlendMode: 'multiply'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("path", {
     d: "M18 2h4v10h-4V2z",
     fill: "#F66C47"
-  }), /*#__PURE__*/_react["default"].createElement("rect", {
+  })), /*#__PURE__*/_react["default"].createElement("g", {
+    style: {
+      mixBlendMode: 'multiply'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("rect", {
     x: "18",
     y: "16",
     width: "4",
     height: "6",
     fill: "#F66C47"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  })), /*#__PURE__*/_react["default"].createElement("g", {
+    style: {
+      mixBlendMode: 'multiply'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M20.5 9.488c-1.251.125-4.064.763-6.5 4.012-1.968 2.625-3.96 4.13-5.862 4.973-1.771.784-3.326.921-4.247 1.002-.058.005-.565.01-.617.015v-4.98l.097-.009c.903-.081 1.742-.157 2.742-.6 1.014-.45 2.357-1.36 3.887-3.401 3.563-4.751 8.418-5.78 10.5-5.988v4.976z",
     fill: "#1673F6"
-  })));
+  })))));
 };
 MFlowCl.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/m-flow.js

@@ -45,13 +45,17 @@ var MFlow = function MFlow(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "24",
+    height: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
     d: "M3 4h3v3H3V4z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M18 4h3v9h-3v-2.405c-1.009.144-1.561.427-1.905.677-.566.412-.915.957-1.6 2.053-.63 1.008-1.534 2.444-3.197 3.522-1.384.898-3.1 1.436-5.298 1.6V20H3V9h3v4.428c1.34-.142 2.103-.468 2.577-.775.65-.421 1.058-.986 1.678-1.978l.125-.2c.562-.909 1.385-2.236 2.775-3.247 1.274-.927 2.847-1.484 4.845-1.664V4z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M18 20v-5h3v5h-3z"
-  })));
+  }))));
 };
 MFlow.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/m-funnel-cl.js

@@ -45,13 +45,22 @@ var MFunnelCl = function MFunnelCl(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "24",
+    height: "24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
     d: "M4 3h16c0 5.602-3.582 10.143-8 10.143S4 8.602 4 3z",
     fill: "#1673F6"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), /*#__PURE__*/_react["default"].createElement("g", {
+    style: {
+      mixBlendMode: 'multiply'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("path", {
     d: "M4 20.75h16c0-5.602-3.582-10.143-8-10.143S4 15.148 4 20.75z",
     fill: "#F66C47"
-  })));
+  })))));
 };
 MFunnelCl.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/m-funnel.js

@@ -45,13 +45,17 @@ var MFunnel = function MFunnel(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "24",
+    height: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
     d: "M3 3h18v3H3V3z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M6 9h12v3H6V9z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M15 15H9v6h6v-6z"
-  })));
+  }))));
 };
 MFunnel.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/m-interval-cl.js

@@ -45,7 +45,12 @@ var MIntervalCl = function MIntervalCl(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/_react["default"].createElement("rect", {
+  }), /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "24",
+    height: "24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("rect", {
     x: "3",
     y: "9.368",
     width: "8.421",
@@ -89,7 +94,7 @@ var MIntervalCl = function MIntervalCl(props) {
     height: "3.158",
     transform: "matrix(1 0 0 -1 14.526 5.158)",
     fill: "#E56443"
-  })));
+  }))));
 };
 MIntervalCl.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/m-interval.js

@@ -45,7 +45,11 @@ var MInterval = function MInterval(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "24",
+    height: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
     d: "M9 2H4v3h5V2z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M13 16h9V4h-3V2h-3v2h-3v12zm2-2V7h5v7h-5z"
@@ -53,7 +57,7 @@ var MInterval = function MInterval(props) {
     d: "M2 20V8h9v12H8v2H5v-2H2zm2-10v7h5v-7H4z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M15 19h5v3h-5v-3z"
-  })));
+  }))));
 };
 MInterval.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/m-prop-cl.js

@@ -45,7 +45,12 @@ var MPropCl = function MPropCl(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/_react["default"].createElement("circle", {
+  }), /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "24",
+    height: "24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("circle", {
     cx: "10",
     cy: "6",
     r: "4",
@@ -53,10 +58,14 @@ var MPropCl = function MPropCl(props) {
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M2 22.143h16C18 16.54 14.418 12 10 12s-8 4.541-8 10.143z",
     fill: "#1673F6"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), /*#__PURE__*/_react["default"].createElement("g", {
+    style: {
+      mixBlendMode: 'multiply'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("path", {
     d: "M22 12h-5v5h-5v5h10V12z",
     fill: "#ED6845"
-  })));
+  })))));
 };
 MPropCl.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/m-property.js

@@ -45,7 +45,11 @@ var MProperty = function MProperty(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "24",
+    height: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
     d: "M5 5a3 3 0 013-3h12a3 3 0 013 3v14a3 3 0 01-3 3h-7v-2h7a1 1 0 001-1V5a1 1 0 00-1-1H8a1 1 0 00-1 1v3H5V5z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M9 13a3 3 0 11-6 0 3 3 0 016 0z"
@@ -55,7 +59,7 @@ var MProperty = function MProperty(props) {
     d: "M13 8h2v8h-2V8z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M19 12h-2v4h2v-4z"
-  })));
+  }))));
 };
 MProperty.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/m-retention-cl.js

@@ -45,25 +45,26 @@ var MRetentionCl = function MRetentionCl(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M9 3H3v6h6V3z",
-    fill: "#1673F6"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M9 9H3v6h6V9z",
-    fill: "#1673F6"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M9 3h6v6H9V3z",
-    fill: "#1673F6"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M21 3h-6v6h6V3z",
-    fill: "#1673F6"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M3 9h6v12H3V9z",
-    fill: "#F66C47"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M9 9h6v6H9V9z",
+  }), /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "24",
+    height: "24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    style: {
+      mixBlendMode: 'multiply'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M3 9v12h6v-6h6V9H3z",
     fill: "#F66C47"
-  })));
+  })), /*#__PURE__*/_react["default"].createElement("g", {
+    style: {
+      mixBlendMode: 'multiply'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M3 3h18v6H9v6H3V3z",
+    fill: "#1673F6"
+  })))));
 };
 MRetentionCl.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/m-retention.js

@@ -45,7 +45,11 @@ var MRetention = function MRetention(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "24",
+    height: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
     d: "M4 3a1 1 0 00-1 1v2a1 1 0 001 1h2a1 1 0 001-1V4a1 1 0 00-1-1H4z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M4 10a1 1 0 00-1 1v2a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 00-1-1H4z"
@@ -57,7 +61,7 @@ var MRetention = function MRetention(props) {
     d: "M10 11a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 01-1 1h-2a1 1 0 01-1-1v-2z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M18 3a1 1 0 00-1 1v2a1 1 0 001 1h2a1 1 0 001-1V4a1 1 0 00-1-1h-2z"
-  })));
+  }))));
 };
 MRetention.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/m-sql-cl.js

@@ -45,7 +45,12 @@ var MSqlCl = function MSqlCl(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/_react["default"].createElement("circle", {
+  }), /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "24",
+    height: "24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("circle", {
     cx: "15.5",
     cy: "7.5",
     r: "5.5",
@@ -57,19 +62,27 @@ var MSqlCl = function MSqlCl(props) {
     y2: "14.293",
     stroke: "#ED6845",
     strokeWidth: "2"
-  }), /*#__PURE__*/_react["default"].createElement("rect", {
+  }), /*#__PURE__*/_react["default"].createElement("g", {
+    style: {
+      mixBlendMode: 'multiply'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("rect", {
     x: "2",
     y: "4",
     width: "10",
     height: "18",
     fill: "#1673F6"
-  }), /*#__PURE__*/_react["default"].createElement("rect", {
+  })), /*#__PURE__*/_react["default"].createElement("g", {
+    style: {
+      mixBlendMode: 'multiply'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("rect", {
     x: "13",
     y: "17",
     width: "10",
     height: "5",
     fill: "#1673F6"
-  })));
+  })))));
 };
 MSqlCl.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/m-sql.js

@@ -45,7 +45,11 @@ var MSql = function MSql(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "24",
+    height: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
     d: "M22 2H2v3h20V2z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M18.891 17.477a6.002 6.002 0 00-9.134-7.72 6 6 0 007.72 9.134l2.887 2.887 1.414-1.414-2.887-2.887zm-2.063-.649a4 4 0 11-5.656-5.656 4 4 0 015.656 5.656z"
@@ -57,7 +61,7 @@ var MSql = function MSql(props) {
     d: "M2 20h4v2H2v-2z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M6 8H2v2h4V8z"
-  })));
+  }))));
 };
 MSql.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/manual.js

@@ -45,11 +45,15 @@ var Manual = function Manual(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "24",
+    height: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M2.293 2.293a1 1 0 011.043-.235l18 6.429a1 1 0 01.004 1.882l-8.059 2.912-2.912 8.059a1 1 0 01-1.882-.004l-6.429-18a1 1 0 01.235-1.043zm2.359 2.359l4.782 13.39 2.126-5.882a1 1 0 01.6-.6l5.882-2.126-13.39-4.782z"
-  })));
+  }))));
 };
 Manual.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/menu-fold.js

@@ -45,9 +45,13 @@ var MenuFold = function MenuFold(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "24",
+    height: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
     d: "M21 18v2H3v-2h18zM6.596 3.904L8.01 5.318 4.828 8.5l3.182 3.182-1.414 1.414L2 8.5l4.596-4.596zM21 11v2h-9v-2h9zm0-7v2h-9V4h9z"
-  })));
+  }))));
 };
 MenuFold.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/menu-unfold.js

@@ -45,9 +45,13 @@ var MenuUnfold = function MenuUnfold(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "24",
+    height: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
     d: "M21 18v2H3v-2h18zM17.404 3.904L22 8.5l-4.596 4.596-1.414-1.414L19.172 8.5 15.99 5.318l1.414-1.414zM12 11v2H3v-2h9zm0-7v2H3V4h9z"
-  })));
+  }))));
 };
 MenuUnfold.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/message-center.js

@@ -45,7 +45,11 @@ var MessageCenter = function MessageCenter(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "24",
+    height: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
     d: "M18 3H6v2h12V3z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M9 13H7v2h2v-2z"
@@ -55,7 +59,7 @@ var MessageCenter = function MessageCenter(props) {
     d: "M4 21a1 1 0 01-1-1V8a1 1 0 011-1h16a1 1 0 011 1v12a1 1 0 01-1 1H4zM5 9v10h14V9H5z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M11 13h2v2h-2v-2z"
-  })));
+  }))));
 };
 MessageCenter.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/mfa.js

@@ -45,9 +45,13 @@ var Mfa = function Mfa(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "24",
+    height: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
     d: "M10.991 1.416L4.066 5.264c-1.362.757-1.374 2.712-.021 3.485l14.461 8.264-6.501 3.824L7.277 18H8v-2H3v5h2v-2.034l5.976 3.586a2 2 0 002.043.009l6.501-3.825c1.325-.779 1.313-2.698-.021-3.46L5.037 7.012l6.926-3.847L16.373 6H15v2h5V3h-2v1.668l-4.956-3.186a2 2 0 00-2.053-.066z"
-  })));
+  }))));
 };
 Mfa.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/more-1.js

@@ -45,9 +45,13 @@ var More1 = function More1(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "24",
+    height: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
     d: "M4.5 10.5c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5S6 12.825 6 12s-.675-1.5-1.5-1.5zm15 0c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5S21 12.825 21 12s-.675-1.5-1.5-1.5zm-7.5 0c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5 1.5-.675 1.5-1.5-.675-1.5-1.5-1.5z"
-  })));
+  }))));
 };
 More1.propTypes = {
   iconClassName: _propTypes["default"].string,