@tant/icons 1.0.13 → 1.0.16

package/dist/es/icons/lock-close.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -14,21 +14,30 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
 
 var LockClose = function LockClose(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/React.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.createElement("path", {
@@ -37,14 +46,16 @@ var LockClose = function LockClose(props) {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM8.9 8V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2H8.9zM6 10h12v10H6V10z"
-  }));
+  })));
 };
 
 LockClose.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 LockClose.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/es/icons/lock-open-fill.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -14,33 +14,44 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
 
 var LockOpenFill = function LockOpenFill(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/React.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.createElement("path", {
     d: "M17 8h1c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2H6c-1.1 0-2-.9-2-2V10c0-1.1.9-2 2-2h9.1V6c0-1.71-1.39-3.1-3.1-3.1-1.71 0-3.1 1.39-3.1 3.1H7c0-2.76 2.24-5 5-5s5 2.24 5 5v2zm-5 9a2 2 0 100-4 2 2 0 000 4z"
-  }));
+  })));
 };
 
 LockOpenFill.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 LockOpenFill.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/es/icons/lock-open.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -14,33 +14,44 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
 
 var LockOpen = function LockOpen(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/React.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.createElement("path", {
     d: "M12 17c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm6-9h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6h1.9c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm0 12H6V10h12v10z"
-  }));
+  })));
 };
 
 LockOpen.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 LockOpen.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/es/icons/{update.js → logo-currencylayer.js}

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -14,34 +14,50 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
 
-var Update = function Update(props) {
+var LogoCurrencylayer = function LogoCurrencylayer(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/React.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.createElement("rect", {
+    width: "24",
+    height: "24"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M5.463 4.433A9.961 9.961 0 0112 2c5.523 0 10 4.477 10 10 0 2.136-.67 4.116-1.81 5.74L17 12h3A8 8 0 006.46 6.228l-.997-1.795zm13.074 15.134A9.961 9.961 0 0112 22C6.477 22 2 17.523 2 12c0-2.136.67-4.116 1.81-5.74L7 12H4a8 8 0 0013.54 5.772l.997 1.795z"
-  }));
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M1.18 1.627c.052-.03.12-.034.206-.059.182-.053 1.03-.068 4.13-.068 2.146 0 3.93.015 3.966.04.036.023.05.082.031.136-.013.053-.544.62-1.175 1.259-.626.639-1.143 1.175-1.143 1.195 0 .015.172.18.385.366 2.673 2.317 4.683 5.982 5.713 10.417.45 1.922.658 3.591.713 5.61.022.86.018 1.026-.046 1.187a1.374 1.374 0 01-.63.673c-.227.112-.282.117-1.212.117-.921 0-.99-.005-1.202-.112a1.404 1.404 0 01-.627-.62c-.072-.146-.1-.307-.108-.659-.091-2.77-.386-4.742-1.017-6.82-.971-3.182-2.482-5.612-4.315-6.924l-.445-.317-1.452 1.527c-.799.844-1.502 1.556-1.566 1.595-.131.073-.263.02-.34-.136-.032-.059-.045-1.474-.045-4.138 0-3.645-.023-4.153.179-4.269zm13.534.097c-.037-.048-.05-.122-.037-.16.023-.06.545-.069 4.062-.06l4.038.015.105.113.104.112.009 4.108c.012 3.898.014 4.285-.132 4.352-.016.008-.034.011-.054.015-.059.015-.508-.44-1.566-1.571l-1.483-1.59-.268.175c-1.938 1.244-3.644 4.016-4.624 7.49l-.154.556-.046-.195a50.782 50.782 0 01-.19-.806c-.281-1.205-.822-2.83-1.38-4.132a7.038 7.038 0 01-.254-.644c0-.122.65-1.279 1.08-1.923a15.808 15.808 0 012.582-2.927c.282-.244.508-.459.504-.473a93.604 93.604 0 00-1.126-1.196c-.612-.644-1.139-1.21-1.17-1.259z"
+  })));
 };
 
-Update.propTypes = {
+LogoCurrencylayer.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
-Update.defaultProps = {
+LogoCurrencylayer.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };
-export default Update;
+export default LogoCurrencylayer;

package/dist/es/icons/logo-dingding-cl.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -14,34 +14,45 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
 
 var LogoDingdingCl = function LogoDingdingCl(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/React.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.createElement("path", {
     d: "M12 .375C5.55.375.3 5.625.3 12.075c0 6.45 5.25 11.7 11.7 11.7 6.45 0 11.7-5.25 11.7-11.7 0-6.45-5.25-11.7-11.7-11.7zM17.475 10.5c0 .075-.075.225-.15.45-.525 1.05-1.8 3.15-1.8 3.15l-.375.675h1.8l-3.45 4.5.75-3.15h-1.425l.525-2.1c-.375.075-.9.225-1.425.375 0 0-.75.45-2.175-.825 0 0-.975-.825-.375-1.05.225-.075 1.125-.225 1.875-.3.975-.15 1.575-.225 1.575-.225s-3 .075-3.675-.075c-.675-.075-1.575-1.275-1.8-2.325 0 0-.3-.6.675-.3.975.3 4.8 1.05 4.8 1.05S7.8 8.775 7.425 8.4c-.3-.375-.975-2.025-.9-3.075 0 0 0-.225.3-.15 0 0 3.75 1.725 6.225 2.625 2.475 1.05 4.65 1.5 4.425 2.7z",
     fill: "#3AA2EB"
-  }));
+  })));
 };
 
 LogoDingdingCl.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 LogoDingdingCl.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/es/icons/logo-dingding-gray.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -14,33 +14,44 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
 
 var LogoDingdingGray = function LogoDingdingGray(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/React.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.createElement("path", {
     d: "M13.2 7.8c-2.55-.9-6.45-2.7-6.45-2.7-.3 0-.3.15-.3.15 0 1.2.6 2.85.9 3.3.45.3 5.55 1.95 5.55 1.95S9 9.75 7.95 9.45c-.9-.3-.6.3-.6.3.15 1.05 1.05 2.25 1.8 2.4.75.15 3.75 0 3.75 0s-.6 0-1.65.15c-.6.15-1.5.3-1.8.45-.6.15.45 1.05.45 1.05 1.5 1.35 2.25.9 2.25.9.6-.15 1.05-.3 1.5-.45l-.45 2.1h1.5l-.9 3.15 3.6-4.65h-1.8l.45-.6s1.35-2.1 1.8-3.15c.15-.15.15-.3.15-.45.15-1.35-2.1-1.8-4.8-2.85zm-1.05-6.75C5.85 1.05.9 6.15.9 12.3S6 23.55 12.15 23.55c6.3 0 11.25-5.1 11.25-11.25S18.45 1.05 12.15 1.05zm0 21.75c-5.85 0-10.5-4.65-10.5-10.5S6.3 1.8 12.15 1.8s10.5 4.65 10.5 10.5S18 22.8 12.15 22.8z"
-  }));
+  })));
 };
 
 LogoDingdingGray.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 LogoDingdingGray.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/es/icons/logo-feishu-cl.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -14,21 +14,30 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
 
 var LogoFeishuCl = function LogoFeishuCl(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/React.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.createElement("g", {
@@ -51,14 +60,16 @@ var LogoFeishuCl = function LogoFeishuCl(props) {
     width: "24",
     height: "24",
     fill: "#fff"
-  }))));
+  })))));
 };
 
 LogoFeishuCl.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 LogoFeishuCl.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/es/icons/logo-king-cl.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -14,34 +14,45 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
 
 var LogoKingCl = function LogoKingCl(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/React.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.createElement("path", {
     d: "M2.173.094H21.59a2.109 2.109 0 012.103 2.103v4.54c-3.727-.029-8.463.892-11.293 1.98-3.553 1.366-5.62 2.617-6.625 3.946-1.003 1.329.955 1.794 2.855 1.807 1.9.013 3.516-1.418 6.475-3.123 2.308-1.33 5.467-2.564 8.588-3.583v7.576c-1.524-.779-3.363-1.322-7.22-1.121-4.219.218-10.004 1.285-13.53 3.714 4.23-.33 9.327-.38 12.969-.27 3.02.09 5.818 1.28 7.78 1.187v2.763a2.109 2.109 0 01-2.102 2.103H2.173A2.109 2.109 0 01.07 21.613v-5.65a113.965 113.965 0 014.765-4.345c2.745-2.382 6.512-4.297 7.273-5.285.76-.987-1.588-2.488-3.292-2.174-1.705.314-3.194 2.053-5.788 4.517-.953.906-1.994 2.141-2.958 3.516V2.197A2.109 2.109 0 012.173.094z",
     fill: "#E30016"
-  }));
+  })));
 };
 
 LogoKingCl.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 LogoKingCl.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/es/icons/logo-wechat-cl.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -14,21 +14,30 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
 
 var LogoWechatCl = function LogoWechatCl(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/React.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.createElement("g", {
@@ -42,14 +51,16 @@ var LogoWechatCl = function LogoWechatCl(props) {
     width: "24",
     height: "24",
     fill: "#fff"
-  }))));
+  })))));
 };
 
 LogoWechatCl.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 LogoWechatCl.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/es/icons/logo-wechat-gray.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -14,21 +14,30 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
 
 var LogoWechatGray = function LogoWechatGray(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/React.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.createElement("g", {
@@ -40,14 +49,16 @@ var LogoWechatGray = function LogoWechatGray(props) {
   }, /*#__PURE__*/React.createElement("rect", {
     width: "24",
     height: "24"
-  }))));
+  })))));
 };
 
 LogoWechatGray.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 LogoWechatGray.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/es/icons/logo-wecom-cl.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -14,21 +14,30 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
 
 var LogoWecomCl = function LogoWecomCl(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/React.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.createElement("path", {
@@ -46,14 +55,16 @@ var LogoWecomCl = function LogoWecomCl(props) {
   }), /*#__PURE__*/React.createElement("path", {
     d: "M8.534 2.202c-2.398.264-4.571 1.288-6.132 2.89A8.097 8.097 0 00.905 7.197a7.333 7.333 0 00.516 7.405c.424.64 1.12 1.44 1.757 2.009l-.288 2.265-.032.097c-.008.028-.008.06-.012.088l-.008.072.008.072a.728.728 0 001.097.564h.012l.044-.032.688-.344L6.74 18.36c.976.28 1.987.42 3.002.412a10.764 10.764 0 003.683-.64 1.333 1.333 0 01-.909-1.397 9.043 9.043 0 01-3.786.376l-.204-.028a9.153 9.153 0 01-1.361-.284.93.93 0 00-.729.076l-.056.028-1.689.993-.072.044c-.04.024-.06.032-.08.032a.116.116 0 01-.108-.12l.064-.26.076-.284.12-.469.14-.52a.708.708 0 00-.256-.789 7.384 7.384 0 01-1.705-1.777 5.776 5.776 0 01-.416-5.836 6.672 6.672 0 011.2-1.68C4.935 4.914 6.736 4.074 8.73 3.858a9.454 9.454 0 012.073 0c1.981.228 3.775 1.08 5.047 2.393.493.509.893 1.081 1.19 1.69.396.808.596 1.664.596 2.541 0 .092-.008.184-.012.272a1.333 1.333 0 011.64.192l.06.072a7.293 7.293 0 00-.728-3.794 8.171 8.171 0 00-1.48-2.105 10.046 10.046 0 00-6.109-2.91 11.259 11.259 0 00-2.473-.008z",
     fill: "#0082EF"
-  }));
+  })));
 };
 
 LogoWecomCl.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 LogoWecomCl.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };