@tant/icons 1.1.42 → 1.1.43

package/dist/tant-icons.cjs.js

@@ -2064,7 +2064,7 @@ IdFreeze.defaultProps = {
 
 var loadingCircleStyle$E = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
-var Education = function Education(props) {
+var Vip = function Vip(props) {
   var color = props.color,
       size = props.size,
       spin = props.spin,
@@ -2091,6 +2091,96 @@ var Education = function Education(props) {
     } : {}), {}, {
       cursor: 'pointer'
     })
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M2 19h20v2H2v-2zM2 5l5 3.5L12 2l5 6.5L22 5v12H2V5zm2 3.841V15h16V8.841l-3.42 2.394L12 5.28l-4.58 5.955L4 8.84v.001z"
+  })));
+};
+
+Vip.propTypes = {
+  spin: PropTypes.bool,
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+Vip.defaultProps = {
+  spin: false,
+  color: 'currentColor',
+  size: '16'
+};
+
+var loadingCircleStyle$F = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+
+var VipFill = function VipFill(props) {
+  var color = props.color,
+      size = props.size,
+      spin = props.spin,
+      style = props.style,
+      className = props.className,
+      otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
+
+  return /*#__PURE__*/React.createElement("span", {
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+  }, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle$F
+  }), /*#__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: _objectSpread2(_objectSpread2(_objectSpread2({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
+      cursor: 'pointer'
+    })
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M2 19h20v2H2v-2zM2 5l5 3 5-6 5 6 5-3v12H2V5z"
+  })));
+};
+
+VipFill.propTypes = {
+  spin: PropTypes.bool,
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+VipFill.defaultProps = {
+  spin: false,
+  color: 'currentColor',
+  size: '16'
+};
+
+var loadingCircleStyle$G = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+
+var Education = function Education(props) {
+  var color = props.color,
+      size = props.size,
+      spin = props.spin,
+      style = props.style,
+      className = props.className,
+      otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
+
+  return /*#__PURE__*/React.createElement("span", {
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+  }, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle$G
+  }), /*#__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: _objectSpread2(_objectSpread2(_objectSpread2({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
+      cursor: 'pointer'
+    })
   }), /*#__PURE__*/React.createElement("path", {
     d: "M4 2h16v2h-3v4A5 5 0 017 8V4H4V2zm5 2v2h6V4H9zm0 3v1a3 3 0 106 0V7H9z"
   }), /*#__PURE__*/React.createElement("path", {
@@ -2111,7 +2201,7 @@ Education.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$F = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$H = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var EducationFill = function EducationFill(props) {
   var color = props.color,
@@ -2124,7 +2214,7 @@ var EducationFill = function EducationFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$F
+    children: loadingCircleStyle$H
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -2160,7 +2250,7 @@ EducationFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$G = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$I = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Game = function Game(props) {
   var color = props.color,
@@ -2173,7 +2263,7 @@ var Game = function Game(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$G
+    children: loadingCircleStyle$I
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -2209,7 +2299,7 @@ Game.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$H = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$J = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var GameFill = function GameFill(props) {
   var color = props.color,
@@ -2222,7 +2312,7 @@ var GameFill = function GameFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$H
+    children: loadingCircleStyle$J
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -2254,7 +2344,7 @@ GameFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$I = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$K = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Shop = function Shop(props) {
   var color = props.color,
@@ -2267,7 +2357,7 @@ var Shop = function Shop(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$I
+    children: loadingCircleStyle$K
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -2299,7 +2389,7 @@ Shop.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$J = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$L = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ShopFill = function ShopFill(props) {
   var color = props.color,
@@ -2312,7 +2402,7 @@ var ShopFill = function ShopFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$J
+    children: loadingCircleStyle$L
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -2344,7 +2434,7 @@ ShopFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$K = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$M = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Earth = function Earth(props) {
   var color = props.color,
@@ -2357,7 +2447,7 @@ var Earth = function Earth(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$K
+    children: loadingCircleStyle$M
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -2389,7 +2479,7 @@ Earth.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$L = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$N = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var TdLogo = function TdLogo(props) {
   var color = props.color,
@@ -2402,7 +2492,7 @@ var TdLogo = function TdLogo(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$L
+    children: loadingCircleStyle$N
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -2442,7 +2532,7 @@ TdLogo.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$M = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$O = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Language = function Language(props) {
   var color = props.color,
@@ -2455,7 +2545,7 @@ var Language = function Language(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$M
+    children: loadingCircleStyle$O
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -2487,7 +2577,7 @@ Language.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$N = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$P = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Calendar = function Calendar(props) {
   var color = props.color,
@@ -2500,7 +2590,7 @@ var Calendar = function Calendar(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$N
+    children: loadingCircleStyle$P
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -2532,7 +2622,7 @@ Calendar.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$O = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$Q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Server = function Server(props) {
   var color = props.color,
@@ -2545,7 +2635,7 @@ var Server = function Server(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$O
+    children: loadingCircleStyle$Q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -2577,7 +2667,7 @@ Server.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$P = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$R = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Desktop = function Desktop(props) {
   var color = props.color,
@@ -2590,7 +2680,7 @@ var Desktop = function Desktop(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$P
+    children: loadingCircleStyle$R
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -2622,7 +2712,7 @@ Desktop.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$Q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$S = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Demo = function Demo(props) {
   var color = props.color,
@@ -2635,7 +2725,7 @@ var Demo = function Demo(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$Q
+    children: loadingCircleStyle$S
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -2669,7 +2759,7 @@ Demo.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$R = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$T = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Cellphone = function Cellphone(props) {
   var color = props.color,
@@ -2682,7 +2772,7 @@ var Cellphone = function Cellphone(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$R
+    children: loadingCircleStyle$T
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -2716,7 +2806,7 @@ Cellphone.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$S = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$U = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Landscape = function Landscape(props) {
   var color = props.color,
@@ -2729,7 +2819,7 @@ var Landscape = function Landscape(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$S
+    children: loadingCircleStyle$U
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -2765,7 +2855,7 @@ Landscape.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$T = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$V = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Email = function Email(props) {
   var color = props.color,
@@ -2778,7 +2868,7 @@ var Email = function Email(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$T
+    children: loadingCircleStyle$V
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -2810,7 +2900,7 @@ Email.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$U = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$W = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Clock = function Clock(props) {
   var color = props.color,
@@ -2823,7 +2913,7 @@ var Clock = function Clock(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$U
+    children: loadingCircleStyle$W
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -2857,7 +2947,7 @@ Clock.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$V = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$X = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Password = function Password(props) {
   var color = props.color,
@@ -2870,7 +2960,7 @@ var Password = function Password(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$V
+    children: loadingCircleStyle$X
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -2902,7 +2992,7 @@ Password.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$W = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$Y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ResetPassword = function ResetPassword(props) {
   var color = props.color,
@@ -2915,7 +3005,7 @@ var ResetPassword = function ResetPassword(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$W
+    children: loadingCircleStyle$Y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -2947,7 +3037,7 @@ ResetPassword.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$X = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$Z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Private = function Private(props) {
   var color = props.color,
@@ -2960,7 +3050,7 @@ var Private = function Private(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$X
+    children: loadingCircleStyle$Z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -2992,7 +3082,7 @@ Private.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$Y = '@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 }';
 
 var Bell = function Bell(props) {
   var color = props.color,
@@ -3005,7 +3095,7 @@ var Bell = function Bell(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$Y
+    children: loadingCircleStyle$_
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3039,7 +3129,7 @@ Bell.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$Z = '@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 }';
 
 var Logout = function Logout(props) {
   var color = props.color,
@@ -3052,7 +3142,7 @@ var Logout = function Logout(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$Z
+    children: loadingCircleStyle$$
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3086,7 +3176,7 @@ Logout.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$_ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$10 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Speed = function Speed(props) {
   var color = props.color,
@@ -3099,7 +3189,7 @@ var Speed = function Speed(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$_
+    children: loadingCircleStyle$10
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3131,7 +3221,7 @@ Speed.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$$ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$11 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Mfa = function Mfa(props) {
   var color = props.color,
@@ -3144,7 +3234,7 @@ var Mfa = function Mfa(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$$
+    children: loadingCircleStyle$11
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3176,7 +3266,7 @@ Mfa.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$10 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$12 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Tracking = function Tracking(props) {
   var color = props.color,
@@ -3189,7 +3279,7 @@ var Tracking = function Tracking(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$10
+    children: loadingCircleStyle$12
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3231,7 +3321,7 @@ Tracking.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$11 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$13 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Forewarning = function Forewarning(props) {
   var color = props.color,
@@ -3244,7 +3334,7 @@ var Forewarning = function Forewarning(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$11
+    children: loadingCircleStyle$13
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3280,7 +3370,7 @@ Forewarning.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$12 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$14 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var SystemMgr = function SystemMgr(props) {
   var color = props.color,
@@ -3293,7 +3383,7 @@ var SystemMgr = function SystemMgr(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$12
+    children: loadingCircleStyle$14
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3329,7 +3419,7 @@ SystemMgr.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$13 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$15 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Pattern = function Pattern(props) {
   var color = props.color,
@@ -3342,7 +3432,7 @@ var Pattern = function Pattern(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$13
+    children: loadingCircleStyle$15
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3382,7 +3472,7 @@ Pattern.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$14 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$16 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Debug = function Debug(props) {
   var color = props.color,
@@ -3395,7 +3485,7 @@ var Debug = function Debug(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$14
+    children: loadingCircleStyle$16
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3427,7 +3517,7 @@ Debug.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$15 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$17 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Live = function Live(props) {
   var color = props.color,
@@ -3440,7 +3530,7 @@ var Live = function Live(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$15
+    children: loadingCircleStyle$17
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3472,7 +3562,7 @@ Live.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$16 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$18 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Plug = function Plug(props) {
   var color = props.color,
@@ -3485,7 +3575,7 @@ var Plug = function Plug(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$16
+    children: loadingCircleStyle$18
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3517,7 +3607,7 @@ Plug.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$17 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$19 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Application = function Application(props) {
   var color = props.color,
@@ -3530,7 +3620,7 @@ var Application = function Application(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$17
+    children: loadingCircleStyle$19
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3572,7 +3662,7 @@ Application.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$18 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1a = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Gift = function Gift(props) {
   var color = props.color,
@@ -3585,7 +3675,7 @@ var Gift = function Gift(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$18
+    children: loadingCircleStyle$1a
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3617,7 +3707,7 @@ Gift.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$19 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1b = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Usb = function Usb(props) {
   var color = props.color,
@@ -3630,7 +3720,7 @@ var Usb = function Usb(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$19
+    children: loadingCircleStyle$1b
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3662,7 +3752,7 @@ Usb.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1a = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1c = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Location = function Location(props) {
   var color = props.color,
@@ -3675,7 +3765,7 @@ var Location = function Location(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1a
+    children: loadingCircleStyle$1c
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3711,7 +3801,7 @@ Location.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1b = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1d = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ShieldCheck = function ShieldCheck(props) {
   var color = props.color,
@@ -3724,7 +3814,7 @@ var ShieldCheck = function ShieldCheck(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1b
+    children: loadingCircleStyle$1d
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3756,7 +3846,7 @@ ShieldCheck.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1c = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1e = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ShieldCross = function ShieldCross(props) {
   var color = props.color,
@@ -3769,7 +3859,7 @@ var ShieldCross = function ShieldCross(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1c
+    children: loadingCircleStyle$1e
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3801,7 +3891,7 @@ ShieldCross.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1d = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1f = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ShieldKeyhole = function ShieldKeyhole(props) {
   var color = props.color,
@@ -3814,7 +3904,7 @@ var ShieldKeyhole = function ShieldKeyhole(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1d
+    children: loadingCircleStyle$1f
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3846,7 +3936,7 @@ ShieldKeyhole.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1e = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1g = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Analysis = function Analysis(props) {
   var color = props.color,
@@ -3859,7 +3949,7 @@ var Analysis = function Analysis(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1e
+    children: loadingCircleStyle$1g
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3891,7 +3981,7 @@ Analysis.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1f = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1h = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Filter = function Filter(props) {
   var color = props.color,
@@ -3904,7 +3994,7 @@ var Filter = function Filter(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1f
+    children: loadingCircleStyle$1h
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3936,7 +4026,7 @@ Filter.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1g = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1i = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Filter2 = function Filter2(props) {
   var color = props.color,
@@ -3949,7 +4039,7 @@ var Filter2 = function Filter2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1g
+    children: loadingCircleStyle$1i
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3981,7 +4071,7 @@ Filter2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1h = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1j = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ParallelFilter = function ParallelFilter(props) {
   var color = props.color,
@@ -3994,7 +4084,7 @@ var ParallelFilter = function ParallelFilter(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1h
+    children: loadingCircleStyle$1j
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4028,7 +4118,7 @@ ParallelFilter.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1i = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1k = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Expression = function Expression(props) {
   var color = props.color,
@@ -4041,7 +4131,7 @@ var Expression = function Expression(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1i
+    children: loadingCircleStyle$1k
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4073,7 +4163,7 @@ Expression.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1j = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1l = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Expression2 = function Expression2(props) {
   var color = props.color,
@@ -4086,7 +4176,7 @@ var Expression2 = function Expression2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1j
+    children: loadingCircleStyle$1l
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4120,7 +4210,7 @@ Expression2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1k = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1m = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FirstLast = function FirstLast(props) {
   var color = props.color,
@@ -4133,7 +4223,7 @@ var FirstLast = function FirstLast(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1k
+    children: loadingCircleStyle$1m
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4165,7 +4255,7 @@ FirstLast.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1l = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1n = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var RelatedProp = function RelatedProp(props) {
   var color = props.color,
@@ -4178,7 +4268,7 @@ var RelatedProp = function RelatedProp(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1l
+    children: loadingCircleStyle$1n
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4210,7 +4300,7 @@ RelatedProp.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1m = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1o = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var SortRise = function SortRise(props) {
   var color = props.color,
@@ -4223,7 +4313,7 @@ var SortRise = function SortRise(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1m
+    children: loadingCircleStyle$1o
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4259,7 +4349,7 @@ SortRise.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1n = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1p = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var SortDrop = function SortDrop(props) {
   var color = props.color,
@@ -4272,7 +4362,7 @@ var SortDrop = function SortDrop(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1n
+    children: loadingCircleStyle$1p
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4308,7 +4398,7 @@ SortDrop.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1o = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Ascent = function Ascent(props) {
   var color = props.color,
@@ -4321,7 +4411,7 @@ var Ascent = function Ascent(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1o
+    children: loadingCircleStyle$1q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4353,7 +4443,7 @@ Ascent.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1p = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1r = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Descent = function Descent(props) {
   var color = props.color,
@@ -4366,7 +4456,7 @@ var Descent = function Descent(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1p
+    children: loadingCircleStyle$1r
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4398,7 +4488,7 @@ Descent.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1s = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var SortA2z = function SortA2z(props) {
   var color = props.color,
@@ -4411,7 +4501,7 @@ var SortA2z = function SortA2z(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1q
+    children: loadingCircleStyle$1s
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4447,7 +4537,7 @@ SortA2z.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1r = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1t = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var SortZ2a = function SortZ2a(props) {
   var color = props.color,
@@ -4460,7 +4550,7 @@ var SortZ2a = function SortZ2a(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1r
+    children: loadingCircleStyle$1t
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4496,7 +4586,7 @@ SortZ2a.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1s = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1u = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Sort = function Sort(props) {
   var color = props.color,
@@ -4509,7 +4599,7 @@ var Sort = function Sort(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1s
+    children: loadingCircleStyle$1u
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4541,9 +4631,9 @@ Sort.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1t = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1v = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
-var Index = function Index(props) {
+var SortResult = function SortResult(props) {
   var color = props.color,
       size = props.size,
       spin = props.spin,
@@ -4554,7 +4644,7 @@ var Index = function Index(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1t
+    children: loadingCircleStyle$1v
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4570,33 +4660,32 @@ var Index = function Index(props) {
     } : {}), {}, {
       cursor: 'pointer'
     })
+  }), /*#__PURE__*/React.createElement("rect", {
+    width: "24",
+    height: "24"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M18 4H7v2h11V4z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M7 11h14v2H7v-2z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M7 18h7v2H7v-2z"
+    d: "M9.393 21c-.272 0-.538-.09-.738-.254l-5.349-4.474c-.408-.342-.408-.894 0-1.233.408-.341 1.068-.341 1.473 0l3.572 2.985V3.873c0-.482.466-.872 1.042-.872.576 0 1.042.39 1.042.872v16.255c0 .354-.255.671-.642.807-.13.043-.267.065-.4.065zm4.313-7.878c-.576 0-1.042-.39-1.042-.872V3.873c0-.354.255-.67.643-.806.39-.136.839-.06 1.134.19l4.892 4.105c.405.341.405.893-.003 1.232-.408.34-1.068.34-1.473-.002l-3.11-2.61v6.268c0 .482-.465.872-1.041.872zm6.252 4.866h-3.647c-.576 0-1.042-.39-1.042-.872 0-.481.466-.871 1.042-.871h3.647c.576 0 1.042.39 1.042.871 0 .482-.466.872-1.042.872zm0-2.615h-3.647c-.576 0-1.042-.39-1.042-.871 0-.482.466-.872 1.042-.872h3.647c.576 0 1.042.39 1.042.872 0 .481-.466.871-1.042.871zm0 5.23h-3.647c-.576 0-1.042-.39-1.042-.872s.466-.871 1.042-.871h3.647c.576 0 1.042.39 1.042.871 0 .482-.466.872-1.042.872z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M5 4H3v2h2V4z"
+    d: "M12.69 14.502c0 .23.11.452.305.616.196.163.46.255.737.255.276 0 .541-.092.737-.255a.807.807 0 00.305-.616.807.807 0 00-.305-.617 1.154 1.154 0 00-.737-.255c-.276 0-.541.092-.737.255a.807.807 0 00-.305.617z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M5 18H3v2h2v-2z"
+    d: "M12.69 17.116c0 .232.11.453.305.617.196.163.46.255.737.255.276 0 .541-.092.737-.255a.806.806 0 00.305-.617.806.806 0 00-.305-.616 1.153 1.153 0 00-.737-.255c-.276 0-.541.092-.737.255a.806.806 0 00-.305.616z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M5 11H3v2h2v-2z"
+    d: "M12.661 19.731c0 .231.11.453.305.617.196.163.46.255.737.255.276 0 .541-.092.737-.255a.806.806 0 00.305-.617.806.806 0 00-.305-.616 1.153 1.153 0 00-.737-.255c-.276 0-.541.091-.737.255a.807.807 0 00-.305.616z"
   })));
 };
 
-Index.propTypes = {
+SortResult.propTypes = {
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
-Index.defaultProps = {
+SortResult.defaultProps = {
   spin: false,
   color: 'currentColor',
   size: '16'
 };
 
-var loadingCircleStyle$1u = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1w = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var TA2b = function TA2b(props) {
   var color = props.color,
@@ -4609,7 +4698,7 @@ var TA2b = function TA2b(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1u
+    children: loadingCircleStyle$1w
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4641,7 +4730,7 @@ TA2b.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1v = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1x = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var TX2y = function TX2y(props) {
   var color = props.color,
@@ -4654,7 +4743,7 @@ var TX2y = function TX2y(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1v
+    children: loadingCircleStyle$1x
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4690,7 +4779,7 @@ TX2y.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1w = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Parameter = function Parameter(props) {
   var color = props.color,
@@ -4703,7 +4792,7 @@ var Parameter = function Parameter(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1w
+    children: loadingCircleStyle$1y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4741,7 +4830,7 @@ Parameter.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1x = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Groups = function Groups(props) {
   var color = props.color,
@@ -4754,7 +4843,7 @@ var Groups = function Groups(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1x
+    children: loadingCircleStyle$1z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4786,7 +4875,7 @@ Groups.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1A = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var EventTree = function EventTree(props) {
   var color = props.color,
@@ -4799,7 +4888,7 @@ var EventTree = function EventTree(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1y
+    children: loadingCircleStyle$1A
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4831,7 +4920,7 @@ EventTree.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1B = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Split = function Split(props) {
   var color = props.color,
@@ -4844,7 +4933,7 @@ var Split = function Split(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1z
+    children: loadingCircleStyle$1B
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4876,7 +4965,7 @@ Split.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1A = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1C = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var CustomPartition = function CustomPartition(props) {
   var color = props.color,
@@ -4889,7 +4978,7 @@ var CustomPartition = function CustomPartition(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1A
+    children: loadingCircleStyle$1C
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4921,7 +5010,7 @@ CustomPartition.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1B = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1D = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Result = function Result(props) {
   var color = props.color,
@@ -4934,7 +5023,7 @@ var Result = function Result(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1B
+    children: loadingCircleStyle$1D
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4970,7 +5059,7 @@ Result.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1C = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1E = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Alert = function Alert(props) {
   var color = props.color,
@@ -4983,7 +5072,7 @@ var Alert = function Alert(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1C
+    children: loadingCircleStyle$1E
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5017,7 +5106,7 @@ Alert.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1D = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1F = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ViewOriginal = function ViewOriginal(props) {
   var color = props.color,
@@ -5030,7 +5119,7 @@ var ViewOriginal = function ViewOriginal(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1D
+    children: loadingCircleStyle$1F
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5069,7 +5158,7 @@ ViewOriginal.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1E = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1G = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Attribution = function Attribution(props) {
   var color = props.color,
@@ -5082,7 +5171,7 @@ var Attribution = function Attribution(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1E
+    children: loadingCircleStyle$1G
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5116,7 +5205,7 @@ Attribution.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1F = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1H = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Cost = function Cost(props) {
   var color = props.color,
@@ -5129,7 +5218,7 @@ var Cost = function Cost(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1F
+    children: loadingCircleStyle$1H
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5161,7 +5250,7 @@ Cost.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1G = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1I = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Exposure = function Exposure(props) {
   var color = props.color,
@@ -5174,7 +5263,7 @@ var Exposure = function Exposure(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1G
+    children: loadingCircleStyle$1I
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5206,7 +5295,7 @@ Exposure.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1H = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1J = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Indicator = function Indicator(props) {
   var color = props.color,
@@ -5219,7 +5308,7 @@ var Indicator = function Indicator(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1H
+    children: loadingCircleStyle$1J
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5253,7 +5342,7 @@ Indicator.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1I = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1K = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Currency = function Currency(props) {
   var color = props.color,
@@ -5266,7 +5355,7 @@ var Currency = function Currency(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1I
+    children: loadingCircleStyle$1K
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5298,7 +5387,7 @@ Currency.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1J = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1L = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Contrast = function Contrast(props) {
   var color = props.color,
@@ -5311,7 +5400,7 @@ var Contrast = function Contrast(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1J
+    children: loadingCircleStyle$1L
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5328,7 +5417,9 @@ var Contrast = function Contrast(props) {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M3.905 18.682h5.714v1.909H2V3.409h7.619v1.91H3.905v13.363zm10.476 0h1.905v1.909H14.38v-1.91zm2.857 0h1.905v1.909h-1.905v-1.91zm2.857 1.909v-1.91H22v1.91h-1.905zm0-6.682V12H22v1.91h-1.905zm0 2.864v-1.91H22v1.91h-1.905zm0-5.727v-1.91H22v1.91h-1.905zm0-2.864v-1.91H22v1.91h-1.905zm0-2.864V3.41H22v1.91h-1.905zm-.952 0h-1.905V3.41h1.905v1.91zm-2.857 0H14.38V3.41h1.905v1.91zM11.524 1.5h1.905v21h-1.905v-21z"
+    d: "M3 4.885l3.693 14.23h1.534l3.712-14.23h-1.666L7.47 16.362 4.667 4.885H3z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M16.682 4.5c-1.098 0-2.008.358-2.69 1.073-.738.716-1.098 1.652-1.098 2.863 0 1.21.36 2.119 1.117 2.78.455.44 1.27.853 2.425 1.266 1.06.385 1.761.688 2.083.908.606.44.928 1.046.928 1.844 0 1.596-.89 2.422-2.633 2.422-.833 0-1.458-.22-1.874-.66-.417-.496-.701-1.294-.815-2.423h-1.477c.227 3.276 1.629 4.927 4.204 4.927 2.765 0 4.148-1.486 4.148-4.404 0-1.238-.398-2.201-1.174-2.917-.512-.468-1.345-.908-2.52-1.321-.984-.386-1.666-.688-2.026-.936-.568-.413-.833-.936-.833-1.541 0-.633.208-1.129.625-1.487.379-.385.91-.55 1.591-.55.776 0 1.383.22 1.8.66.378.386.624 1.046.757 1.927h1.477C20.432 5.96 19.107 4.5 16.682 4.5z"
   })));
 };
 
@@ -5343,7 +5434,62 @@ Contrast.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1K = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1M = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+
+var Index = function Index(props) {
+  var color = props.color,
+      size = props.size,
+      spin = props.spin,
+      style = props.style,
+      className = props.className,
+      otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
+
+  return /*#__PURE__*/React.createElement("span", {
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+  }, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle$1M
+  }), /*#__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: _objectSpread2(_objectSpread2(_objectSpread2({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
+      cursor: 'pointer'
+    })
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M18 4H7v2h11V4z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M7 11h14v2H7v-2z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M7 18h7v2H7v-2z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M5 4H3v2h2V4z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M5 18H3v2h2v-2z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M5 11H3v2h2v-2z"
+  })));
+};
+
+Index.propTypes = {
+  spin: PropTypes.bool,
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+Index.defaultProps = {
+  spin: false,
+  color: 'currentColor',
+  size: '16'
+};
+
+var loadingCircleStyle$1N = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorEqual = function OperatorEqual(props) {
   var color = props.color,
@@ -5356,7 +5502,7 @@ var OperatorEqual = function OperatorEqual(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1K
+    children: loadingCircleStyle$1N
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5390,7 +5536,7 @@ OperatorEqual.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1L = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1O = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorUnequal = function OperatorUnequal(props) {
   var color = props.color,
@@ -5403,7 +5549,7 @@ var OperatorUnequal = function OperatorUnequal(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1L
+    children: loadingCircleStyle$1O
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5437,7 +5583,7 @@ OperatorUnequal.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1M = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1P = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorDivide = function OperatorDivide(props) {
   var color = props.color,
@@ -5450,7 +5596,7 @@ var OperatorDivide = function OperatorDivide(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1M
+    children: loadingCircleStyle$1P
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5482,7 +5628,7 @@ OperatorDivide.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1N = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1Q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorNoValue = function OperatorNoValue(props) {
   var color = props.color,
@@ -5495,7 +5641,7 @@ var OperatorNoValue = function OperatorNoValue(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1N
+    children: loadingCircleStyle$1Q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5529,7 +5675,7 @@ OperatorNoValue.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1O = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1R = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorHasValue = function OperatorHasValue(props) {
   var color = props.color,
@@ -5542,7 +5688,7 @@ var OperatorHasValue = function OperatorHasValue(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1O
+    children: loadingCircleStyle$1R
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5576,7 +5722,7 @@ OperatorHasValue.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1P = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1S = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorInside = function OperatorInside(props) {
   var color = props.color,
@@ -5589,7 +5735,7 @@ var OperatorInside = function OperatorInside(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1P
+    children: loadingCircleStyle$1S
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5621,7 +5767,7 @@ OperatorInside.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1Q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1T = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorInclude = function OperatorInclude(props) {
   var color = props.color,
@@ -5634,7 +5780,7 @@ var OperatorInclude = function OperatorInclude(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1Q
+    children: loadingCircleStyle$1T
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5668,7 +5814,7 @@ OperatorInclude.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1R = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1U = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorNotInclude = function OperatorNotInclude(props) {
   var color = props.color,
@@ -5681,7 +5827,7 @@ var OperatorNotInclude = function OperatorNotInclude(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1R
+    children: loadingCircleStyle$1U
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5722,7 +5868,7 @@ OperatorNotInclude.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1S = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1V = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorLess = function OperatorLess(props) {
   var color = props.color,
@@ -5735,7 +5881,7 @@ var OperatorLess = function OperatorLess(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1S
+    children: loadingCircleStyle$1V
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5769,7 +5915,7 @@ OperatorLess.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1T = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1W = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorNoBigger = function OperatorNoBigger(props) {
   var color = props.color,
@@ -5782,7 +5928,7 @@ var OperatorNoBigger = function OperatorNoBigger(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1T
+    children: loadingCircleStyle$1W
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5816,7 +5962,7 @@ OperatorNoBigger.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1U = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1X = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorBigger = function OperatorBigger(props) {
   var color = props.color,
@@ -5829,7 +5975,7 @@ var OperatorBigger = function OperatorBigger(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1U
+    children: loadingCircleStyle$1X
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5863,7 +6009,7 @@ OperatorBigger.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1V = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1Y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorNoLess = function OperatorNoLess(props) {
   var color = props.color,
@@ -5876,7 +6022,7 @@ var OperatorNoLess = function OperatorNoLess(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1V
+    children: loadingCircleStyle$1Y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5910,7 +6056,7 @@ OperatorNoLess.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1W = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1Z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorTrue = function OperatorTrue(props) {
   var color = props.color,
@@ -5923,7 +6069,7 @@ var OperatorTrue = function OperatorTrue(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1W
+    children: loadingCircleStyle$1Z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5957,7 +6103,7 @@ OperatorTrue.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1X = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1_ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorFalse = function OperatorFalse(props) {
   var color = props.color,
@@ -5970,7 +6116,7 @@ var OperatorFalse = function OperatorFalse(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1X
+    children: loadingCircleStyle$1_
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6004,7 +6150,7 @@ OperatorFalse.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1Y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1$ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorRegex = function OperatorRegex(props) {
   var color = props.color,
@@ -6017,7 +6163,7 @@ var OperatorRegex = function OperatorRegex(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1Y
+    children: loadingCircleStyle$1$
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6051,7 +6197,7 @@ OperatorRegex.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1Z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$20 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorNoRegex = function OperatorNoRegex(props) {
   var color = props.color,
@@ -6064,7 +6210,7 @@ var OperatorNoRegex = function OperatorNoRegex(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1Z
+    children: loadingCircleStyle$20
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6098,7 +6244,7 @@ OperatorNoRegex.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1_ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$21 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var LogoDingdingCl = function LogoDingdingCl(props) {
   var color = props.color,
@@ -6111,7 +6257,7 @@ var LogoDingdingCl = function LogoDingdingCl(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1_
+    children: loadingCircleStyle$21
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6144,7 +6290,7 @@ LogoDingdingCl.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1$ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$22 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var LogoDingdingGray = function LogoDingdingGray(props) {
   var color = props.color,
@@ -6157,7 +6303,7 @@ var LogoDingdingGray = function LogoDingdingGray(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1$
+    children: loadingCircleStyle$22
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6189,7 +6335,7 @@ LogoDingdingGray.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$20 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$23 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var LogoWecomCl = function LogoWecomCl(props) {
   var color = props.color,
@@ -6202,7 +6348,7 @@ var LogoWecomCl = function LogoWecomCl(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$20
+    children: loadingCircleStyle$23
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6247,7 +6393,7 @@ LogoWecomCl.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$21 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$24 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var LogoWecomGray = function LogoWecomGray(props) {
   var color = props.color,
@@ -6260,7 +6406,7 @@ var LogoWecomGray = function LogoWecomGray(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$21
+    children: loadingCircleStyle$24
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6292,7 +6438,7 @@ LogoWecomGray.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$22 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$25 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var LogoWechatCl = function LogoWechatCl(props) {
   var color = props.color,
@@ -6305,7 +6451,7 @@ var LogoWechatCl = function LogoWechatCl(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$22
+    children: loadingCircleStyle$25
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6346,7 +6492,7 @@ LogoWechatCl.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$23 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$26 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var LogoWechatGray = function LogoWechatGray(props) {
   var color = props.color,
@@ -6359,7 +6505,7 @@ var LogoWechatGray = function LogoWechatGray(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$23
+    children: loadingCircleStyle$26
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6398,7 +6544,7 @@ LogoWechatGray.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$24 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$27 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var LogoFeishuCl = function LogoFeishuCl(props) {
   var color = props.color,
@@ -6411,7 +6557,7 @@ var LogoFeishuCl = function LogoFeishuCl(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$24
+    children: loadingCircleStyle$27
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6461,7 +6607,7 @@ LogoFeishuCl.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$25 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$28 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var LogoKingCl = function LogoKingCl(props) {
   var color = props.color,
@@ -6474,7 +6620,7 @@ var LogoKingCl = function LogoKingCl(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$25
+    children: loadingCircleStyle$28
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6507,7 +6653,7 @@ LogoKingCl.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$26 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$29 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var LogoCurrencylayerCl = function LogoCurrencylayerCl(props) {
   var color = props.color,
@@ -6520,7 +6666,7 @@ var LogoCurrencylayerCl = function LogoCurrencylayerCl(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$26
+    children: loadingCircleStyle$29
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6557,7 +6703,7 @@ LogoCurrencylayerCl.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$27 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2a = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var LogoGarenaCl = function LogoGarenaCl(props) {
   var color = props.color,
@@ -6570,7 +6716,7 @@ var LogoGarenaCl = function LogoGarenaCl(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$27
+    children: loadingCircleStyle$2a
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6603,7 +6749,97 @@ LogoGarenaCl.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$28 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2b = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+
+var LogoAndroidGray = function LogoAndroidGray(props) {
+  var color = props.color,
+      size = props.size,
+      spin = props.spin,
+      style = props.style,
+      className = props.className,
+      otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
+
+  return /*#__PURE__*/React.createElement("span", {
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+  }, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle$2b
+  }), /*#__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: _objectSpread2(_objectSpread2(_objectSpread2({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
+      cursor: 'pointer'
+    })
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M19 13H5v7h14v-7zm0-2a7 7 0 00-14 0h14zM6.382 3.968A8.962 8.962 0 0112 2c2.125 0 4.078.736 5.618 1.968l1.453-1.453 1.414 1.414-1.453 1.453A8.962 8.962 0 0121 11v10a1 1 0 01-1 1H4a1 1 0 01-1-1V11c0-2.125.736-4.078 1.968-5.618L3.515 3.93l1.414-1.414 1.453 1.453v-.001zM9 9a1 1 0 110-2 1 1 0 010 2zm6 0a1 1 0 110-2 1 1 0 010 2z"
+  })));
+};
+
+LogoAndroidGray.propTypes = {
+  spin: PropTypes.bool,
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+LogoAndroidGray.defaultProps = {
+  spin: false,
+  color: 'currentColor',
+  size: '16'
+};
+
+var loadingCircleStyle$2c = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+
+var LogoAppleGray = function LogoAppleGray(props) {
+  var color = props.color,
+      size = props.size,
+      spin = props.spin,
+      style = props.style,
+      className = props.className,
+      otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
+
+  return /*#__PURE__*/React.createElement("span", {
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+  }, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle$2c
+  }), /*#__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: _objectSpread2(_objectSpread2(_objectSpread2({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
+      cursor: 'pointer'
+    })
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M15.73 8.208c-.474-.037-.982.076-1.76.373.066-.025-.742.29-.968.37-.502.175-.915.271-1.378.271-.458 0-.88-.092-1.366-.255-.155-.053-.31-.11-.505-.186-.082-.032-.382-.152-.448-.177-.648-.254-1.013-.35-1.316-.342-1.152.015-2.243.68-2.876 1.782-1.292 2.244-.577 6.299 1.312 9.031 1.006 1.444 1.556 1.96 1.778 1.953.222-.01.385-.057.783-.225l.167-.071c1.005-.429 1.71-.618 2.771-.618 1.021 0 1.703.186 2.668.602l.168.072c.398.17.542.208.792.202.358-.005.8-.417 1.778-1.854.268-.391.505-.803.71-1.22a7.331 7.331 0 01-.392-.347c-1.289-1.228-2.086-2.884-2.108-4.93a6.624 6.624 0 011.41-4.181 4.124 4.124 0 00-1.22-.25zm.154-1.994c.708.048 2.736.264 4.056 2.196-.108.06-2.424 1.404-2.4 4.212.036 3.36 2.94 4.476 2.976 4.488-.024.084-.468 1.596-1.536 3.156-.924 1.356-1.884 2.7-3.396 2.724-1.488.036-1.968-.876-3.66-.876-1.704 0-2.232.852-3.636.912-1.464.048-2.568-1.464-3.504-2.808-1.908-2.76-3.36-7.776-1.404-11.172.972-1.692 2.7-2.76 4.584-2.784 1.428-.036 2.784.96 3.66.96.864 0 2.412-1.152 4.26-1.008zm-1.14-1.824c-.78.936-2.052 1.668-3.288 1.572-.168-1.272.456-2.604 1.176-3.432.804-.936 2.148-1.632 3.264-1.68.144 1.296-.372 2.604-1.152 3.54z"
+  })));
+};
+
+LogoAppleGray.propTypes = {
+  spin: PropTypes.bool,
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+LogoAppleGray.defaultProps = {
+  spin: false,
+  color: 'currentColor',
+  size: '16'
+};
+
+var loadingCircleStyle$2d = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Info = function Info(props) {
   var color = props.color,
@@ -6616,7 +6852,7 @@ var Info = function Info(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$28
+    children: loadingCircleStyle$2d
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6652,7 +6888,7 @@ Info.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$29 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2e = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var InfoFill = function InfoFill(props) {
   var color = props.color,
@@ -6665,7 +6901,7 @@ var InfoFill = function InfoFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$29
+    children: loadingCircleStyle$2e
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6697,7 +6933,7 @@ InfoFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2a = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2f = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Help = function Help(props) {
   var color = props.color,
@@ -6710,7 +6946,7 @@ var Help = function Help(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2a
+    children: loadingCircleStyle$2f
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6742,7 +6978,7 @@ Help.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2b = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2g = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var History = function History(props) {
   var color = props.color,
@@ -6755,7 +6991,7 @@ var History = function History(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2b
+    children: loadingCircleStyle$2g
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6787,7 +7023,7 @@ History.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2c = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2h = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Backup = function Backup(props) {
   var color = props.color,
@@ -6800,7 +7036,7 @@ var Backup = function Backup(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2c
+    children: loadingCircleStyle$2h
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6834,7 +7070,7 @@ Backup.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2d = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2i = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Error = function Error(props) {
   var color = props.color,
@@ -6847,7 +7083,7 @@ var Error = function Error(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2d
+    children: loadingCircleStyle$2i
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6883,7 +7119,7 @@ Error.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2e = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2j = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ErrorFill = function ErrorFill(props) {
   var color = props.color,
@@ -6896,7 +7132,7 @@ var ErrorFill = function ErrorFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2e
+    children: loadingCircleStyle$2j
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6928,7 +7164,7 @@ ErrorFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2f = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2k = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Error2 = function Error2(props) {
   var color = props.color,
@@ -6941,7 +7177,7 @@ var Error2 = function Error2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2f
+    children: loadingCircleStyle$2k
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6975,7 +7211,7 @@ Error2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2g = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2l = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Error2Fill = function Error2Fill(props) {
   var color = props.color,
@@ -6988,7 +7224,7 @@ var Error2Fill = function Error2Fill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2g
+    children: loadingCircleStyle$2l
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7022,7 +7258,7 @@ Error2Fill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2h = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2m = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Success = function Success(props) {
   var color = props.color,
@@ -7035,7 +7271,7 @@ var Success = function Success(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2h
+    children: loadingCircleStyle$2m
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7067,7 +7303,7 @@ Success.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2i = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2n = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var SuccessFill = function SuccessFill(props) {
   var color = props.color,
@@ -7080,7 +7316,7 @@ var SuccessFill = function SuccessFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2i
+    children: loadingCircleStyle$2n
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7114,7 +7350,7 @@ SuccessFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2j = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2o = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Delete2 = function Delete2(props) {
   var color = props.color,
@@ -7127,7 +7363,7 @@ var Delete2 = function Delete2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2j
+    children: loadingCircleStyle$2o
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7159,7 +7395,7 @@ Delete2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2k = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2p = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Delete2Fill = function Delete2Fill(props) {
   var color = props.color,
@@ -7172,7 +7408,7 @@ var Delete2Fill = function Delete2Fill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2k
+    children: loadingCircleStyle$2p
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7204,7 +7440,7 @@ Delete2Fill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2l = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Exchange = function Exchange(props) {
   var color = props.color,
@@ -7217,7 +7453,7 @@ var Exchange = function Exchange(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2l
+    children: loadingCircleStyle$2q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7249,7 +7485,7 @@ Exchange.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2m = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2r = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var SwapFill = function SwapFill(props) {
   var color = props.color,
@@ -7262,7 +7498,7 @@ var SwapFill = function SwapFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2m
+    children: loadingCircleStyle$2r
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7294,7 +7530,7 @@ SwapFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2n = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2s = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Processing = function Processing(props) {
   var color = props.color,
@@ -7307,7 +7543,7 @@ var Processing = function Processing(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2n
+    children: loadingCircleStyle$2s
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7339,7 +7575,7 @@ Processing.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2o = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2t = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Processing2 = function Processing2(props) {
   var color = props.color,
@@ -7352,7 +7588,7 @@ var Processing2 = function Processing2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2o
+    children: loadingCircleStyle$2t
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7386,7 +7622,7 @@ Processing2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2p = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2u = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Done = function Done(props) {
   var color = props.color,
@@ -7399,7 +7635,7 @@ var Done = function Done(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2p
+    children: loadingCircleStyle$2u
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7431,7 +7667,7 @@ Done.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2v = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Close = function Close(props) {
   var color = props.color,
@@ -7444,7 +7680,7 @@ var Close = function Close(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2q
+    children: loadingCircleStyle$2v
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7476,7 +7712,7 @@ Close.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2r = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2w = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var StarOutline = function StarOutline(props) {
   var color = props.color,
@@ -7489,7 +7725,7 @@ var StarOutline = function StarOutline(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2r
+    children: loadingCircleStyle$2w
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7521,7 +7757,7 @@ StarOutline.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2s = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2x = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var StarFill = function StarFill(props) {
   var color = props.color,
@@ -7534,7 +7770,7 @@ var StarFill = function StarFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2s
+    children: loadingCircleStyle$2x
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7566,7 +7802,7 @@ StarFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2t = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var TimeLock = function TimeLock(props) {
   var color = props.color,
@@ -7579,7 +7815,7 @@ var TimeLock = function TimeLock(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2t
+    children: loadingCircleStyle$2y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7611,7 +7847,7 @@ TimeLock.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2u = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Heart = function Heart(props) {
   var color = props.color,
@@ -7624,7 +7860,7 @@ var Heart = function Heart(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2u
+    children: loadingCircleStyle$2z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7656,7 +7892,7 @@ Heart.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2v = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2A = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Bookmark = function Bookmark(props) {
   var color = props.color,
@@ -7669,7 +7905,7 @@ var Bookmark = function Bookmark(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2v
+    children: loadingCircleStyle$2A
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7701,7 +7937,7 @@ Bookmark.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2w = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2B = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Bookmark2 = function Bookmark2(props) {
   var color = props.color,
@@ -7714,7 +7950,7 @@ var Bookmark2 = function Bookmark2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2w
+    children: loadingCircleStyle$2B
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7746,7 +7982,7 @@ Bookmark2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2x = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2C = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var LockClose = function LockClose(props) {
   var color = props.color,
@@ -7759,7 +7995,7 @@ var LockClose = function LockClose(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2x
+    children: loadingCircleStyle$2C
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7795,7 +8031,7 @@ LockClose.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2D = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var LockCloseFill = function LockCloseFill(props) {
   var color = props.color,
@@ -7808,7 +8044,7 @@ var LockCloseFill = function LockCloseFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2y
+    children: loadingCircleStyle$2D
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7840,7 +8076,7 @@ LockCloseFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2E = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var LockOpen = function LockOpen(props) {
   var color = props.color,
@@ -7853,7 +8089,7 @@ var LockOpen = function LockOpen(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2z
+    children: loadingCircleStyle$2E
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7885,7 +8121,7 @@ LockOpen.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2A = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2F = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var LockOpenFill = function LockOpenFill(props) {
   var color = props.color,
@@ -7898,7 +8134,7 @@ var LockOpenFill = function LockOpenFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2A
+    children: loadingCircleStyle$2F
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7930,7 +8166,7 @@ LockOpenFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2B = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2G = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var EyeOn = function EyeOn(props) {
   var color = props.color,
@@ -7943,7 +8179,7 @@ var EyeOn = function EyeOn(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2B
+    children: loadingCircleStyle$2G
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7975,7 +8211,7 @@ EyeOn.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2C = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2H = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var EyeOnFill = function EyeOnFill(props) {
   var color = props.color,
@@ -7988,7 +8224,7 @@ var EyeOnFill = function EyeOnFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2C
+    children: loadingCircleStyle$2H
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8022,7 +8258,7 @@ EyeOnFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2D = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2I = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var EyeOff = function EyeOff(props) {
   var color = props.color,
@@ -8035,7 +8271,7 @@ var EyeOff = function EyeOff(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2D
+    children: loadingCircleStyle$2I
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8067,7 +8303,7 @@ EyeOff.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2E = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2J = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var EyeOffFill = function EyeOffFill(props) {
   var color = props.color,
@@ -8080,7 +8316,7 @@ var EyeOffFill = function EyeOffFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2E
+    children: loadingCircleStyle$2J
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8114,7 +8350,7 @@ EyeOffFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2F = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2K = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Dot = function Dot(props) {
   var color = props.color,
@@ -8127,7 +8363,7 @@ var Dot = function Dot(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2F
+    children: loadingCircleStyle$2K
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8161,7 +8397,7 @@ Dot.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2G = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2L = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Anchor = function Anchor(props) {
   var color = props.color,
@@ -8174,7 +8410,7 @@ var Anchor = function Anchor(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2G
+    children: loadingCircleStyle$2L
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8206,7 +8442,7 @@ Anchor.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2H = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2M = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartLine = function ChartLine(props) {
   var color = props.color,
@@ -8219,7 +8455,7 @@ var ChartLine = function ChartLine(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2H
+    children: loadingCircleStyle$2M
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8257,7 +8493,7 @@ ChartLine.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2I = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2N = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartBar = function ChartBar(props) {
   var color = props.color,
@@ -8270,7 +8506,7 @@ var ChartBar = function ChartBar(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2I
+    children: loadingCircleStyle$2N
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8306,7 +8542,7 @@ ChartBar.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2J = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2O = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartCum = function ChartCum(props) {
   var color = props.color,
@@ -8319,7 +8555,7 @@ var ChartCum = function ChartCum(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2J
+    children: loadingCircleStyle$2O
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8361,7 +8597,7 @@ ChartCum.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2K = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2P = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartPie = function ChartPie(props) {
   var color = props.color,
@@ -8374,7 +8610,7 @@ var ChartPie = function ChartPie(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2K
+    children: loadingCircleStyle$2P
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8408,7 +8644,7 @@ ChartPie.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2L = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2Q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartDNRe = function ChartDNRe(props) {
   var color = props.color,
@@ -8421,7 +8657,7 @@ var ChartDNRe = function ChartDNRe(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2L
+    children: loadingCircleStyle$2Q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8465,7 +8701,7 @@ ChartDNRe.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2M = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2R = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartDRe = function ChartDRe(props) {
   var color = props.color,
@@ -8478,7 +8714,7 @@ var ChartDRe = function ChartDRe(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2M
+    children: loadingCircleStyle$2R
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8522,7 +8758,7 @@ ChartDRe.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2N = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2S = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartFunnel = function ChartFunnel(props) {
   var color = props.color,
@@ -8535,7 +8771,7 @@ var ChartFunnel = function ChartFunnel(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2N
+    children: loadingCircleStyle$2S
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8571,7 +8807,7 @@ ChartFunnel.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2O = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2T = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartInterval = function ChartInterval(props) {
   var color = props.color,
@@ -8584,7 +8820,7 @@ var ChartInterval = function ChartInterval(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2O
+    children: loadingCircleStyle$2T
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8618,7 +8854,7 @@ ChartInterval.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2P = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2U = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartStack = function ChartStack(props) {
   var color = props.color,
@@ -8631,7 +8867,7 @@ var ChartStack = function ChartStack(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2P
+    children: loadingCircleStyle$2U
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8665,7 +8901,7 @@ ChartStack.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2Q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2V = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartStackn = function ChartStackn(props) {
   var color = props.color,
@@ -8678,7 +8914,7 @@ var ChartStackn = function ChartStackn(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2Q
+    children: loadingCircleStyle$2V
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8712,7 +8948,7 @@ ChartStackn.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2R = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2W = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartStackPerc = function ChartStackPerc(props) {
   var color = props.color,
@@ -8725,7 +8961,7 @@ var ChartStackPerc = function ChartStackPerc(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2R
+    children: loadingCircleStyle$2W
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8759,7 +8995,7 @@ ChartStackPerc.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2S = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2X = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartComplex = function ChartComplex(props) {
   var color = props.color,
@@ -8772,7 +9008,7 @@ var ChartComplex = function ChartComplex(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2S
+    children: loadingCircleStyle$2X
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8812,7 +9048,7 @@ ChartComplex.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2T = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2Y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartHistogram = function ChartHistogram(props) {
   var color = props.color,
@@ -8825,7 +9061,7 @@ var ChartHistogram = function ChartHistogram(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2T
+    children: loadingCircleStyle$2Y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8871,7 +9107,7 @@ ChartHistogram.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2U = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2Z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartTable = function ChartTable(props) {
   var color = props.color,
@@ -8884,7 +9120,7 @@ var ChartTable = function ChartTable(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2U
+    children: loadingCircleStyle$2Z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8916,7 +9152,7 @@ ChartTable.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2V = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2_ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartFieldlist = function ChartFieldlist(props) {
   var color = props.color,
@@ -8929,7 +9165,7 @@ var ChartFieldlist = function ChartFieldlist(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2V
+    children: loadingCircleStyle$2_
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8961,7 +9197,7 @@ ChartFieldlist.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2W = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2$ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Table1dtable = function Table1dtable(props) {
   var color = props.color,
@@ -8974,7 +9210,7 @@ var Table1dtable = function Table1dtable(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2W
+    children: loadingCircleStyle$2$
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9024,7 +9260,7 @@ Table1dtable.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2X = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$30 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartSqltable = function ChartSqltable(props) {
   var color = props.color,
@@ -9037,7 +9273,7 @@ var ChartSqltable = function ChartSqltable(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2X
+    children: loadingCircleStyle$30
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9069,7 +9305,7 @@ ChartSqltable.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2Y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$31 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartCombinedTable = function ChartCombinedTable(props) {
   var color = props.color,
@@ -9082,7 +9318,7 @@ var ChartCombinedTable = function ChartCombinedTable(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2Y
+    children: loadingCircleStyle$31
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9114,7 +9350,7 @@ ChartCombinedTable.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2Z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$32 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartDistTable = function ChartDistTable(props) {
   var color = props.color,
@@ -9127,7 +9363,7 @@ var ChartDistTable = function ChartDistTable(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2Z
+    children: loadingCircleStyle$32
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9159,7 +9395,7 @@ ChartDistTable.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2_ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$33 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartBarTable = function ChartBarTable(props) {
   var color = props.color,
@@ -9172,7 +9408,7 @@ var ChartBarTable = function ChartBarTable(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2_
+    children: loadingCircleStyle$33
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9206,7 +9442,7 @@ ChartBarTable.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2$ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$34 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartLineTable = function ChartLineTable(props) {
   var color = props.color,
@@ -9219,7 +9455,7 @@ var ChartLineTable = function ChartLineTable(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2$
+    children: loadingCircleStyle$34
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9259,7 +9495,7 @@ ChartLineTable.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$30 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$35 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Play = function Play(props) {
   var color = props.color,
@@ -9272,7 +9508,7 @@ var Play = function Play(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$30
+    children: loadingCircleStyle$35
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9304,7 +9540,7 @@ Play.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$31 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$36 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Config = function Config(props) {
   var color = props.color,
@@ -9317,7 +9553,7 @@ var Config = function Config(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$31
+    children: loadingCircleStyle$36
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9349,7 +9585,7 @@ Config.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$32 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$37 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Setting = function Setting(props) {
   var color = props.color,
@@ -9362,7 +9598,7 @@ var Setting = function Setting(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$32
+    children: loadingCircleStyle$37
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9394,7 +9630,7 @@ Setting.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$33 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$38 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Search = function Search(props) {
   var color = props.color,
@@ -9407,7 +9643,7 @@ var Search = function Search(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$33
+    children: loadingCircleStyle$38
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9439,7 +9675,7 @@ Search.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$34 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$39 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Copy = function Copy(props) {
   var color = props.color,
@@ -9452,7 +9688,7 @@ var Copy = function Copy(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$34
+    children: loadingCircleStyle$39
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9484,7 +9720,7 @@ Copy.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$35 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3a = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Copy2 = function Copy2(props) {
   var color = props.color,
@@ -9497,7 +9733,7 @@ var Copy2 = function Copy2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$35
+    children: loadingCircleStyle$3a
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9529,7 +9765,7 @@ Copy2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$36 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3b = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Format = function Format(props) {
   var color = props.color,
@@ -9542,7 +9778,7 @@ var Format = function Format(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$36
+    children: loadingCircleStyle$3b
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9576,7 +9812,7 @@ Format.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$37 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3c = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Code = function Code(props) {
   var color = props.color,
@@ -9589,7 +9825,7 @@ var Code = function Code(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$37
+    children: loadingCircleStyle$3c
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9621,7 +9857,7 @@ Code.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$38 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3d = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Edit = function Edit(props) {
   var color = props.color,
@@ -9634,7 +9870,7 @@ var Edit = function Edit(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$38
+    children: loadingCircleStyle$3d
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9666,7 +9902,7 @@ Edit.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$39 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3e = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var EditFill = function EditFill(props) {
   var color = props.color,
@@ -9679,7 +9915,7 @@ var EditFill = function EditFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$39
+    children: loadingCircleStyle$3e
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9713,7 +9949,7 @@ EditFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3a = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3f = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Delete1 = function Delete1(props) {
   var color = props.color,
@@ -9726,7 +9962,7 @@ var Delete1 = function Delete1(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3a
+    children: loadingCircleStyle$3f
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9758,7 +9994,7 @@ Delete1.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3b = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3g = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Save = function Save(props) {
   var color = props.color,
@@ -9771,7 +10007,7 @@ var Save = function Save(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3b
+    children: loadingCircleStyle$3g
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9803,7 +10039,7 @@ Save.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3c = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3h = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Send = function Send(props) {
   var color = props.color,
@@ -9816,7 +10052,7 @@ var Send = function Send(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3c
+    children: loadingCircleStyle$3h
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9848,7 +10084,7 @@ Send.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3d = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3i = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Fullscreen = function Fullscreen(props) {
   var color = props.color,
@@ -9861,7 +10097,7 @@ var Fullscreen = function Fullscreen(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3d
+    children: loadingCircleStyle$3i
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9893,7 +10129,7 @@ Fullscreen.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3e = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3j = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrowLeftDown = function ArrowLeftDown(props) {
   var color = props.color,
@@ -9906,7 +10142,7 @@ var ArrowLeftDown = function ArrowLeftDown(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3e
+    children: loadingCircleStyle$3j
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9938,7 +10174,7 @@ ArrowLeftDown.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3f = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3k = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Link = function Link(props) {
   var color = props.color,
@@ -9951,7 +10187,7 @@ var Link = function Link(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3f
+    children: loadingCircleStyle$3k
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9987,7 +10223,7 @@ Link.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3g = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3l = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Unlink = function Unlink(props) {
   var color = props.color,
@@ -10000,7 +10236,7 @@ var Unlink = function Unlink(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3g
+    children: loadingCircleStyle$3l
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10038,7 +10274,7 @@ Unlink.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3h = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3m = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var MenuUnfold = function MenuUnfold(props) {
   var color = props.color,
@@ -10051,7 +10287,7 @@ var MenuUnfold = function MenuUnfold(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3h
+    children: loadingCircleStyle$3m
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10083,7 +10319,7 @@ MenuUnfold.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3i = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3n = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var MenuFold = function MenuFold(props) {
   var color = props.color,
@@ -10096,7 +10332,7 @@ var MenuFold = function MenuFold(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3i
+    children: loadingCircleStyle$3n
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10128,7 +10364,7 @@ MenuFold.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3j = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3o = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var List = function List(props) {
   var color = props.color,
@@ -10141,7 +10377,7 @@ var List = function List(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3j
+    children: loadingCircleStyle$3o
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10173,7 +10409,7 @@ List.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3k = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3p = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ListNested = function ListNested(props) {
   var color = props.color,
@@ -10186,7 +10422,7 @@ var ListNested = function ListNested(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3k
+    children: loadingCircleStyle$3p
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10220,7 +10456,7 @@ ListNested.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3l = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var DoubleList = function DoubleList(props) {
   var color = props.color,
@@ -10233,7 +10469,7 @@ var DoubleList = function DoubleList(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3l
+    children: loadingCircleStyle$3q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10275,7 +10511,7 @@ DoubleList.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3m = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3r = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Download = function Download(props) {
   var color = props.color,
@@ -10288,7 +10524,7 @@ var Download = function Download(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3m
+    children: loadingCircleStyle$3r
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10320,7 +10556,7 @@ Download.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3n = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3s = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FullDownload = function FullDownload(props) {
   var color = props.color,
@@ -10333,7 +10569,7 @@ var FullDownload = function FullDownload(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3n
+    children: loadingCircleStyle$3s
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10367,7 +10603,7 @@ FullDownload.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3o = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3t = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Export = function Export(props) {
   var color = props.color,
@@ -10380,7 +10616,7 @@ var Export = function Export(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3o
+    children: loadingCircleStyle$3t
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10414,7 +10650,7 @@ Export.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3p = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3u = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Import = function Import(props) {
   var color = props.color,
@@ -10427,7 +10663,7 @@ var Import = function Import(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3p
+    children: loadingCircleStyle$3u
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10461,7 +10697,7 @@ Import.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3v = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Add1 = function Add1(props) {
   var color = props.color,
@@ -10474,7 +10710,7 @@ var Add1 = function Add1(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3q
+    children: loadingCircleStyle$3v
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10506,7 +10742,7 @@ Add1.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3r = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3w = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Add2 = function Add2(props) {
   var color = props.color,
@@ -10519,7 +10755,7 @@ var Add2 = function Add2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3r
+    children: loadingCircleStyle$3w
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10551,7 +10787,7 @@ Add2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3s = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3x = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Add3 = function Add3(props) {
   var color = props.color,
@@ -10564,7 +10800,7 @@ var Add3 = function Add3(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3s
+    children: loadingCircleStyle$3x
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10596,7 +10832,7 @@ Add3.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3t = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Add3Fill = function Add3Fill(props) {
   var color = props.color,
@@ -10609,7 +10845,7 @@ var Add3Fill = function Add3Fill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3t
+    children: loadingCircleStyle$3y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10641,7 +10877,7 @@ Add3Fill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3u = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Subtract = function Subtract(props) {
   var color = props.color,
@@ -10654,7 +10890,7 @@ var Subtract = function Subtract(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3u
+    children: loadingCircleStyle$3z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10689,7 +10925,7 @@ Subtract.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3v = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3A = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Subtract2 = function Subtract2(props) {
   var color = props.color,
@@ -10702,7 +10938,101 @@ var Subtract2 = function Subtract2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3v
+    children: loadingCircleStyle$3A
+  }), /*#__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: _objectSpread2(_objectSpread2(_objectSpread2({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
+      cursor: 'pointer'
+    })
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M17 11H7v2h10v-2z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M20 3H4a1 1 0 00-1 1v16a1 1 0 001 1h16a1 1 0 001-1V4a1 1 0 00-1-1zM5 19V5h14v14H5z"
+  })));
+};
+
+Subtract2.propTypes = {
+  spin: PropTypes.bool,
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+Subtract2.defaultProps = {
+  spin: false,
+  color: 'currentColor',
+  size: '16'
+};
+
+var loadingCircleStyle$3B = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+
+var Update = function Update(props) {
+  var color = props.color,
+      size = props.size,
+      spin = props.spin,
+      style = props.style,
+      className = props.className,
+      otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
+
+  return /*#__PURE__*/React.createElement("span", {
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+  }, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle$3B
+  }), /*#__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: _objectSpread2(_objectSpread2(_objectSpread2({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
+      cursor: 'pointer'
+    })
+  }), /*#__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"
+  })));
+};
+
+Update.propTypes = {
+  spin: PropTypes.bool,
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+Update.defaultProps = {
+  spin: false,
+  color: 'currentColor',
+  size: '16'
+};
+
+var loadingCircleStyle$3C = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+
+var Rename = function Rename(props) {
+  var color = props.color,
+      size = props.size,
+      spin = props.spin,
+      style = props.style,
+      className = props.className,
+      otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
+
+  return /*#__PURE__*/React.createElement("span", {
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+  }, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle$3C
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10718,29 +11048,27 @@ var Subtract2 = function Subtract2(props) {
     } : {}), {}, {
       cursor: 'pointer'
     })
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M17 11H7v2h10v-2z"
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M20 3H4a1 1 0 00-1 1v16a1 1 0 001 1h16a1 1 0 001-1V4a1 1 0 00-1-1zM5 19V5h14v14H5z"
+    d: "M8 4h2v16H8v-2H5a3 3 0 01-3-3V9a3 3 0 013-3h3V4zm0 12V8H5a1 1 0 00-1 1v6a1 1 0 001 1h3zm4 0h7a1 1 0 001-1V9a1 1 0 00-1-1h-7V6h7a3 3 0 013 3v6a3 3 0 01-3 3h-7v-2z"
   })));
 };
 
-Subtract2.propTypes = {
+Rename.propTypes = {
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
-Subtract2.defaultProps = {
+Rename.defaultProps = {
   spin: false,
   color: 'currentColor',
   size: '16'
 };
 
-var loadingCircleStyle$3w = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3D = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
-var Update = function Update(props) {
+var PlayCircle = function PlayCircle(props) {
   var color = props.color,
       size = props.size,
       spin = props.spin,
@@ -10751,7 +11079,7 @@ var Update = function Update(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3w
+    children: loadingCircleStyle$3D
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10768,24 +11096,24 @@ var Update = function Update(props) {
       cursor: 'pointer'
     })
   }), /*#__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"
+    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"
   })));
 };
 
-Update.propTypes = {
+PlayCircle.propTypes = {
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
-Update.defaultProps = {
+PlayCircle.defaultProps = {
   spin: false,
   color: 'currentColor',
   size: '16'
 };
 
-var loadingCircleStyle$3x = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3E = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
-var Rename = function Rename(props) {
+var PauseCircle = function PauseCircle(props) {
   var color = props.color,
       size = props.size,
       spin = props.spin,
@@ -10796,7 +11124,7 @@ var Rename = function Rename(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3x
+    children: loadingCircleStyle$3E
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10813,24 +11141,22 @@ var Rename = function Rename(props) {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M8 4h2v16H8v-2H5a3 3 0 01-3-3V9a3 3 0 013-3h3V4zm0 12V8H5a1 1 0 00-1 1v6a1 1 0 001 1h3zm4 0h7a1 1 0 001-1V9a1 1 0 00-1-1h-7V6h7a3 3 0 013 3v6a3 3 0 01-3 3h-7v-2z"
+    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"
   })));
 };
 
-Rename.propTypes = {
+PauseCircle.propTypes = {
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
-Rename.defaultProps = {
+PauseCircle.defaultProps = {
   spin: false,
   color: 'currentColor',
   size: '16'
 };
 
-var loadingCircleStyle$3y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3F = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Report = function Report(props) {
   var color = props.color,
@@ -10843,7 +11169,7 @@ var Report = function Report(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3y
+    children: loadingCircleStyle$3F
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10875,7 +11201,7 @@ Report.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3G = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ReportRemoval = function ReportRemoval(props) {
   var color = props.color,
@@ -10888,7 +11214,7 @@ var ReportRemoval = function ReportRemoval(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3z
+    children: loadingCircleStyle$3G
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10928,7 +11254,7 @@ ReportRemoval.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3A = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3H = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FileAdd = function FileAdd(props) {
   var color = props.color,
@@ -10941,7 +11267,7 @@ var FileAdd = function FileAdd(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3A
+    children: loadingCircleStyle$3H
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10973,7 +11299,7 @@ FileAdd.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3B = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3I = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FileRemove = function FileRemove(props) {
   var color = props.color,
@@ -10986,7 +11312,7 @@ var FileRemove = function FileRemove(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3B
+    children: loadingCircleStyle$3I
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11020,7 +11346,7 @@ FileRemove.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3C = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3J = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FileExport = function FileExport(props) {
   var color = props.color,
@@ -11033,7 +11359,7 @@ var FileExport = function FileExport(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3C
+    children: loadingCircleStyle$3J
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11065,7 +11391,7 @@ FileExport.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3D = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3K = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FileMove = function FileMove(props) {
   var color = props.color,
@@ -11078,7 +11404,7 @@ var FileMove = function FileMove(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3D
+    children: loadingCircleStyle$3K
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11110,7 +11436,7 @@ FileMove.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3E = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3L = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FileImport = function FileImport(props) {
   var color = props.color,
@@ -11123,7 +11449,7 @@ var FileImport = function FileImport(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3E
+    children: loadingCircleStyle$3L
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11155,7 +11481,7 @@ FileImport.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3F = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3M = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FileInfo = function FileInfo(props) {
   var color = props.color,
@@ -11168,7 +11494,7 @@ var FileInfo = function FileInfo(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3F
+    children: loadingCircleStyle$3M
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11200,7 +11526,7 @@ FileInfo.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3G = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3N = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FileConvert = function FileConvert(props) {
   var color = props.color,
@@ -11213,7 +11539,7 @@ var FileConvert = function FileConvert(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3G
+    children: loadingCircleStyle$3N
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11251,7 +11577,7 @@ FileConvert.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3H = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3O = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var AssetConvert = function AssetConvert(props) {
   var color = props.color,
@@ -11264,7 +11590,7 @@ var AssetConvert = function AssetConvert(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3H
+    children: loadingCircleStyle$3O
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11302,7 +11628,7 @@ AssetConvert.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3I = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3P = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FileLock = function FileLock(props) {
   var color = props.color,
@@ -11315,7 +11641,7 @@ var FileLock = function FileLock(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3I
+    children: loadingCircleStyle$3P
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11347,7 +11673,7 @@ FileLock.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3J = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3Q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FilePdf = function FilePdf(props) {
   var color = props.color,
@@ -11360,7 +11686,7 @@ var FilePdf = function FilePdf(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3J
+    children: loadingCircleStyle$3Q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11392,7 +11718,7 @@ FilePdf.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3K = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3R = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Detail = function Detail(props) {
   var color = props.color,
@@ -11405,7 +11731,7 @@ var Detail = function Detail(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3K
+    children: loadingCircleStyle$3R
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11437,7 +11763,7 @@ Detail.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3L = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3S = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var MessageCenter = function MessageCenter(props) {
   var color = props.color,
@@ -11450,7 +11776,7 @@ var MessageCenter = function MessageCenter(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3L
+    children: loadingCircleStyle$3S
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11490,7 +11816,7 @@ MessageCenter.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3M = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3T = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var SystemMsg = function SystemMsg(props) {
   var color = props.color,
@@ -11503,7 +11829,7 @@ var SystemMsg = function SystemMsg(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3M
+    children: loadingCircleStyle$3T
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11541,7 +11867,7 @@ SystemMsg.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3N = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3U = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Comment = function Comment(props) {
   var color = props.color,
@@ -11554,7 +11880,7 @@ var Comment = function Comment(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3N
+    children: loadingCircleStyle$3U
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11590,7 +11916,7 @@ Comment.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3O = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3V = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Book = function Book(props) {
   var color = props.color,
@@ -11603,7 +11929,7 @@ var Book = function Book(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3O
+    children: loadingCircleStyle$3V
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11635,7 +11961,7 @@ Book.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3P = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3W = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Book2 = function Book2(props) {
   var color = props.color,
@@ -11648,7 +11974,7 @@ var Book2 = function Book2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3P
+    children: loadingCircleStyle$3W
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11680,7 +12006,7 @@ Book2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3Q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3X = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Sticker = function Sticker(props) {
   var color = props.color,
@@ -11693,7 +12019,7 @@ var Sticker = function Sticker(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3Q
+    children: loadingCircleStyle$3X
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11725,7 +12051,7 @@ Sticker.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3R = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3Y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var StickerFill = function StickerFill(props) {
   var color = props.color,
@@ -11738,7 +12064,7 @@ var StickerFill = function StickerFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3R
+    children: loadingCircleStyle$3Y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11770,7 +12096,7 @@ StickerFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3S = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3Z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var EventSm = function EventSm(props) {
   var color = props.color,
@@ -11783,7 +12109,7 @@ var EventSm = function EventSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3S
+    children: loadingCircleStyle$3Z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11815,7 +12141,7 @@ EventSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3T = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3_ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var EPropertySm = function EPropertySm(props) {
   var color = props.color,
@@ -11828,7 +12154,7 @@ var EPropertySm = function EPropertySm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3T
+    children: loadingCircleStyle$3_
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11868,7 +12194,7 @@ EPropertySm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3U = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3$ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var UPropertySm = function UPropertySm(props) {
   var color = props.color,
@@ -11881,7 +12207,7 @@ var UPropertySm = function UPropertySm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3U
+    children: loadingCircleStyle$3$
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11919,7 +12245,7 @@ UPropertySm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3V = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$40 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var UGroupSm = function UGroupSm(props) {
   var color = props.color,
@@ -11932,7 +12258,7 @@ var UGroupSm = function UGroupSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3V
+    children: loadingCircleStyle$40
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11978,7 +12304,7 @@ UGroupSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3W = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$41 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var UTagSm = function UTagSm(props) {
   var color = props.color,
@@ -11991,7 +12317,7 @@ var UTagSm = function UTagSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3W
+    children: loadingCircleStyle$41
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12027,7 +12353,7 @@ UTagSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3X = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$42 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var AllGroupSm = function AllGroupSm(props) {
   var color = props.color,
@@ -12040,7 +12366,7 @@ var AllGroupSm = function AllGroupSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3X
+    children: loadingCircleStyle$42
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12078,7 +12404,7 @@ AllGroupSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3Y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$43 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var CalendarSm = function CalendarSm(props) {
   var color = props.color,
@@ -12091,7 +12417,7 @@ var CalendarSm = function CalendarSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3Y
+    children: loadingCircleStyle$43
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12123,7 +12449,7 @@ CalendarSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3Z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$44 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var GroupAddSm = function GroupAddSm(props) {
   var color = props.color,
@@ -12136,7 +12462,7 @@ var GroupAddSm = function GroupAddSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3Z
+    children: loadingCircleStyle$44
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12174,7 +12500,7 @@ GroupAddSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3_ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$45 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var BooleanSm = function BooleanSm(props) {
   var color = props.color,
@@ -12187,7 +12513,7 @@ var BooleanSm = function BooleanSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3_
+    children: loadingCircleStyle$45
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12221,7 +12547,7 @@ BooleanSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3$ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$46 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ListSm = function ListSm(props) {
   var color = props.color,
@@ -12234,7 +12560,7 @@ var ListSm = function ListSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3$
+    children: loadingCircleStyle$46
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12276,7 +12602,7 @@ ListSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$40 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$47 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrayRowsSm = function ArrayRowsSm(props) {
   var color = props.color,
@@ -12289,7 +12615,7 @@ var ArrayRowsSm = function ArrayRowsSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$40
+    children: loadingCircleStyle$47
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12323,7 +12649,7 @@ ArrayRowsSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$41 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$48 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var RowsSm = function RowsSm(props) {
   var color = props.color,
@@ -12336,7 +12662,7 @@ var RowsSm = function RowsSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$41
+    children: loadingCircleStyle$48
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12378,7 +12704,7 @@ RowsSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$42 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$49 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var VPropertySm = function VPropertySm(props) {
   var color = props.color,
@@ -12391,7 +12717,7 @@ var VPropertySm = function VPropertySm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$42
+    children: loadingCircleStyle$49
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12429,7 +12755,7 @@ VPropertySm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$43 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4a = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var StringSm = function StringSm(props) {
   var color = props.color,
@@ -12442,7 +12768,7 @@ var StringSm = function StringSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$43
+    children: loadingCircleStyle$4a
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12476,7 +12802,7 @@ StringSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$44 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4b = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var NumSm = function NumSm(props) {
   var color = props.color,
@@ -12489,7 +12815,7 @@ var NumSm = function NumSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$44
+    children: loadingCircleStyle$4b
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12523,7 +12849,7 @@ NumSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$45 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4c = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var TimeSm = function TimeSm(props) {
   var color = props.color,
@@ -12536,7 +12862,7 @@ var TimeSm = function TimeSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$45
+    children: loadingCircleStyle$4c
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12570,7 +12896,7 @@ TimeSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$46 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4d = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrowLeft = function ArrowLeft(props) {
   var color = props.color,
@@ -12583,7 +12909,7 @@ var ArrowLeft = function ArrowLeft(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$46
+    children: loadingCircleStyle$4d
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12615,7 +12941,7 @@ ArrowLeft.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$47 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4e = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrowRight = function ArrowRight(props) {
   var color = props.color,
@@ -12628,7 +12954,7 @@ var ArrowRight = function ArrowRight(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$47
+    children: loadingCircleStyle$4e
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12660,7 +12986,7 @@ ArrowRight.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$48 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4f = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrowUp = function ArrowUp(props) {
   var color = props.color,
@@ -12673,7 +12999,7 @@ var ArrowUp = function ArrowUp(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$48
+    children: loadingCircleStyle$4f
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12705,7 +13031,7 @@ ArrowUp.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$49 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4g = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrowDown = function ArrowDown(props) {
   var color = props.color,
@@ -12718,7 +13044,7 @@ var ArrowDown = function ArrowDown(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$49
+    children: loadingCircleStyle$4g
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12750,7 +13076,7 @@ ArrowDown.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4a = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4h = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrowLeft2 = function ArrowLeft2(props) {
   var color = props.color,
@@ -12763,7 +13089,7 @@ var ArrowLeft2 = function ArrowLeft2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4a
+    children: loadingCircleStyle$4h
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12795,7 +13121,7 @@ ArrowLeft2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4b = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4i = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrowRight2 = function ArrowRight2(props) {
   var color = props.color,
@@ -12808,7 +13134,7 @@ var ArrowRight2 = function ArrowRight2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4b
+    children: loadingCircleStyle$4i
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12840,7 +13166,7 @@ ArrowRight2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4c = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4j = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrowUp2 = function ArrowUp2(props) {
   var color = props.color,
@@ -12853,7 +13179,7 @@ var ArrowUp2 = function ArrowUp2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4c
+    children: loadingCircleStyle$4j
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12885,7 +13211,7 @@ ArrowUp2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4d = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4k = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrowDown2 = function ArrowDown2(props) {
   var color = props.color,
@@ -12898,7 +13224,7 @@ var ArrowDown2 = function ArrowDown2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4d
+    children: loadingCircleStyle$4k
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12930,7 +13256,7 @@ ArrowDown2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4e = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4l = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var TriLeft = function TriLeft(props) {
   var color = props.color,
@@ -12943,7 +13269,7 @@ var TriLeft = function TriLeft(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4e
+    children: loadingCircleStyle$4l
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12975,7 +13301,7 @@ TriLeft.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4f = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4m = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var TriRight = function TriRight(props) {
   var color = props.color,
@@ -12988,7 +13314,7 @@ var TriRight = function TriRight(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4f
+    children: loadingCircleStyle$4m
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13020,7 +13346,7 @@ TriRight.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4g = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4n = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var TriUp = function TriUp(props) {
   var color = props.color,
@@ -13033,7 +13359,7 @@ var TriUp = function TriUp(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4g
+    children: loadingCircleStyle$4n
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13065,7 +13391,7 @@ TriUp.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4h = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4o = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var TriDown = function TriDown(props) {
   var color = props.color,
@@ -13078,7 +13404,7 @@ var TriDown = function TriDown(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4h
+    children: loadingCircleStyle$4o
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13110,7 +13436,7 @@ TriDown.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4i = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4p = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var DArrowL = function DArrowL(props) {
   var color = props.color,
@@ -13123,7 +13449,7 @@ var DArrowL = function DArrowL(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4i
+    children: loadingCircleStyle$4p
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13157,7 +13483,7 @@ DArrowL.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4j = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var DArrowR = function DArrowR(props) {
   var color = props.color,
@@ -13170,7 +13496,7 @@ var DArrowR = function DArrowR(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4j
+    children: loadingCircleStyle$4q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13204,7 +13530,7 @@ DArrowR.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4k = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4r = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var DArrowT = function DArrowT(props) {
   var color = props.color,
@@ -13217,7 +13543,7 @@ var DArrowT = function DArrowT(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4k
+    children: loadingCircleStyle$4r
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13251,7 +13577,7 @@ DArrowT.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4l = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4s = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var DArrowB = function DArrowB(props) {
   var color = props.color,
@@ -13264,7 +13590,7 @@ var DArrowB = function DArrowB(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4l
+    children: loadingCircleStyle$4s
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13298,7 +13624,7 @@ DArrowB.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4m = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4t = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var DropDown = function DropDown(props) {
   var color = props.color,
@@ -13311,7 +13637,7 @@ var DropDown = function DropDown(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4m
+    children: loadingCircleStyle$4t
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13343,7 +13669,7 @@ DropDown.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4n = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4u = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var DropUp = function DropUp(props) {
   var color = props.color,
@@ -13356,7 +13682,7 @@ var DropUp = function DropUp(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4n
+    children: loadingCircleStyle$4u
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13388,7 +13714,7 @@ DropUp.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4o = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4v = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var More1 = function More1(props) {
   var color = props.color,
@@ -13401,7 +13727,7 @@ var More1 = function More1(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4o
+    children: loadingCircleStyle$4v
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13433,7 +13759,7 @@ More1.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4p = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4w = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var More2 = function More2(props) {
   var color = props.color,
@@ -13446,7 +13772,7 @@ var More2 = function More2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4p
+    children: loadingCircleStyle$4w
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13478,7 +13804,7 @@ More2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4x = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Drag = function Drag(props) {
   var color = props.color,
@@ -13491,7 +13817,7 @@ var Drag = function Drag(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4q
+    children: loadingCircleStyle$4x
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13533,7 +13859,7 @@ Drag.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4r = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Drag2 = function Drag2(props) {
   var color = props.color,
@@ -13546,7 +13872,7 @@ var Drag2 = function Drag2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4r
+    children: loadingCircleStyle$4y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13582,7 +13908,7 @@ Drag2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4s = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var External = function External(props) {
   var color = props.color,
@@ -13595,7 +13921,7 @@ var External = function External(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4s
+    children: loadingCircleStyle$4z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13627,7 +13953,7 @@ External.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4t = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4A = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var DisplayS = function DisplayS(props) {
   var color = props.color,
@@ -13640,7 +13966,7 @@ var DisplayS = function DisplayS(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4t
+    children: loadingCircleStyle$4A
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13674,7 +14000,7 @@ DisplayS.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4u = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4B = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Share = function Share(props) {
   var color = props.color,
@@ -13687,7 +14013,7 @@ var Share = function Share(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4u
+    children: loadingCircleStyle$4B
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13880,6 +14206,8 @@ exports.TaLockClose = LockClose;
 exports.TaLockCloseFill = LockCloseFill;
 exports.TaLockOpen = LockOpen;
 exports.TaLockOpenFill = LockOpenFill;
+exports.TaLogoAndroidGray = LogoAndroidGray;
+exports.TaLogoAppleGray = LogoAppleGray;
 exports.TaLogoCurrencylayerCl = LogoCurrencylayerCl;
 exports.TaLogoDingdingCl = LogoDingdingCl;
 exports.TaLogoDingdingGray = LogoDingdingGray;
@@ -13926,7 +14254,9 @@ exports.TaParallelFilter = ParallelFilter;
 exports.TaParameter = Parameter;
 exports.TaPassword = Password;
 exports.TaPattern = Pattern;
+exports.TaPauseCircle = PauseCircle;
 exports.TaPlay = Play;
+exports.TaPlayCircle = PlayCircle;
 exports.TaPlug = Plug;
 exports.TaPrivate = Private;
 exports.TaProcessing = Processing;
@@ -13955,6 +14285,7 @@ exports.TaShopFill = ShopFill;
 exports.TaSort = Sort;
 exports.TaSortA2z = SortA2z;
 exports.TaSortDrop = SortDrop;
+exports.TaSortResult = SortResult;
 exports.TaSortRise = SortRise;
 exports.TaSortZ2a = SortZ2a;
 exports.TaSpace = Space;
@@ -14006,3 +14337,5 @@ exports.TaUsertag = Usertag;
 exports.TaVProperty = VProperty;
 exports.TaVPropertySm = VPropertySm;
 exports.TaViewOriginal = ViewOriginal;
+exports.TaVip = Vip;
+exports.TaVipFill = VipFill;