@tant/icons 1.0.12 → 1.0.15

package/dist/lib/icons/report-removal.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,20 +25,30 @@ 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) }}';
+
 var ReportRemoval = function ReportRemoval(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("path", {
@@ -51,14 +61,16 @@ var ReportRemoval = function ReportRemoval(props) {
     d: "M17 14.172V11h-2v1.172l2 2z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M13 10.172V7h-2v1.172l2 2z"
-  }));
+  })));
 };
 
 ReportRemoval.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 ReportRemoval.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/lib/icons/report.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,32 +25,44 @@ 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) }}';
+
 var Report = function Report(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M11 7h2v10h-2V7zm4 4h2v6h-2v-6zm-8 2h2v4H7v-4zm8-9H5v16h14V8h-4V4zM3 2.992C3 2.444 3.447 2 3.999 2H16l5 5v13.993A1 1 0 0120.007 22H3.993A1 1 0 013 21.008V2.992z"
-  }));
+  })));
 };
 
 Report.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 Report.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/lib/icons/reset-password.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,32 +25,44 @@ 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) }}';
+
 var ResetPassword = function ResetPassword(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M12.917 13A6.002 6.002 0 011 12a6 6 0 0111.917-1H23v2h-2v4h-2v-4h-2v4h-2v-4h-2.083zM7 16a4 4 0 100-8 4 4 0 000 8z"
-  }));
+  })));
 };
 
 ResetPassword.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 ResetPassword.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/lib/icons/result.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,20 +25,30 @@ 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) }}';
+
 var Result = function Result(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("path", {
@@ -47,14 +57,16 @@ var Result = function Result(props) {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M12.117 3H19a2 2 0 012 2v6.878l-10.152 1.274L12.117 3zm1.766 2H19v5.117l-5.848.731.73-5.848z"
-  }));
+  })));
 };
 
 Result.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 Result.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

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

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,20 +25,30 @@ 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) }}';
+
 var RowsSm = function RowsSm(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 16 16",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("path", {
@@ -53,14 +63,16 @@ var RowsSm = function RowsSm(props) {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M2 9a1 1 0 00-1 1v4a1 1 0 001 1h4a1 1 0 001-1v-4a1 1 0 00-1-1H2zm.5 1a.5.5 0 00-.5.5v3a.5.5 0 00.5.5h3a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5h-3z"
-  }));
+  })));
 };
 
 RowsSm.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 RowsSm.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/lib/icons/s-space.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,34 +25,46 @@ 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) }}';
+
 var SSpace = function SSpace(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M3 21a1 1 0 001 1h16a1 1 0 001-1V3a1 1 0 00-1-1H4a1 1 0 00-1 1v18zm2-10.36V4h14v6.64L11.83 6.5a1 1 0 00-1.366.366l-2 3.464 1.732 1 1.5-2.598L19 12.95V20H5v-7.051l6.66 3.845a1 1 0 001.366-.366l2-3.464-1.732-1-1.5 2.598L5 10.64z"
-  }));
+  })));
 };
 
 SSpace.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 SSpace.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/lib/icons/save.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,32 +25,44 @@ 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) }}';
+
 var Save = function Save(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M7 19v-6h10v6h2V7.828L16.172 5H5v14h2zM4 3h13l4 4v13a1 1 0 01-1 1H4a1 1 0 01-1-1V4a1 1 0 011-1zm5 12v4h6v-4H9z"
-  }));
+  })));
 };
 
 Save.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 Save.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/lib/icons/search.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,32 +25,44 @@ 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) }}';
+
 var Search = function Search(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0111 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 01-1.969 5.617zm-2.006-.742A6.977 6.977 0 0018 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 004.875-1.975l.15-.15z"
-  }));
+  })));
 };
 
 Search.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 Search.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/lib/icons/send.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,32 +25,44 @@ 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) }}';
+
 var Send = function Send(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M1.923 9.37c-.51-.205-.504-.51.034-.689l19.086-6.362c.529-.176.832.12.684.638l-5.454 19.086c-.15.529-.475.553-.717.07L11 13 1.923 9.37zm4.89-.2l5.636 2.255 3.04 6.082 3.546-12.41L6.812 9.17h.001z"
-  }));
+  })));
 };
 
 Send.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 Send.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/lib/icons/server.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,32 +25,44 @@ 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) }}';
+
 var Server = function Server(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M5 11h14V5H5v6zm16-7v16a1 1 0 01-1 1H4a1 1 0 01-1-1V4a1 1 0 011-1h16a1 1 0 011 1zm-2 9H5v6h14v-6zM7 15h3v2H7v-2zm0-8h3v2H7V7z"
-  }));
+  })));
 };
 
 Server.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 Server.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/lib/icons/setting.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,32 +25,44 @@ 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) }}';
+
 var Setting = function Setting(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M2 12c0-.865.11-1.703.316-2.504A3 3 0 004.99 4.867a9.99 9.99 0 014.335-2.505 3 3 0 005.348 0 9.99 9.99 0 014.335 2.505 3 3 0 002.675 4.63 10.036 10.036 0 010 5.007 3 3 0 00-2.675 4.629 9.99 9.99 0 01-4.335 2.505 3 3 0 00-5.348 0 9.99 9.99 0 01-4.335-2.505 3 3 0 00-2.675-4.63A10.056 10.056 0 012 12zm4.804 3c.63 1.091.81 2.346.564 3.524.408.29.842.541 1.297.75A4.993 4.993 0 0112 18c1.26 0 2.438.471 3.335 1.274.455-.209.889-.46 1.297-.75A4.993 4.993 0 0117.196 15a4.993 4.993 0 012.77-2.25 8.134 8.134 0 000-1.5A4.993 4.993 0 0117.195 9a4.993 4.993 0 01-.564-3.524 7.988 7.988 0 00-1.297-.75A4.993 4.993 0 0112 6a4.993 4.993 0 01-3.335-1.274 7.99 7.99 0 00-1.297.75A4.993 4.993 0 016.804 9a4.993 4.993 0 01-2.77 2.25 8.125 8.125 0 000 1.5A4.993 4.993 0 016.805 15h-.001zM12 15a3 3 0 110-6 3 3 0 010 6zm0-2a1 1 0 100-2 1 1 0 000 2z"
-  }));
+  })));
 };
 
 Setting.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 Setting.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };