@tant/icons 1.0.22 → 1.0.25

package/dist/es/icons/u-tag-sm.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@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,
@@ -25,12 +25,7 @@ var UTagSm = function UTagSm(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/u-tag.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var UTag = function UTag(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var UTag = function UTag(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/unlink.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@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,
@@ -25,12 +25,7 @@ var Unlink = function Unlink(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/upload-id.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var UploadId = function UploadId(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var UploadId = function UploadId(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/usb.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@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,
@@ -25,12 +25,7 @@ var Usb = function Usb(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/user-1-fill.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var User1Fill = function User1Fill(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var User1Fill = function User1Fill(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/user-1.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var User1 = function User1(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var User1 = function User1(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/user-2.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var User2 = function User2(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var User2 = function User2(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/user-add-fill.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var UserAddFill = function UserAddFill(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var UserAddFill = function UserAddFill(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/user-settings.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var UserSettings = function UserSettings(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var UserSettings = function UserSettings(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/usertag.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Usertag = function Usertag(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var Usertag = function Usertag(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/v-property-sm.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@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,
@@ -25,12 +25,7 @@ var VPropertySm = function VPropertySm(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/v-property.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var VProperty = function VProperty(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var VProperty = function VProperty(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/view-original.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@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,
@@ -25,12 +25,7 @@ var ViewOriginal = function ViewOriginal(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/index.js

@@ -106,6 +106,7 @@ export { default as TaAttribution } from './icons/attribution';
 export { default as TaCost } from './icons/cost';
 export { default as TaExposure } from './icons/exposure';
 export { default as TaIndicator } from './icons/indicator';
+export { default as TaCurrency } from './icons/currency';
 export { default as TaOperatorEqual } from './icons/operator-equal';
 export { default as TaOperatorUnequal } from './icons/operator-unequal';
 export { default as TaOperatorDivide } from './icons/operator-divide';

package/dist/index.d.ts

@@ -116,6 +116,7 @@ export const TaAttribution: Icon;
 export const TaCost: Icon;
 export const TaExposure: Icon;
 export const TaIndicator: Icon;
+export const TaCurrency: Icon;
 export const TaOperatorEqual: Icon;
 export const TaOperatorUnequal: Icon;
 export const TaOperatorDivide: Icon;

package/dist/lib/icons/add-1.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) }}';
+var loadingCircleStyle = '@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,
@@ -36,12 +36,7 @@ var Add1 = function Add1(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/add-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) }}';
+var loadingCircleStyle = '@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,
@@ -36,12 +36,7 @@ var Add2 = function Add2(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/add-3-fill.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) }}';
+var loadingCircleStyle = '@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,
@@ -36,12 +36,7 @@ var Add3Fill = function Add3Fill(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/add-3.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) }}';
+var loadingCircleStyle = '@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,
@@ -36,12 +36,7 @@ var Add3 = function Add3(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/alert.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) }}';
+var loadingCircleStyle = '@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,
@@ -36,12 +36,7 @@ var Alert = function Alert(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/all-group-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) }}';
+var loadingCircleStyle = '@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,
@@ -36,12 +36,7 @@ var AllGroupSm = function AllGroupSm(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/analysis.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) }}';
+var loadingCircleStyle = '@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,
@@ -36,12 +36,7 @@ var Analysis = function Analysis(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/anchor.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) }}';
+var loadingCircleStyle = '@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,
@@ -36,12 +36,7 @@ var Anchor = function Anchor(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/application.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) }}';
+var loadingCircleStyle = '@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,
@@ -36,12 +36,7 @@ var Application = function Application(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/array-rows-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) }}';
+var loadingCircleStyle = '@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,
@@ -36,12 +36,7 @@ var ArrayRowsSm = function ArrayRowsSm(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/arrow-down-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) }}';
+var loadingCircleStyle = '@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,
@@ -36,12 +36,7 @@ var ArrowDown2 = function ArrowDown2(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/arrow-down.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) }}';
+var loadingCircleStyle = '@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,
@@ -36,12 +36,7 @@ var ArrowDown = function ArrowDown(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({