@tant/icons 1.3.13 → 1.3.16

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

@@ -45,9 +45,13 @@ var More2 = function More2(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.5 19.5c0 .825.675 1.5 1.5 1.5s1.5-.675 1.5-1.5S12.825 18 12 18s-1.5.675-1.5 1.5zm0-15c0 .825.675 1.5 1.5 1.5s1.5-.675 1.5-1.5S12.825 3 12 3s-1.5.675-1.5 1.5zm0 7.5c0 .825.675 1.5 1.5 1.5s1.5-.675 1.5-1.5-.675-1.5-1.5-1.5-1.5.675-1.5 1.5z"
-  })));
+  }))));
 };
 More2.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/mute.js

@@ -45,11 +45,15 @@ var Mute = function Mute(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: "M10.025 2.255a1 1 0 01.312.948 8.847 8.847 0 0010.46 10.46 1 1 0 011.153 1.29C20.612 19.041 16.77 22 12.23 22 6.58 22 2 17.42 2 11.77c0-4.54 2.96-8.381 7.047-9.72a1 1 0 01.978.205zM8.16 4.62A8.222 8.222 0 004 11.77 8.231 8.231 0 0012.23 20a8.222 8.222 0 007.15-4.16 10.93 10.93 0 01-.38.006C13.01 15.846 8.154 10.99 8.154 5c0-.127.002-.254.006-.38z"
-  })));
+  }))));
 };
 Mute.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/new-indicator.js

@@ -45,7 +45,11 @@ var NewIndicator = function NewIndicator(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: "M19.414 2.586A2 2 0 0120 4v14a2 2 0 01-2 2H4a2 2 0 01-2-2V4a2 2 0 012-2h14a2 2 0 011.414.586zM18 4H4v14h14V4zM9.175 7.937L4.4 11.519l1.2 1.6L8.825 10.7l2 2.5 4.247-3.185 1.294 1.718.629-4.475-4.475-.628 1.348 1.787-2.693 2.02-2-2.5z"
@@ -70,7 +74,7 @@ var NewIndicator = function NewIndicator(props) {
     y: "11",
     width: "4",
     height: "2"
-  })));
+  }))));
 };
 NewIndicator.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/notice.js

@@ -45,11 +45,15 @@ var Notice = function Notice(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: "M8.97 8.7l3.064-3.244L15.098 8.7H8.97zm-2.752 0l5.089-5.387a1 1 0 011.454 0L17.85 8.7h2.418a1 1 0 011 1v10.312a1 1 0 01-1 1H3.8a1 1 0 01-1-1V9.7a1 1 0 011-1h2.418zm2.225 6.464a1.334 1.334 0 11-2.667 0 1.334 1.334 0 012.667 0zm3.591 1.334a1.334 1.334 0 100-2.668 1.334 1.334 0 000 2.668zm6.259-1.334a1.334 1.334 0 11-2.668 0 1.334 1.334 0 012.668 0z"
-  })));
+  }))));
 };
 Notice.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/num-sm.js

@@ -45,11 +45,15 @@ var NumSm = function NumSm(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "16",
+    height: "16",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
     d: "M8 11.5h1v-7h-.142L6.5 5.18V6H8v5.5z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M1.354 7.01a1.5 1.5 0 000 2.122l5.656 5.657a1.5 1.5 0 002.122 0l5.657-5.657a1.5 1.5 0 000-2.122L9.132 1.354a1.5 1.5 0 00-2.122 0L1.354 7.01zm.707 1.415a.5.5 0 010-.708l5.657-5.656a.5.5 0 01.707 0l5.656 5.656a.5.5 0 010 .708L8.425 14.08a.5.5 0 01-.707 0L2.06 8.425z"
-  })));
+  }))));
 };
 NumSm.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/one-time.js

@@ -45,13 +45,17 @@ var OneTime = function OneTime(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: "M16.913 13.57l-5.447 4.935-3.88-3.88L9 13.211l2.534 2.534 4.036-3.657 1.343 1.482z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M8 1v2h8V1h2v2h1.2C20.77 3 22 4.298 22 5.846v13.308C22 20.702 20.77 22 19.2 22H4.8C3.23 22 2 20.702 2 19.154V5.846C2 4.298 3.23 3 4.8 3H6V1h2zm8 4v1h2V5h1.2c.418 0 .8.355.8.846V9H4V5.846C4 5.355 4.382 5 4.8 5H6v1h2V5h8zM4 11v8.154c0 .491.382.846.8.846h14.4c.418 0 .8-.355.8-.846V11H4z"
-  })));
+  }))));
 };
 OneTime.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/operator-bigger.js

@@ -45,11 +45,15 @@ var OperatorBigger = function OperatorBigger(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: "M6.876 7L19 14v2H5v-2h10.738L5.876 8.732l1-1.732z"
-  })));
+  }))));
 };
 OperatorBigger.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/operator-divide.js

@@ -45,9 +45,13 @@ var OperatorDivide = function OperatorDivide(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 11h14v2H5v-2zm7-3a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm0 11a1.5 1.5 0 110-3 1.5 1.5 0 010 3z"
-  })));
+  }))));
 };
 OperatorDivide.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/operator-equal.js

@@ -45,11 +45,15 @@ var OperatorEqual = function OperatorEqual(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: "M19 8H5v2h14V8zm0 6H5v2h14v-2z"
-  })));
+  }))));
 };
 OperatorEqual.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/operator-false.js

@@ -45,11 +45,15 @@ var OperatorFalse = function OperatorFalse(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: "M19 4H5v15h2v-7h10v-2H7V6h12V4z"
-  })));
+  }))));
 };
 OperatorFalse.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/operator-has-value.js

@@ -45,11 +45,15 @@ var OperatorHasValue = function OperatorHasValue(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: "M9.961 14.485L18.447 6l1.414 1.414-9.9 9.9-1.414-1.415L5 12.352l1.414-1.414 3.547 3.547z"
-  })));
+  }))));
 };
 OperatorHasValue.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/operator-include.js

@@ -45,11 +45,15 @@ var OperatorInclude = function OperatorInclude(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: "M18 6H9.5a3.5 3.5 0 100 7H20v2H9.5a5.5 5.5 0 110-11H20v2h-2zM4 17h16v2H4v-2z"
-  })));
+  }))));
 };
 OperatorInclude.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/operator-inside.js

@@ -45,9 +45,13 @@ var OperatorInside = function OperatorInside(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 3v2H6v14h3v2H4V3h5zm6 0h5v18h-5v-2h3V5h-3V3z"
-  })));
+  }))));
 };
 OperatorInside.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/operator-less.js

@@ -45,11 +45,15 @@ var OperatorLess = function OperatorLess(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: "M17.124 7L5 14v2h14v-2H8.262l9.862-5.268-1-1.732z"
-  })));
+  }))));
 };
 OperatorLess.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/operator-no-bigger.js

@@ -45,11 +45,15 @@ var OperatorNoBigger = function OperatorNoBigger(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: "M5 13l12.124-7 1 1.732L8.262 13H19v2H5v-2zm0 4h14v2H5v-2z"
-  })));
+  }))));
 };
 OperatorNoBigger.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/operator-no-less.js

@@ -45,11 +45,15 @@ var OperatorNoLess = function OperatorNoLess(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: "M19 13L6.876 6l-1 1.732L15.738 13H5v2h14v-2zm0 4H5v2h14v-2z"
-  })));
+  }))));
 };
 OperatorNoLess.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/operator-no-regex.js

@@ -45,11 +45,15 @@ var OperatorNoRegex = function OperatorNoRegex(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: "M18.006 3.043L20.049 1l1.414 1.414-1.662 1.662A3 3 0 0120.5 6v3.7a1.5 1.5 0 001.5 1.5h.5v1.6H22a1.5 1.5 0 00-1.5 1.5V18a3 3 0 01-3 3h-1v-2h1a1 1 0 001-1v-4.1a2 2 0 011.374-1.9 1.999 1.999 0 01-1.374-1.9V6a1 1 0 00-.13-.493l-2.457 2.457.155.46-.844.229-.842.843 1.014 1.148-.852.672-.807-1.176-4.034 4.034a1.5 1.5 0 11-2.029 2.029l-2.12 2.12A.999.999 0 006.5 19h1v2h-1a3 3 0 01-2.41-1.213l-2.676 2.676L0 21.049l3.5-3.5V14.3A1.5 1.5 0 002 12.8h-.5v-1.6H2a1.502 1.502 0 001.5-1.5V6a3 3 0 013-3h1v2h-1a1 1 0 00-1 1v4.1A2 2 0 014.126 12 2 2 0 015.5 13.9v1.649l6.67-6.67-1.67-.455.348-1.032 2 .81.015-.016L12.732 6h1.104l-.077 1.29L16.5 4.549V3h1a3 3 0 01.506.043z"
-  })));
+  }))));
 };
 OperatorNoRegex.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/operator-no-value.js

@@ -45,11 +45,15 @@ var OperatorNoValue = function OperatorNoValue(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: "M13.414 12l4.243 4.243-1.415 1.414L12 13.414l-4.243 4.243-1.414-1.414L10.586 12 6.343 7.757l1.414-1.414L12 10.586l4.243-4.243 1.414 1.414L13.414 12z"
-  })));
+  }))));
 };
 OperatorNoValue.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/operator-not-include.js

@@ -45,7 +45,11 @@ var OperatorNotInclude = function OperatorNotInclude(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/_react["default"].createElement("g", {
+  }), /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "24",
+    height: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
     clipPath: "url(#clip0_3399_79)"
   }, /*#__PURE__*/_react["default"].createElement("path", {
     fillRule: "evenodd",
@@ -56,7 +60,7 @@ var OperatorNotInclude = function OperatorNotInclude(props) {
   }, /*#__PURE__*/_react["default"].createElement("rect", {
     width: "24",
     height: "24"
-  })))));
+  }))))));
 };
 OperatorNotInclude.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/operator-regex.js

@@ -45,11 +45,15 @@ var OperatorRegex = function OperatorRegex(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: "M3.5 18v-3.7A1.5 1.5 0 002 12.8h-.5v-1.6H2a1.5 1.5 0 001.5-1.5V6a3 3 0 013-3h1v2h-1a1 1 0 00-1 1v4.1A2 2 0 014.126 12 2 2 0 015.5 13.9V18a1 1 0 001 1h1v2h-1a3 3 0 01-3-3zm17-3.7V18a3 3 0 01-3 3h-1v-2h1a1 1 0 001-1v-4.1a2 2 0 011.374-1.9 2 2 0 01-1.374-1.9V6a1 1 0 00-1-1h-1V3h1a3 3 0 013 3v3.7a1.5 1.5 0 001.5 1.5h.5v1.6H22a1.5 1.5 0 00-1.5 1.5zm-10 1.2a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm2.364-7.292L12.732 6h1.104l-.132 2.208 2.016-.816.348 1.032L13.944 9l1.452 1.644-.852.672-1.26-1.836-1.272 1.836-.852-.672L12.612 9 10.5 8.424l.348-1.032 2.016.816z"
-  })));
+  }))));
 };
 OperatorRegex.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/operator-true.js

@@ -45,11 +45,15 @@ var OperatorTrue = function OperatorTrue(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: "M13 5h6v2h-6v12h-2V7H5V5h8z"
-  })));
+  }))));
 };
 OperatorTrue.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/operator-unequal.js

@@ -45,11 +45,15 @@ var OperatorUnequal = function OperatorUnequal(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: "M13.692 8l2.31-4 1.732 1L16 8H19v2h-4.153l-2.31 4H19v2h-7.617l-2.154 3.73-1.732-1L9.073 16H5v-2h5.228l2.31-4H5V8h8.692z"
-  })));
+  }))));
 };
 OperatorUnequal.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/page-cl.js

@@ -45,7 +45,12 @@ var PageCl = function PageCl(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", {
     opacity: ".15",
     x: "3",
     y: "3",
@@ -67,7 +72,7 @@ var PageCl = function PageCl(props) {
     height: "1.929",
     rx: ".964",
     fill: "#24252E"
-  })));
+  }))));
 };
 PageCl.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/page-open-cl.js

@@ -45,7 +45,12 @@ var PageOpenCl = function PageOpenCl(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: "3",
     width: "18",
@@ -68,7 +73,7 @@ var PageOpenCl = function PageOpenCl(props) {
     height: "1.929",
     rx: ".964",
     fill: "#fff"
-  })));
+  }))));
 };
 PageOpenCl.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/parallel-filter.js

@@ -45,11 +45,15 @@ var ParallelFilter = function ParallelFilter(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: "M14 13v6l-4 2v-8L4 4V2h16v2l-6 9zM6.404 4L12 12.394 17.596 4H6.404zM17 15h5l-1 2h-5l1-2zm4 4h-5l-1 2h5l1-2zM4 15h5l-1 2H3l1-2zm4 4H3l-1 2h5l1-2z"
-  })));
+  }))));
 };
 ParallelFilter.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/parameter.js

@@ -45,7 +45,11 @@ var Parameter = function Parameter(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: "M9.47 13.935V19H7V5h5.44c1.588 0 2.848.413 3.779 1.24.937.827 1.406 1.92 1.406 3.281 0 1.394-.459 2.478-1.377 3.252-.911.775-2.19 1.162-3.838 1.162H9.47zm0-1.982h2.97c.878 0 1.549-.205 2.011-.615.462-.417.694-1.016.694-1.797 0-.768-.235-1.38-.704-1.836-.468-.462-1.113-.7-1.933-.713H9.47v4.961z"
@@ -53,7 +57,7 @@ var Parameter = function Parameter(props) {
     d: "M4 3v2H3v14h1v2H1V3h3z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M20 3h3v18h-3v-2h1V5h-1V3z"
-  })));
+  }))));
 };
 Parameter.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/password.js

@@ -45,9 +45,13 @@ var Password = function Password(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: "M19 10h1a1 1 0 011 1v10a1 1 0 01-1 1H4a1 1 0 01-1-1V11a1 1 0 011-1h1V9a7 7 0 0114 0v1zM5 12v8h14v-8H5zm6 2h2v4h-2v-4zm6-4V9A5 5 0 007 9v1h10z"
-  })));
+  }))));
 };
 Password.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/pattern.js

@@ -45,7 +45,11 @@ var Pattern = function Pattern(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: "M13 1h-2v7h2V1z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M7 3h2v3H7V3z"
@@ -55,7 +59,7 @@ var Pattern = function Pattern(props) {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M3.558 5.874l-.584.337a1 1 0 00-.5.866v9.846a1 1 0 00.5.866L11.5 22.71a1 1 0 001 0l8.526-4.922a1 1 0 00.5-.866V7.077a1 1 0 00-.5-.866l-.584-.337L12 10.84 3.558 5.874zM12 13.16l7.526-4.427v5.612L12 18.691l-7.526-4.346V8.733L12 13.16z"
-  })));
+  }))));
 };
 Pattern.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/pause-circle.js

@@ -45,9 +45,13 @@ var PauseCircle = function PauseCircle(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: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 100-16.001A8 8 0 0012 20zM9 9h2v6H9V9zm4 0h2v6h-2V9z"
-  })));
+  }))));
 };
 PauseCircle.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/pinch.js

@@ -45,11 +45,15 @@ var Pinch = function Pinch(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: "M20.78 4.28a.75.75 0 10-1.06-1.06L14.4 8.54V4.85a.75.75 0 10-1.5 0v5.5a.746.746 0 00.75.75h5.5a.75.75 0 100-1.5h-3.69l5.32-5.32zm-9.68 9.37a.749.749 0 00-.75-.75h-5.5a.75.75 0 000 1.5h3.69l-5.32 5.32a.75.75 0 001.06 1.06l5.32-5.32v3.69a.75.75 0 001.5 0v-5.5z"
-  })));
+  }))));
 };
 Pinch.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/play-circle.js

@@ -45,9 +45,13 @@ var PlayCircle = function PlayCircle(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: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 100-16.001A8 8 0 0012 20zM10.622 8.415l4.879 3.252a.4.4 0 010 .666l-4.88 3.252a.4.4 0 01-.621-.332V8.747a.4.4 0 01.622-.332z"
-  })));
+  }))));
 };
 PlayCircle.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/play.js

@@ -45,9 +45,13 @@ var Play = function Play(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: "M19.376 11.982L8.777 19.048A.499.499 0 018 18.632V4.5a.5.5 0 01.777-.416l10.599 7.066a.501.501 0 010 .832z"
-  })));
+  }))));
 };
 Play.propTypes = {
   iconClassName: _propTypes["default"].string,

package/dist/lib/icons/plug.js

@@ -45,9 +45,13 @@ var Plug = function Plug(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: "M13 18v2h6v2h-6a2 2 0 01-2-2v-2H8a4 4 0 01-4-4V7a1 1 0 011-1h3V2h2v4h4V2h2v4h3a1 1 0 011 1v7a4 4 0 01-4 4h-3zm-5-2h8a2 2 0 002-2v-3H6v3a2 2 0 002 2zm10-8H6v1h12V8zm-6 6.5a1 1 0 110-2 1 1 0 010 2z"
-  })));
+  }))));
 };
 Plug.propTypes = {
   iconClassName: _propTypes["default"].string,