@tant/icons 1.0.12 → 1.0.15

package/dist/es/icons/eye-on-fill.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -14,35 +14,46 @@ 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 EyeOnFill = function EyeOnFill(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/React.createElement("path", {
     d: "M12 14.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5z"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M12 3c5.392 0 9.878 3.88 10.82 9-.94 5.12-5.428 9-10.82 9s-9.878-3.88-10.819-9c.94-5.12 5.427-9 10.82-9zm4.498 9a4.498 4.498 0 10-8.996 0 4.498 4.498 0 008.996 0z"
-  }));
+  })));
 };
 
 EyeOnFill.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 EyeOnFill.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/es/icons/eye-on.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -14,33 +14,44 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
 
 var EyeOn = function EyeOn(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/React.createElement("path", {
     d: "M12 3c5.392 0 9.878 3.88 10.82 9-.94 5.12-5.428 9-10.82 9s-9.878-3.88-10.819-9c.94-5.12 5.427-9 10.82-9zm0 16a9.005 9.005 0 008.777-7 9.005 9.005 0 00-17.554 0A9.005 9.005 0 0012 19zm0-2.5a4.5 4.5 0 110-9 4.5 4.5 0 010 9zm0-2a2.5 2.5 0 100-5 2.5 2.5 0 000 5z"
-  }));
+  })));
 };
 
 EyeOn.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 EyeOn.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/es/icons/file-add.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -14,33 +14,44 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
 
 var FileAdd = function FileAdd(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/React.createElement("path", {
     d: "M15 4H5v16h14V8h-4V4zM3 2.992C3 2.444 3.447 2 3.999 2H16l5 5v13.993A1 1 0 0120.007 22H3.993A1 1 0 013 21.008V2.992zM11 12V9h2v3h3v2h-3v3h-2v-3H8v-2h3z"
-  }));
+  })));
 };
 
 FileAdd.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 FileAdd.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/es/icons/file-convert.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -14,21 +14,30 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
 
 var FileConvert = function FileConvert(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/React.createElement("path", {
@@ -39,14 +48,16 @@ var FileConvert = function FileConvert(props) {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M3.999 2A.995.995 0 003 2.992v18.016a1 1 0 00.993.992h16.014A1 1 0 0021 20.993V7l-5-5H3.999zM5 4h10v4h4v12H5V4z"
-  }));
+  })));
 };
 
 FileConvert.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 FileConvert.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/es/icons/file-export.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -14,33 +14,44 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
 
 var FileExport = function FileExport(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/React.createElement("path", {
     d: "M13 13h3l-4 4-4-4h3V9h2v4zm2-9H5v16h14V8h-4V4zM3 2.992C3 2.444 3.447 2 3.999 2H16l5 5v13.993A1 1 0 0120.007 22H3.993A1 1 0 013 21.008V2.992z"
-  }));
+  })));
 };
 
 FileExport.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 FileExport.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/es/icons/file-import.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -14,33 +14,44 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
 
 var FileImport = function FileImport(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/React.createElement("path", {
     d: "M13 12h3l-4-4-4 4h3v4h2v-4zm2-8H5v16h14V8h-4V4zM3 2.992C3 2.444 3.447 2 3.999 2H16l5 5v13.993A1 1 0 0120.007 22H3.993A1 1 0 013 21.008V2.992z"
-  }));
+  })));
 };
 
 FileImport.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 FileImport.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/es/icons/file-info.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -14,33 +14,44 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
 
 var FileInfo = function FileInfo(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/React.createElement("path", {
     d: "M15 4H5v16h14V8h-4V4zM3 2.992C3 2.444 3.447 2 3.999 2H16l5 5v13.993A1 1 0 0120.007 22H3.993A1 1 0 013 21.008V2.992zM11 11h2v6h-2v-6zm0-4h2v2h-2V7z"
-  }));
+  })));
 };
 
 FileInfo.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 FileInfo.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

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

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -14,33 +14,44 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
 
 var FileLock = function FileLock(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/React.createElement("path", {
     d: "M15 4H5v16h14V8h-4V4zM3 2.992C3 2.444 3.447 2 3.999 2H16l5 5v13.993A1 1 0 0120.007 22H3.993A1 1 0 013 21.008V2.992zM15 11h1v5H8v-5h1v-1a3 3 0 116 0v1zm-2 0v-1a1 1 0 00-2 0v1h2z"
-  }));
+  })));
 };
 
 FileLock.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 FileLock.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/es/icons/file-move.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -14,33 +14,44 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
 
 var FileMove = function FileMove(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/React.createElement("path", {
     d: "M15 4H5v16h14V8h-4V4zM3 2.992C3 2.444 3.447 2 3.999 2H16l5 5v13.993A1 1 0 0120.007 22H3.993A1 1 0 013 21.008V2.992zM12 11V8l4 4-4 4v-3H8v-2h4z"
-  }));
+  })));
 };
 
 FileMove.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 FileMove.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/es/icons/file-pdf.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -14,33 +14,44 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
 
 var FilePdf = function FilePdf(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/React.createElement("path", {
     d: "M5 3v17h16V10h-2V3H5zm15-2a1 1 0 011 1v19a1 1 0 01-1 1H4a1 1 0 01-1-1V2a1 1 0 011-1h16zM7.999 15.001h2V13.01c0-.01 0-.01-.009-.01H8V15zM7 18v-6h2.99c.559 0 1.01.444 1.01 1.01v1.98A1.004 1.004 0 0110 16H7.999v2H7zm10 0v-6h3.998v1h-3l-.013 1.985 2.015.013v1h-2.001v2h-1V18zm-4-1h1a.993.993 0 00.999-.998v-2.004A1.002 1.002 0 0014 13h-1v4zm-1 1v-6h2c1.104 0 2 .899 2 1.998v2.004A1.994 1.994 0 0114 18h-2z"
-  }));
+  })));
 };
 
 FilePdf.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 FilePdf.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/es/icons/file-remove.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -14,35 +14,46 @@ 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 FileRemove = function FileRemove(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M5 4h10v4h4v12H5V4zM3.999 2A.995.995 0 003 2.992v18.016a1 1 0 00.993.992h16.014A1 1 0 0021 20.993V7l-5-5H3.999zM14.1 16.5L12 14.4l-2.1 2.1-1.4-1.4 2.1-2.1-2.1-2.1 1.4-1.4 2.1 2.1 2.1-2.1 1.4 1.4-2.1 2.1 2.1 2.1-1.4 1.4z"
-  }));
+  })));
 };
 
 FileRemove.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 FileRemove.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

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

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -14,33 +14,44 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
 
 var Filter2 = function Filter2(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/React.createElement("path", {
     d: "M10 20h4v-4h-4v4zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
-  }));
+  })));
 };
 
 Filter2.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 Filter2.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };