@tant/icons 1.0.13 → 1.0.14

package/dist/es/icons/password.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 Password = function Password(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: "M19 10h1a1 1 0 011 1v10a1 1 0 01-1 1H4a1 1 0 01-1-1V11a1 1 0 011-1h1V9a7 7 0 0114 0v1zM5 12v8h14v-8H5zm6 2h2v4h-2v-4zm6-4V9A5 5 0 007 9v1h10z"
-  }));
+  })));
 };
 
 Password.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 Password.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/es/icons/pattern.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 Pattern = function Pattern(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", {
@@ -41,14 +50,16 @@ var Pattern = function Pattern(props) {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M3.558 5.874l-.584.337a1 1 0 00-.5.866v9.846a1 1 0 00.5.866L11.5 22.71a1 1 0 001 0l8.526-4.922a1 1 0 00.5-.866V7.077a1 1 0 00-.5-.866l-.584-.337L12 10.84 3.558 5.874zM12 13.16l7.526-4.427v5.612L12 18.691l-7.526-4.346V8.733L12 13.16z"
-  }));
+  })));
 };
 
 Pattern.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 Pattern.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/es/icons/placeholder.js

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

package/dist/es/icons/play.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 Play = function Play(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: "M19.376 11.982L8.777 19.048A.499.499 0 018 18.632V4.5a.5.5 0 01.777-.416l10.599 7.066a.501.501 0 010 .832z"
-  }));
+  })));
 };
 
 Play.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 Play.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/es/icons/plug.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 Plug = function Plug(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 18v2h6v2h-6a2 2 0 01-2-2v-2H8a4 4 0 01-4-4V7a1 1 0 011-1h3V2h2v4h4V2h2v4h3a1 1 0 011 1v7a4 4 0 01-4 4h-3zm-5-2h8a2 2 0 002-2v-3H6v3a2 2 0 002 2zm10-8H6v1h12V8zm-6 6.5a1 1 0 110-2 1 1 0 010 2z"
-  }));
+  })));
 };
 
 Plug.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 Plug.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/es/icons/private.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 Private = function Private(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: "M6 10v10h13V10H6zm12-2h2a1 1 0 011 1v12a1 1 0 01-1 1H4a1 1 0 01-1-1V9a1 1 0 011-1h2V7a6 6 0 1112 0v1zm-2 0V7a4 4 0 10-8 0v1h8zm-9 3h2v2H7v-2zm0 3h2v2H7v-2zm0 3h2v2H7v-2z"
-  }));
+  })));
 };
 
 Private.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 Private.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/es/icons/processing-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,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 Processing2 = function Processing2(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: "M12 4a8 8 0 108 8h2c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2c2.043 0 3.946.614 5.53 1.667l-1.107 1.666A7.958 7.958 0 0012 4z"
-  }));
+  })));
 };
 
 Processing2.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 Processing2.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/es/icons/processing.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 Processing = function Processing(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/React.createElement("path", {
     d: "M17.553 14.277A6.002 6.002 0 016 12a6 6 0 0111.553-2.277l1.793-.896A8.002 8.002 0 004 12a8 8 0 0015.346 3.173l-1.793-.896z"
-  }));
+  })));
 };
 
 Processing.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 Processing.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/es/icons/project-mgr.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 ProjectMgr = function ProjectMgr(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/React.createElement("path", {
@@ -37,14 +46,16 @@ var ProjectMgr = function ProjectMgr(props) {
     d: "M6 11V9h4v2H6z"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M3 5a1 1 0 00-1 1v15a1 1 0 001 1h15a1 1 0 001-1V6a1 1 0 00-1-1H3zm1 2h13v13H4V7z"
-  }));
+  })));
 };
 
 ProjectMgr.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 ProjectMgr.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/es/icons/project.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 Project = function Project(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: "M20.083 15.2l1.202.721a.5.5 0 010 .858l-8.77 5.262a1 1 0 01-1.03 0l-8.77-5.262a.5.5 0 010-.858l1.202-.721L12 20.05l8.083-4.85zm0-4.7l1.202.721a.5.5 0 010 .858L12 17.65l-9.285-5.571a.5.5 0 010-.858l1.202-.721L12 15.35l8.083-4.85zm-7.57-9.191l8.772 5.262a.5.5 0 010 .858L12 13 2.715 7.429a.5.5 0 010-.858l8.77-5.262a1 1 0 011.03 0h-.001zM12 3.332L5.887 7 12 10.668 18.113 7 12 3.332z"
-  }));
+  })));
 };
 
 Project.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 Project.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/es/icons/related-prop.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 RelatedProp = function RelatedProp(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: "M9 15H4a1 1 0 01-1-1V4a1 1 0 011-1h10a1 1 0 011 1v5h5a1 1 0 011 1v10a1 1 0 01-1 1H10a1 1 0 01-1-1v-5zm-4-2h4v-3a1 1 0 011-1h3V5H5v8zm10-2v3a1 1 0 01-1 1h-3v4h8v-8h-4zm-2 0h-2v2h2v-2z"
-  }));
+  })));
 };
 
 RelatedProp.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 RelatedProp.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/es/icons/report-removal.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 ReportRemoval = function ReportRemoval(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", {
@@ -41,14 +50,16 @@ var ReportRemoval = function ReportRemoval(props) {
     d: "M17 14.172V11h-2v1.172l2 2z"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M13 10.172V7h-2v1.172l2 2z"
-  }));
+  })));
 };
 
 ReportRemoval.propTypes = {
+  spin: PropTypes["boolean"],
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 ReportRemoval.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };