@tant/icons 1.1.42 → 1.1.54

package/dist/lib/icons/game-fill.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var GameFill = function GameFill(props) {
   var color = props.color,
@@ -33,6 +33,7 @@ var GameFill = function GameFill(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
@@ -46,20 +47,20 @@ var GameFill = function GameFill(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M8.364 15.429h7.272l1.082 2.04a1 1 0 00.884.531H21a1 1 0 001-1V9.09a1 1 0 00-.423-.817l-2.954-2.09A1 1 0 0018.046 6H5.954a1 1 0 00-.577.184L2.423 8.273A1 1 0 002 9.089V17a1 1 0 001 1h3.398a1 1 0 00.884-.532l1.082-2.04zM8 10.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm9.5 1.5a1.5 1.5 0 110-3 1.5 1.5 0 010 3z"
   })));
 };
 
 GameFill.propTypes = {
+  iconClassName: _propTypes["default"].string,
   spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])

package/dist/lib/icons/game.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Game = function Game(props) {
   var color = props.color,
@@ -33,6 +33,7 @@ var Game = function Game(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
@@ -46,14 +47,13 @@ var Game = function Game(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M19 10.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
@@ -64,6 +64,7 @@ var Game = function Game(props) {
 };
 
 Game.propTypes = {
+  iconClassName: _propTypes["default"].string,
   spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])

package/dist/lib/icons/gift.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Gift = function Gift(props) {
   var color = props.color,
@@ -33,6 +33,7 @@ var Gift = function Gift(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
@@ -46,20 +47,20 @@ var Gift = function Gift(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M15 2a4 4 0 013.464 6.001L23 8v2h-2v10a1 1 0 01-1 1H4a1 1 0 01-1-1V10H1V8l4.536.001A4 4 0 0112 3.355 3.983 3.983 0 0115 2zm-4 8H5v9h6v-9zm8 0h-6v9h6v-9zM9 4a2 2 0 00-.15 3.995L9 8h2V6a2 2 0 00-1.697-1.977l-.154-.018L9 4zm6 0a2 2 0 00-1.995 1.85L13 6v2h2a2 2 0 001.995-1.85L17 6a2 2 0 00-2-2z"
   })));
 };
 
 Gift.propTypes = {
+  iconClassName: _propTypes["default"].string,
   spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])

package/dist/lib/icons/group-a2b.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var GroupA2b = function GroupA2b(props) {
   var color = props.color,
@@ -33,6 +33,7 @@ var GroupA2b = function GroupA2b(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
@@ -46,20 +47,20 @@ var GroupA2b = function GroupA2b(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M9 9a2 2 0 110-4 2 2 0 010 4zm0 2a4 4 0 100-8 4 4 0 000 8zm-4 4h8v4H5v-4zm0-2a2 2 0 00-2 2v5a1 1 0 001 1h10a1 1 0 001-1v-5a2 2 0 00-2-2H5zm16-9v4h-2V4h2zm-2 6v4h2v-4h-2zm2 6v4h-2v-4h2z"
   })));
 };
 
 GroupA2b.propTypes = {
+  iconClassName: _propTypes["default"].string,
   spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])

package/dist/lib/icons/group-add-fill.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var GroupAddFill = function GroupAddFill(props) {
   var color = props.color,
@@ -33,6 +33,7 @@ var GroupAddFill = function GroupAddFill(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
@@ -46,20 +47,20 @@ var GroupAddFill = function GroupAddFill(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M8 10H5V7H3v3H0v2h3v3h2v-3h3v-2zm10 1c1.66 0 2.99-1.34 2.99-3S19.66 5 18 5c-.32 0-.63.05-.91.14.57.81.9 1.79.9 2.86 0 1.07-.34 2.04-.9 2.86.28.09.59.14.91.14zm-5 0c1.66 0 2.99-1.34 2.99-3S14.66 5 13 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm6.62 2.16c.83.73 1.38 1.66 1.38 2.84v2h3v-2c0-1.54-2.37-2.49-4.38-2.84zM13 13c-2 0-6 1-6 3v2h12v-2c0-2-4-3-6-3z"
   })));
 };
 
 GroupAddFill.propTypes = {
+  iconClassName: _propTypes["default"].string,
   spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])

package/dist/lib/icons/group-add-sm.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var GroupAddSm = function GroupAddSm(props) {
   var color = props.color,
@@ -33,6 +33,7 @@ var GroupAddSm = function GroupAddSm(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
@@ -46,14 +47,13 @@ var GroupAddSm = function GroupAddSm(props) {
     viewBox: "0 0 16 16",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/_react["default"].createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
@@ -66,6 +66,7 @@ var GroupAddSm = function GroupAddSm(props) {
 };
 
 GroupAddSm.propTypes = {
+  iconClassName: _propTypes["default"].string,
   spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])

package/dist/lib/icons/group-fill-2.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var GroupFill2 = function GroupFill2(props) {
   var color = props.color,
@@ -33,6 +33,7 @@ var GroupFill2 = function GroupFill2(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
@@ -46,20 +47,20 @@ var GroupFill2 = function GroupFill2(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M16 14.5c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm4.78 3.58A6.95 6.95 0 0018 17.5c-.67 0-1.31.1-1.92.28.58.55.92 1.32.92 2.15v.57h5v-.57c0-.81-.48-1.53-1.22-1.85zM6 16.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm1.92 1.28c-.61-.18-1.25-.28-1.92-.28-.99 0-1.93.21-2.78.58A2.01 2.01 0 002 19.93v.57h5v-.57c0-.83.34-1.6.92-2.15zM10 14.5c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm6 6H8v-.57c0-.81.48-1.53 1.22-1.85a6.95 6.95 0 015.56 0A2.01 2.01 0 0116 19.93v.57zM15 5c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm6 6h-8v-.57c0-.81.48-1.53 1.22-1.85a6.95 6.95 0 015.56 0A2.01 2.01 0 0121 10.43V11zM5 5c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm6 6H3v-.57c0-.81.48-1.53 1.22-1.85a6.95 6.95 0 015.56 0A2.01 2.01 0 0111 10.43V11z"
   })));
 };
 
 GroupFill2.propTypes = {
+  iconClassName: _propTypes["default"].string,
   spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])

package/dist/lib/icons/group-fill.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var GroupFill = function GroupFill(props) {
   var color = props.color,
@@ -33,6 +33,7 @@ var GroupFill = function GroupFill(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
@@ -46,20 +47,20 @@ var GroupFill = function GroupFill(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"
   })));
 };
 
 GroupFill.propTypes = {
+  iconClassName: _propTypes["default"].string,
   spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])

package/dist/lib/icons/group.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Group = function Group(props) {
   var color = props.color,
@@ -33,6 +33,7 @@ var Group = function Group(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
@@ -46,20 +47,20 @@ var Group = function Group(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M16.5 13c-1.2 0-3.07.34-4.5 1-1.43-.67-3.3-1-4.5-1C5.33 13 1 14.08 1 16.25V19h22v-2.75c0-2.17-4.33-3.25-6.5-3.25zm-4 4.5h-10v-1.25c0-.54 2.56-1.75 5-1.75s5 1.21 5 1.75v1.25zm9 0H14v-1.25c0-.46-.2-.86-.52-1.22.88-.3 1.96-.53 3.02-.53 2.44 0 5 1.21 5 1.75v1.25zM7.5 12c1.93 0 3.5-1.57 3.5-3.5S9.43 5 7.5 5 4 6.57 4 8.5 5.57 12 7.5 12zm0-5.5c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm9 5.5c1.93 0 3.5-1.57 3.5-3.5S18.43 5 16.5 5 13 6.57 13 8.5s1.57 3.5 3.5 3.5zm0-5.5c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2z"
   })));
 };
 
 Group.propTypes = {
+  iconClassName: _propTypes["default"].string,
   spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])

package/dist/lib/icons/groups.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Groups = function Groups(props) {
   var color = props.color,
@@ -33,6 +33,7 @@ var Groups = function Groups(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
@@ -46,20 +47,20 @@ var Groups = function Groups(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M6.5 11.5a4.5 4.5 0 110-9.002 4.5 4.5 0 010 9.002zm.5 10a4.5 4.5 0 110-9 4.5 4.5 0 010 9zm10-10a4.501 4.501 0 01-1.722-8.657A4.5 4.5 0 1117 11.5zm0 10a4.5 4.5 0 110-9 4.5 4.5 0 010 9zM6.5 9.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm.5 10a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm10-10a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm0 10a2.5 2.5 0 100-5 2.5 2.5 0 000 5z"
   })));
 };
 
 Groups.propTypes = {
+  iconClassName: _propTypes["default"].string,
   spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])

package/dist/lib/icons/heart.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Heart = function Heart(props) {
   var color = props.color,
@@ -33,6 +33,7 @@ var Heart = function Heart(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
@@ -46,20 +47,20 @@ var Heart = function Heart(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M16.5 3C19.538 3 22 5.5 22 9c0 7-7.5 11-10 12.5C9.5 20 2 16 2 9c0-3.5 2.5-6 5.5-6C9.36 3 11 4 12 5c1-1 2.64-2 4.5-2zm-3.566 15.604a26.953 26.953 0 002.42-1.701C18.335 14.533 20 11.943 20 9c0-2.36-1.537-4-3.5-4-1.076 0-2.24.57-3.086 1.414L12 7.828l-1.414-1.414C9.74 5.57 8.576 5 7.5 5 5.56 5 4 6.656 4 9c0 2.944 1.666 5.533 4.645 7.903.745.592 1.54 1.145 2.421 1.7.299.189.595.37.934.572.339-.202.635-.383.934-.571z"
   })));
 };
 
 Heart.propTypes = {
+  iconClassName: _propTypes["default"].string,
   spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])

package/dist/lib/icons/help.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Help = function Help(props) {
   var color = props.color,
@@ -33,6 +33,7 @@ var Help = function Help(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
@@ -46,20 +47,20 @@ var Help = function Help(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__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 20zm-1-5h2v2h-2v-2zm2-1.645V14h-2v-1.5a1 1 0 011-1 1.5 1.5 0 10-1.471-1.794l-1.962-.393A3.5 3.5 0 1113 13.355z"
   })));
 };
 
 Help.propTypes = {
+  iconClassName: _propTypes["default"].string,
   spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])