@tant/icons 1.1.69 → 1.1.72

package/dist/lib/icons/arrow-up-2.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span > svg { cursor: pointer }';
 
 var ArrowUp2 = function ArrowUp2(props) {
   var color = props.color,
@@ -37,7 +37,8 @@ var ArrowUp2 = function ArrowUp2(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+    role: "img",
+    className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
@@ -68,7 +69,7 @@ ArrowUp2.propTypes = {
 ArrowUp2.defaultProps = {
   spin: false,
   color: 'currentColor',
-  size: '16'
+  size: '1em'
 };
 var _default = ArrowUp2;
 exports["default"] = _default;

package/dist/lib/icons/arrow-up.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span > svg { cursor: pointer }';
 
 var ArrowUp = function ArrowUp(props) {
   var color = props.color,
@@ -37,7 +37,8 @@ var ArrowUp = function ArrowUp(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+    role: "img",
+    className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
@@ -68,7 +69,7 @@ ArrowUp.propTypes = {
 ArrowUp.defaultProps = {
   spin: false,
   color: 'currentColor',
-  size: '16'
+  size: '1em'
 };
 var _default = ArrowUp;
 exports["default"] = _default;

package/dist/lib/icons/ascent.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span > svg { cursor: pointer }';
 
 var Ascent = function Ascent(props) {
   var color = props.color,
@@ -37,7 +37,8 @@ var Ascent = function Ascent(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+    role: "img",
+    className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
@@ -68,7 +69,7 @@ Ascent.propTypes = {
 Ascent.defaultProps = {
   spin: false,
   color: 'currentColor',
-  size: '16'
+  size: '1em'
 };
 var _default = Ascent;
 exports["default"] = _default;

package/dist/lib/icons/asset-convert.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span > svg { cursor: pointer }';
 
 var AssetConvert = function AssetConvert(props) {
   var color = props.color,
@@ -37,7 +37,8 @@ var AssetConvert = function AssetConvert(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+    role: "img",
+    className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
@@ -74,7 +75,7 @@ AssetConvert.propTypes = {
 AssetConvert.defaultProps = {
   spin: false,
   color: 'currentColor',
-  size: '16'
+  size: '1em'
 };
 var _default = AssetConvert;
 exports["default"] = _default;

package/dist/lib/icons/attribution.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span > svg { cursor: pointer }';
 
 var Attribution = function Attribution(props) {
   var color = props.color,
@@ -37,7 +37,8 @@ var Attribution = function Attribution(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+    role: "img",
+    className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
@@ -70,7 +71,7 @@ Attribution.propTypes = {
 Attribution.defaultProps = {
   spin: false,
   color: 'currentColor',
-  size: '16'
+  size: '1em'
 };
 var _default = Attribution;
 exports["default"] = _default;

package/dist/lib/icons/backup.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span > svg { cursor: pointer }';
 
 var Backup = function Backup(props) {
   var color = props.color,
@@ -37,7 +37,8 @@ var Backup = function Backup(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+    role: "img",
+    className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
@@ -70,7 +71,7 @@ Backup.propTypes = {
 Backup.defaultProps = {
   spin: false,
   color: 'currentColor',
-  size: '16'
+  size: '1em'
 };
 var _default = Backup;
 exports["default"] = _default;

package/dist/lib/icons/bell.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span > svg { cursor: pointer }';
 
 var Bell = function Bell(props) {
   var color = props.color,
@@ -37,7 +37,8 @@ var Bell = function Bell(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+    role: "img",
+    className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
@@ -70,7 +71,7 @@ Bell.propTypes = {
 Bell.defaultProps = {
   spin: false,
   color: 'currentColor',
-  size: '16'
+  size: '1em'
 };
 var _default = Bell;
 exports["default"] = _default;

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

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span > svg { cursor: pointer }';
 
 var Book2 = function Book2(props) {
   var color = props.color,
@@ -37,7 +37,8 @@ var Book2 = function Book2(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+    role: "img",
+    className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
@@ -68,7 +69,7 @@ Book2.propTypes = {
 Book2.defaultProps = {
   spin: false,
   color: 'currentColor',
-  size: '16'
+  size: '1em'
 };
 var _default = Book2;
 exports["default"] = _default;

package/dist/lib/icons/book.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span > svg { cursor: pointer }';
 
 var Book = function Book(props) {
   var color = props.color,
@@ -37,7 +37,8 @@ var Book = function Book(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+    role: "img",
+    className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
@@ -68,7 +69,7 @@ Book.propTypes = {
 Book.defaultProps = {
   spin: false,
   color: 'currentColor',
-  size: '16'
+  size: '1em'
 };
 var _default = Book;
 exports["default"] = _default;

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

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span > svg { cursor: pointer }';
 
 var Bookmark2 = function Bookmark2(props) {
   var color = props.color,
@@ -37,7 +37,8 @@ var Bookmark2 = function Bookmark2(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+    role: "img",
+    className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
@@ -68,7 +69,7 @@ Bookmark2.propTypes = {
 Bookmark2.defaultProps = {
   spin: false,
   color: 'currentColor',
-  size: '16'
+  size: '1em'
 };
 var _default = Bookmark2;
 exports["default"] = _default;

package/dist/lib/icons/bookmark.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span > svg { cursor: pointer }';
 
 var Bookmark = function Bookmark(props) {
   var color = props.color,
@@ -37,7 +37,8 @@ var Bookmark = function Bookmark(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+    role: "img",
+    className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
@@ -68,7 +69,7 @@ Bookmark.propTypes = {
 Bookmark.defaultProps = {
   spin: false,
   color: 'currentColor',
-  size: '16'
+  size: '1em'
 };
 var _default = Bookmark;
 exports["default"] = _default;

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

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span > svg { cursor: pointer }';
 
 var BooleanSm = function BooleanSm(props) {
   var color = props.color,
@@ -37,7 +37,8 @@ var BooleanSm = function BooleanSm(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+    role: "img",
+    className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
@@ -70,7 +71,7 @@ BooleanSm.propTypes = {
 BooleanSm.defaultProps = {
   spin: false,
   color: 'currentColor',
-  size: '16'
+  size: '1em'
 };
 var _default = BooleanSm;
 exports["default"] = _default;

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

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span > svg { cursor: pointer }';
 
 var CalendarSm = function CalendarSm(props) {
   var color = props.color,
@@ -37,7 +37,8 @@ var CalendarSm = function CalendarSm(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+    role: "img",
+    className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
@@ -68,7 +69,7 @@ CalendarSm.propTypes = {
 CalendarSm.defaultProps = {
   spin: false,
   color: 'currentColor',
-  size: '16'
+  size: '1em'
 };
 var _default = CalendarSm;
 exports["default"] = _default;

package/dist/lib/icons/calendar.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span > svg { cursor: pointer }';
 
 var Calendar = function Calendar(props) {
   var color = props.color,
@@ -37,7 +37,8 @@ var Calendar = function Calendar(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+    role: "img",
+    className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
@@ -68,7 +69,7 @@ Calendar.propTypes = {
 Calendar.defaultProps = {
   spin: false,
   color: 'currentColor',
-  size: '16'
+  size: '1em'
 };
 var _default = Calendar;
 exports["default"] = _default;

package/dist/lib/icons/card.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span > svg { cursor: pointer }';
 
 var Card = function Card(props) {
   var color = props.color,
@@ -37,7 +37,8 @@ var Card = function Card(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+    role: "img",
+    className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
@@ -68,7 +69,7 @@ Card.propTypes = {
 Card.defaultProps = {
   spin: false,
   color: 'currentColor',
-  size: '16'
+  size: '1em'
 };
 var _default = Card;
 exports["default"] = _default;

package/dist/lib/icons/cellphone.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span > svg { cursor: pointer }';
 
 var Cellphone = function Cellphone(props) {
   var color = props.color,
@@ -37,7 +37,8 @@ var Cellphone = function Cellphone(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+    role: "img",
+    className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
@@ -70,7 +71,7 @@ Cellphone.propTypes = {
 Cellphone.defaultProps = {
   spin: false,
   color: 'currentColor',
-  size: '16'
+  size: '1em'
 };
 var _default = Cellphone;
 exports["default"] = _default;

package/dist/lib/icons/chart-bar-table.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span > svg { cursor: pointer }';
 
 var ChartBarTable = function ChartBarTable(props) {
   var color = props.color,
@@ -37,7 +37,8 @@ var ChartBarTable = function ChartBarTable(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+    role: "img",
+    className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
@@ -70,7 +71,7 @@ ChartBarTable.propTypes = {
 ChartBarTable.defaultProps = {
   spin: false,
   color: 'currentColor',
-  size: '16'
+  size: '1em'
 };
 var _default = ChartBarTable;
 exports["default"] = _default;

package/dist/lib/icons/chart-bar.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span > svg { cursor: pointer }';
 
 var ChartBar = function ChartBar(props) {
   var color = props.color,
@@ -37,7 +37,8 @@ var ChartBar = function ChartBar(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+    role: "img",
+    className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
@@ -72,7 +73,7 @@ ChartBar.propTypes = {
 ChartBar.defaultProps = {
   spin: false,
   color: 'currentColor',
-  size: '16'
+  size: '1em'
 };
 var _default = ChartBar;
 exports["default"] = _default;

package/dist/lib/icons/chart-combined-table.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span > svg { cursor: pointer }';
 
 var ChartCombinedTable = function ChartCombinedTable(props) {
   var color = props.color,
@@ -37,7 +37,8 @@ var ChartCombinedTable = function ChartCombinedTable(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+    role: "img",
+    className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
@@ -68,7 +69,7 @@ ChartCombinedTable.propTypes = {
 ChartCombinedTable.defaultProps = {
   spin: false,
   color: 'currentColor',
-  size: '16'
+  size: '1em'
 };
 var _default = ChartCombinedTable;
 exports["default"] = _default;

package/dist/lib/icons/chart-complex.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span > svg { cursor: pointer }';
 
 var ChartComplex = function ChartComplex(props) {
   var color = props.color,
@@ -37,7 +37,8 @@ var ChartComplex = function ChartComplex(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+    role: "img",
+    className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
@@ -76,7 +77,7 @@ ChartComplex.propTypes = {
 ChartComplex.defaultProps = {
   spin: false,
   color: 'currentColor',
-  size: '16'
+  size: '1em'
 };
 var _default = ChartComplex;
 exports["default"] = _default;

package/dist/lib/icons/chart-cum.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span > svg { cursor: pointer }';
 
 var ChartCum = function ChartCum(props) {
   var color = props.color,
@@ -37,7 +37,8 @@ var ChartCum = function ChartCum(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+    role: "img",
+    className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
@@ -78,7 +79,7 @@ ChartCum.propTypes = {
 ChartCum.defaultProps = {
   spin: false,
   color: 'currentColor',
-  size: '16'
+  size: '1em'
 };
 var _default = ChartCum;
 exports["default"] = _default;

package/dist/lib/icons/chart-d-n-re.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span > svg { cursor: pointer }';
 
 var ChartDNRe = function ChartDNRe(props) {
   var color = props.color,
@@ -37,7 +37,8 @@ var ChartDNRe = function ChartDNRe(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+    role: "img",
+    className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
@@ -80,7 +81,7 @@ ChartDNRe.propTypes = {
 ChartDNRe.defaultProps = {
   spin: false,
   color: 'currentColor',
-  size: '16'
+  size: '1em'
 };
 var _default = ChartDNRe;
 exports["default"] = _default;