diff --git a/bin/template.js b/bin/template.js
index 2c99f0f..6222cc1 100644
--- a/bin/template.js
+++ b/bin/template.js
@@ -24,8 +24,7 @@ const getElementCode = (ComponentName, attrs, svgCode) => `
   import React from 'react';
   import PropTypes from 'prop-types';
 
-  const ${ComponentName} = (props) => {
-    const { color, size, ...otherProps } = props;
+  const ${ComponentName} = ({ color = 'currentColor', size = '24', ...otherProps }) => {
     return (
       <svg ${attrs}>
         ${svgCode}
@@ -41,11 +40,6 @@ const getElementCode = (ComponentName, attrs, svgCode) => `
     ]),
   }
 
-  ${ComponentName}.defaultProps = {
-    color: 'currentColor',
-    size: '24',
-  }
-
   export default ${ComponentName}
 `
 
diff --git a/src/icons/air.js b/src/icons/air.js
index b75bb63..9eca7ec 100644
--- a/src/icons/air.js
+++ b/src/icons/air.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Air = props => {
-  const { color, size, ...otherProps } = props;
+const Air = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ Air.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Air.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Air;
diff --git a/src/icons/airplay-audio.js b/src/icons/airplay-audio.js
index 0709d1a..36fbf5c 100644
--- a/src/icons/airplay-audio.js
+++ b/src/icons/airplay-audio.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AirplayAudio = props => {
-  const { color, size, ...otherProps } = props;
+const AirplayAudio = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ AirplayAudio.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-AirplayAudio.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default AirplayAudio;
diff --git a/src/icons/airplay-video.js b/src/icons/airplay-video.js
index f79d899..59d569a 100644
--- a/src/icons/airplay-video.js
+++ b/src/icons/airplay-video.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AirplayVideo = props => {
-  const { color, size, ...otherProps } = props;
+const AirplayVideo = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ AirplayVideo.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-AirplayVideo.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default AirplayVideo;
diff --git a/src/icons/airpods.js b/src/icons/airpods.js
index 30bc13c..a98eeb2 100644
--- a/src/icons/airpods.js
+++ b/src/icons/airpods.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Airpods = props => {
-  const { color, size, ...otherProps } = props;
+const Airpods = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -33,9 +32,4 @@ Airpods.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Airpods.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Airpods;
diff --git a/src/icons/alarm.js b/src/icons/alarm.js
index b3c18d6..c7a7153 100644
--- a/src/icons/alarm.js
+++ b/src/icons/alarm.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Alarm = props => {
-  const { color, size, ...otherProps } = props;
+const Alarm = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -32,9 +31,4 @@ Alarm.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Alarm.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Alarm;
diff --git a/src/icons/align-bottom.js b/src/icons/align-bottom.js
index f7d22ff..083b7fc 100644
--- a/src/icons/align-bottom.js
+++ b/src/icons/align-bottom.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AlignBottom = props => {
-  const { color, size, ...otherProps } = props;
+const AlignBottom = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ AlignBottom.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-AlignBottom.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default AlignBottom;
diff --git a/src/icons/align-horizontal-center.js b/src/icons/align-horizontal-center.js
index 224fa49..cd070a5 100644
--- a/src/icons/align-horizontal-center.js
+++ b/src/icons/align-horizontal-center.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AlignHorizontalCenter = props => {
-  const { color, size, ...otherProps } = props;
+const AlignHorizontalCenter = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -30,9 +29,4 @@ AlignHorizontalCenter.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-AlignHorizontalCenter.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default AlignHorizontalCenter;
diff --git a/src/icons/align-left.js b/src/icons/align-left.js
index d6d9bf5..76fc77e 100644
--- a/src/icons/align-left.js
+++ b/src/icons/align-left.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AlignLeft = props => {
-  const { color, size, ...otherProps } = props;
+const AlignLeft = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ AlignLeft.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-AlignLeft.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default AlignLeft;
diff --git a/src/icons/align-right.js b/src/icons/align-right.js
index 55641bd..61d047f 100644
--- a/src/icons/align-right.js
+++ b/src/icons/align-right.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AlignRight = props => {
-  const { color, size, ...otherProps } = props;
+const AlignRight = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ AlignRight.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-AlignRight.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default AlignRight;
diff --git a/src/icons/align-to-bottom.js b/src/icons/align-to-bottom.js
index 196d6de..2b4dff5 100644
--- a/src/icons/align-to-bottom.js
+++ b/src/icons/align-to-bottom.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AlignToBottom = props => {
-  const { color, size, ...otherProps } = props;
+const AlignToBottom = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ AlignToBottom.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-AlignToBottom.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default AlignToBottom;
diff --git a/src/icons/align-to-middle.js b/src/icons/align-to-middle.js
index 3f5170b..4885e25 100644
--- a/src/icons/align-to-middle.js
+++ b/src/icons/align-to-middle.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AlignToMiddle = props => {
-  const { color, size, ...otherProps } = props;
+const AlignToMiddle = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -30,9 +29,4 @@ AlignToMiddle.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-AlignToMiddle.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default AlignToMiddle;
diff --git a/src/icons/align-to-top.js b/src/icons/align-to-top.js
index 09de90c..e6c028f 100644
--- a/src/icons/align-to-top.js
+++ b/src/icons/align-to-top.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AlignToTop = props => {
-  const { color, size, ...otherProps } = props;
+const AlignToTop = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ AlignToTop.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-AlignToTop.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default AlignToTop;
diff --git a/src/icons/align-top.js b/src/icons/align-top.js
index 7e999f8..0297c8a 100644
--- a/src/icons/align-top.js
+++ b/src/icons/align-top.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AlignTop = props => {
-  const { color, size, ...otherProps } = props;
+const AlignTop = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ AlignTop.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-AlignTop.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default AlignTop;
diff --git a/src/icons/align-vertical-center.js b/src/icons/align-vertical-center.js
index 033cad1..2d6d093 100644
--- a/src/icons/align-vertical-center.js
+++ b/src/icons/align-vertical-center.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AlignVerticalCenter = props => {
-  const { color, size, ...otherProps } = props;
+const AlignVerticalCenter = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -30,9 +29,4 @@ AlignVerticalCenter.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-AlignVerticalCenter.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default AlignVerticalCenter;
diff --git a/src/icons/android-fill.js b/src/icons/android-fill.js
index 96e09f2..d86a309 100644
--- a/src/icons/android-fill.js
+++ b/src/icons/android-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AndroidFill = props => {
-  const { color, size, ...otherProps } = props;
+const AndroidFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,9 +21,4 @@ AndroidFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-AndroidFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default AndroidFill;
diff --git a/src/icons/angular-fill.js b/src/icons/angular-fill.js
index 8f80ccf..0774a11 100644
--- a/src/icons/angular-fill.js
+++ b/src/icons/angular-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AngularFill = props => {
-  const { color, size, ...otherProps } = props;
+const AngularFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -23,9 +22,4 @@ AngularFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-AngularFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default AngularFill;
diff --git a/src/icons/arrow-back-thick-fill.js b/src/icons/arrow-back-thick-fill.js
index 7cc2ca6..69811e0 100644
--- a/src/icons/arrow-back-thick-fill.js
+++ b/src/icons/arrow-back-thick-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowBackThickFill = props => {
-  const { color, size, ...otherProps } = props;
+const ArrowBackThickFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ ArrowBackThickFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ArrowBackThickFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ArrowBackThickFill;
diff --git a/src/icons/arrow-back-thick.js b/src/icons/arrow-back-thick.js
index 21257b9..e063a63 100644
--- a/src/icons/arrow-back-thick.js
+++ b/src/icons/arrow-back-thick.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowBackThick = props => {
-  const { color, size, ...otherProps } = props;
+const ArrowBackThick = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ ArrowBackThick.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ArrowBackThick.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ArrowBackThick;
diff --git a/src/icons/arrow-back.js b/src/icons/arrow-back.js
index 4719093..533279a 100644
--- a/src/icons/arrow-back.js
+++ b/src/icons/arrow-back.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowBack = props => {
-  const { color, size, ...otherProps } = props;
+const ArrowBack = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ ArrowBack.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ArrowBack.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ArrowBack;
diff --git a/src/icons/arrow-clockwise.js b/src/icons/arrow-clockwise.js
index f0c463a..4c53f8c 100644
--- a/src/icons/arrow-clockwise.js
+++ b/src/icons/arrow-clockwise.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowClockwise = props => {
-  const { color, size, ...otherProps } = props;
+const ArrowClockwise = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ ArrowClockwise.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ArrowClockwise.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ArrowClockwise;
diff --git a/src/icons/arrow-counter-clockwise.js b/src/icons/arrow-counter-clockwise.js
index 5c89742..44b612f 100644
--- a/src/icons/arrow-counter-clockwise.js
+++ b/src/icons/arrow-counter-clockwise.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowCounterClockwise = props => {
-  const { color, size, ...otherProps } = props;
+const ArrowCounterClockwise = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ ArrowCounterClockwise.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ArrowCounterClockwise.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ArrowCounterClockwise;
diff --git a/src/icons/arrow-cycle.js b/src/icons/arrow-cycle.js
index 302cec0..29cc513 100644
--- a/src/icons/arrow-cycle.js
+++ b/src/icons/arrow-cycle.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowCycle = props => {
-  const { color, size, ...otherProps } = props;
+const ArrowCycle = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ ArrowCycle.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ArrowCycle.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ArrowCycle;
diff --git a/src/icons/arrow-down-left.js b/src/icons/arrow-down-left.js
index 24815fe..540243e 100644
--- a/src/icons/arrow-down-left.js
+++ b/src/icons/arrow-down-left.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowDownLeft = props => {
-  const { color, size, ...otherProps } = props;
+const ArrowDownLeft = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ ArrowDownLeft.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ArrowDownLeft.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ArrowDownLeft;
diff --git a/src/icons/arrow-down-right.js b/src/icons/arrow-down-right.js
index 7d94f07..4d72e05 100644
--- a/src/icons/arrow-down-right.js
+++ b/src/icons/arrow-down-right.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowDownRight = props => {
-  const { color, size, ...otherProps } = props;
+const ArrowDownRight = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ ArrowDownRight.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ArrowDownRight.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ArrowDownRight;
diff --git a/src/icons/arrow-down-thick.js b/src/icons/arrow-down-thick.js
index 188fad0..9d2b76b 100644
--- a/src/icons/arrow-down-thick.js
+++ b/src/icons/arrow-down-thick.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowDownThick = props => {
-  const { color, size, ...otherProps } = props;
+const ArrowDownThick = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ ArrowDownThick.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ArrowDownThick.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ArrowDownThick;
diff --git a/src/icons/arrow-down.js b/src/icons/arrow-down.js
index ca5119c..186abb6 100644
--- a/src/icons/arrow-down.js
+++ b/src/icons/arrow-down.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowDown = props => {
-  const { color, size, ...otherProps } = props;
+const ArrowDown = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ ArrowDown.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ArrowDown.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ArrowDown;
diff --git a/src/icons/arrow-forward-thick-fill.js b/src/icons/arrow-forward-thick-fill.js
index 4fb29cd..a7fda64 100644
--- a/src/icons/arrow-forward-thick-fill.js
+++ b/src/icons/arrow-forward-thick-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowForwardThickFill = props => {
-  const { color, size, ...otherProps } = props;
+const ArrowForwardThickFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ ArrowForwardThickFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ArrowForwardThickFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ArrowForwardThickFill;
diff --git a/src/icons/arrow-forward-thick.js b/src/icons/arrow-forward-thick.js
index 7423bc3..f254733 100644
--- a/src/icons/arrow-forward-thick.js
+++ b/src/icons/arrow-forward-thick.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowForwardThick = props => {
-  const { color, size, ...otherProps } = props;
+const ArrowForwardThick = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ ArrowForwardThick.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ArrowForwardThick.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ArrowForwardThick;
diff --git a/src/icons/arrow-forward.js b/src/icons/arrow-forward.js
index 3778289..072b5dc 100644
--- a/src/icons/arrow-forward.js
+++ b/src/icons/arrow-forward.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowForward = props => {
-  const { color, size, ...otherProps } = props;
+const ArrowForward = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ ArrowForward.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ArrowForward.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ArrowForward;
diff --git a/src/icons/arrow-left-thick.js b/src/icons/arrow-left-thick.js
index fa8aca6..bf92e96 100644
--- a/src/icons/arrow-left-thick.js
+++ b/src/icons/arrow-left-thick.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowLeftThick = props => {
-  const { color, size, ...otherProps } = props;
+const ArrowLeftThick = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ ArrowLeftThick.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ArrowLeftThick.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ArrowLeftThick;
diff --git a/src/icons/arrow-left.js b/src/icons/arrow-left.js
index 2c287ef..293e5b8 100644
--- a/src/icons/arrow-left.js
+++ b/src/icons/arrow-left.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowLeft = props => {
-  const { color, size, ...otherProps } = props;
+const ArrowLeft = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ ArrowLeft.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ArrowLeft.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ArrowLeft;
diff --git a/src/icons/arrow-repeat.js b/src/icons/arrow-repeat.js
index 6cf87fa..a1cdacc 100644
--- a/src/icons/arrow-repeat.js
+++ b/src/icons/arrow-repeat.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowRepeat = props => {
-  const { color, size, ...otherProps } = props;
+const ArrowRepeat = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ ArrowRepeat.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ArrowRepeat.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ArrowRepeat;
diff --git a/src/icons/arrow-right-left.js b/src/icons/arrow-right-left.js
index 2faeb60..33e05aa 100644
--- a/src/icons/arrow-right-left.js
+++ b/src/icons/arrow-right-left.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowRightLeft = props => {
-  const { color, size, ...otherProps } = props;
+const ArrowRightLeft = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ ArrowRightLeft.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ArrowRightLeft.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ArrowRightLeft;
diff --git a/src/icons/arrow-right-thick.js b/src/icons/arrow-right-thick.js
index 719ece3..9168f53 100644
--- a/src/icons/arrow-right-thick.js
+++ b/src/icons/arrow-right-thick.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowRightThick = props => {
-  const { color, size, ...otherProps } = props;
+const ArrowRightThick = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ ArrowRightThick.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ArrowRightThick.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ArrowRightThick;
diff --git a/src/icons/arrow-right.js b/src/icons/arrow-right.js
index 41bae14..19ff363 100644
--- a/src/icons/arrow-right.js
+++ b/src/icons/arrow-right.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowRight = props => {
-  const { color, size, ...otherProps } = props;
+const ArrowRight = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ ArrowRight.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ArrowRight.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ArrowRight;
diff --git a/src/icons/arrow-shuffle.js b/src/icons/arrow-shuffle.js
index 89ab4dd..9bd534e 100644
--- a/src/icons/arrow-shuffle.js
+++ b/src/icons/arrow-shuffle.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowShuffle = props => {
-  const { color, size, ...otherProps } = props;
+const ArrowShuffle = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ ArrowShuffle.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ArrowShuffle.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ArrowShuffle;
diff --git a/src/icons/arrow-up-down.js b/src/icons/arrow-up-down.js
index 592225d..3e2a99c 100644
--- a/src/icons/arrow-up-down.js
+++ b/src/icons/arrow-up-down.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowUpDown = props => {
-  const { color, size, ...otherProps } = props;
+const ArrowUpDown = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ ArrowUpDown.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ArrowUpDown.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ArrowUpDown;
diff --git a/src/icons/arrow-up-left.js b/src/icons/arrow-up-left.js
index 96b4114..fe00ce0 100644
--- a/src/icons/arrow-up-left.js
+++ b/src/icons/arrow-up-left.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowUpLeft = props => {
-  const { color, size, ...otherProps } = props;
+const ArrowUpLeft = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ ArrowUpLeft.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ArrowUpLeft.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ArrowUpLeft;
diff --git a/src/icons/arrow-up-right.js b/src/icons/arrow-up-right.js
index 7c00962..94641a9 100644
--- a/src/icons/arrow-up-right.js
+++ b/src/icons/arrow-up-right.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowUpRight = props => {
-  const { color, size, ...otherProps } = props;
+const ArrowUpRight = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ ArrowUpRight.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ArrowUpRight.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ArrowUpRight;
diff --git a/src/icons/arrow-up-thick.js b/src/icons/arrow-up-thick.js
index 067066f..30147a9 100644
--- a/src/icons/arrow-up-thick.js
+++ b/src/icons/arrow-up-thick.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowUpThick = props => {
-  const { color, size, ...otherProps } = props;
+const ArrowUpThick = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ ArrowUpThick.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ArrowUpThick.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ArrowUpThick;
diff --git a/src/icons/arrow-up.js b/src/icons/arrow-up.js
index 28fc6f2..cf4e232 100644
--- a/src/icons/arrow-up.js
+++ b/src/icons/arrow-up.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowUp = props => {
-  const { color, size, ...otherProps } = props;
+const ArrowUp = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ ArrowUp.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ArrowUp.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ArrowUp;
diff --git a/src/icons/ascending.js b/src/icons/ascending.js
index 0a48b20..332a3bb 100644
--- a/src/icons/ascending.js
+++ b/src/icons/ascending.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Ascending = props => {
-  const { color, size, ...otherProps } = props;
+const Ascending = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ Ascending.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Ascending.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Ascending;
diff --git a/src/icons/attach.js b/src/icons/attach.js
index 421d42a..bdc4edd 100644
--- a/src/icons/attach.js
+++ b/src/icons/attach.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Attach = props => {
-  const { color, size, ...otherProps } = props;
+const Attach = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Attach.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Attach.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Attach;
diff --git a/src/icons/augmented-reality.js b/src/icons/augmented-reality.js
index abe67e4..470f6fb 100644
--- a/src/icons/augmented-reality.js
+++ b/src/icons/augmented-reality.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AugmentedReality = props => {
-  const { color, size, ...otherProps } = props;
+const AugmentedReality = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -31,9 +30,4 @@ AugmentedReality.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-AugmentedReality.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default AugmentedReality;
diff --git a/src/icons/backspace-fill.js b/src/icons/backspace-fill.js
index e54e752..951a71a 100644
--- a/src/icons/backspace-fill.js
+++ b/src/icons/backspace-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const BackspaceFill = props => {
-  const { color, size, ...otherProps } = props;
+const BackspaceFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ BackspaceFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-BackspaceFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default BackspaceFill;
diff --git a/src/icons/backspace.js b/src/icons/backspace.js
index 4e025e8..cee07e0 100644
--- a/src/icons/backspace.js
+++ b/src/icons/backspace.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Backspace = props => {
-  const { color, size, ...otherProps } = props;
+const Backspace = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Backspace.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Backspace.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Backspace;
diff --git a/src/icons/bank.js b/src/icons/bank.js
index 3ed6d97..2a9c815 100644
--- a/src/icons/bank.js
+++ b/src/icons/bank.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Bank = props => {
-  const { color, size, ...otherProps } = props;
+const Bank = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -30,9 +29,4 @@ Bank.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Bank.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Bank;
diff --git a/src/icons/basket.js b/src/icons/basket.js
index 962eff9..fc37afe 100644
--- a/src/icons/basket.js
+++ b/src/icons/basket.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Basket = props => {
-  const { color, size, ...otherProps } = props;
+const Basket = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -30,9 +29,4 @@ Basket.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Basket.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Basket;
diff --git a/src/icons/battery-charging.js b/src/icons/battery-charging.js
index ad862c4..7de4d34 100644
--- a/src/icons/battery-charging.js
+++ b/src/icons/battery-charging.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const BatteryCharging = props => {
-  const { color, size, ...otherProps } = props;
+const BatteryCharging = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ BatteryCharging.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-BatteryCharging.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default BatteryCharging;
diff --git a/src/icons/battery-empty.js b/src/icons/battery-empty.js
index 45732ee..f8855ed 100644
--- a/src/icons/battery-empty.js
+++ b/src/icons/battery-empty.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const BatteryEmpty = props => {
-  const { color, size, ...otherProps } = props;
+const BatteryEmpty = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ BatteryEmpty.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-BatteryEmpty.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default BatteryEmpty;
diff --git a/src/icons/battery-full.js b/src/icons/battery-full.js
index 8679a48..ba6632e 100644
--- a/src/icons/battery-full.js
+++ b/src/icons/battery-full.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const BatteryFull = props => {
-  const { color, size, ...otherProps } = props;
+const BatteryFull = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -30,9 +29,4 @@ BatteryFull.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-BatteryFull.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default BatteryFull;
diff --git a/src/icons/battery-low.js b/src/icons/battery-low.js
index bb40c8b..23bfbbd 100644
--- a/src/icons/battery-low.js
+++ b/src/icons/battery-low.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const BatteryLow = props => {
-  const { color, size, ...otherProps } = props;
+const BatteryLow = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ BatteryLow.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-BatteryLow.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default BatteryLow;
diff --git a/src/icons/battery-medium.js b/src/icons/battery-medium.js
index a21fa22..8bb7ccc 100644
--- a/src/icons/battery-medium.js
+++ b/src/icons/battery-medium.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const BatteryMedium = props => {
-  const { color, size, ...otherProps } = props;
+const BatteryMedium = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ BatteryMedium.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-BatteryMedium.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default BatteryMedium;
diff --git a/src/icons/behance-fill.js b/src/icons/behance-fill.js
index 8197ff7..cfedc28 100644
--- a/src/icons/behance-fill.js
+++ b/src/icons/behance-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const BehanceFill = props => {
-  const { color, size, ...otherProps } = props;
+const BehanceFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ BehanceFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-BehanceFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default BehanceFill;
diff --git a/src/icons/bell.js b/src/icons/bell.js
index fccdcd5..e7fb0e8 100644
--- a/src/icons/bell.js
+++ b/src/icons/bell.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Bell = props => {
-  const { color, size, ...otherProps } = props;
+const Bell = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ Bell.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Bell.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Bell;
diff --git a/src/icons/bicycle.js b/src/icons/bicycle.js
index 6d3f505..b06b51b 100644
--- a/src/icons/bicycle.js
+++ b/src/icons/bicycle.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Bicycle = props => {
-  const { color, size, ...otherProps } = props;
+const Bicycle = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -31,9 +30,4 @@ Bicycle.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Bicycle.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Bicycle;
diff --git a/src/icons/bitcoin-fill.js b/src/icons/bitcoin-fill.js
index 787db57..4047754 100644
--- a/src/icons/bitcoin-fill.js
+++ b/src/icons/bitcoin-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const BitcoinFill = props => {
-  const { color, size, ...otherProps } = props;
+const BitcoinFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -35,9 +34,4 @@ BitcoinFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-BitcoinFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default BitcoinFill;
diff --git a/src/icons/block.js b/src/icons/block.js
index 130f78a..7dfe887 100644
--- a/src/icons/block.js
+++ b/src/icons/block.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Block = props => {
-  const { color, size, ...otherProps } = props;
+const Block = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Block.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Block.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Block;
diff --git a/src/icons/bluetooth.js b/src/icons/bluetooth.js
index c4244cd..63eb9e3 100644
--- a/src/icons/bluetooth.js
+++ b/src/icons/bluetooth.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Bluetooth = props => {
-  const { color, size, ...otherProps } = props;
+const Bluetooth = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Bluetooth.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Bluetooth.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Bluetooth;
diff --git a/src/icons/boat.js b/src/icons/boat.js
index d83204a..0cab798 100644
--- a/src/icons/boat.js
+++ b/src/icons/boat.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Boat = props => {
-  const { color, size, ...otherProps } = props;
+const Boat = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -30,9 +29,4 @@ Boat.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Boat.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Boat;
diff --git a/src/icons/book-close.js b/src/icons/book-close.js
index 12f704a..24902a3 100644
--- a/src/icons/book-close.js
+++ b/src/icons/book-close.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const BookClose = props => {
-  const { color, size, ...otherProps } = props;
+const BookClose = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ BookClose.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-BookClose.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default BookClose;
diff --git a/src/icons/book-open.js b/src/icons/book-open.js
index bed3ae5..d9f0062 100644
--- a/src/icons/book-open.js
+++ b/src/icons/book-open.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const BookOpen = props => {
-  const { color, size, ...otherProps } = props;
+const BookOpen = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ BookOpen.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-BookOpen.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default BookOpen;
diff --git a/src/icons/bootstrap-fill.js b/src/icons/bootstrap-fill.js
index 1cb5536..3707913 100644
--- a/src/icons/bootstrap-fill.js
+++ b/src/icons/bootstrap-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const BootstrapFill = props => {
-  const { color, size, ...otherProps } = props;
+const BootstrapFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ BootstrapFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-BootstrapFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default BootstrapFill;
diff --git a/src/icons/box.js b/src/icons/box.js
index 782ad34..1cbf4cf 100644
--- a/src/icons/box.js
+++ b/src/icons/box.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Box = props => {
-  const { color, size, ...otherProps } = props;
+const Box = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Box.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Box.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Box;
diff --git a/src/icons/briefcase.js b/src/icons/briefcase.js
index d8c026a..0377bef 100644
--- a/src/icons/briefcase.js
+++ b/src/icons/briefcase.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Briefcase = props => {
-  const { color, size, ...otherProps } = props;
+const Briefcase = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ Briefcase.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Briefcase.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Briefcase;
diff --git a/src/icons/bug.js b/src/icons/bug.js
index 191b6a2..0601064 100644
--- a/src/icons/bug.js
+++ b/src/icons/bug.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Bug = props => {
-  const { color, size, ...otherProps } = props;
+const Bug = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -34,9 +33,4 @@ Bug.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Bug.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Bug;
diff --git a/src/icons/cake.js b/src/icons/cake.js
index 541e4da..0350853 100644
--- a/src/icons/cake.js
+++ b/src/icons/cake.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Cake = props => {
-  const { color, size, ...otherProps } = props;
+const Cake = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ Cake.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Cake.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Cake;
diff --git a/src/icons/calculator.js b/src/icons/calculator.js
index 91195f3..ccc497a 100644
--- a/src/icons/calculator.js
+++ b/src/icons/calculator.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Calculator = props => {
-  const { color, size, ...otherProps } = props;
+const Calculator = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -30,9 +29,4 @@ Calculator.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Calculator.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Calculator;
diff --git a/src/icons/calendar.js b/src/icons/calendar.js
index 8ceacd8..119604d 100644
--- a/src/icons/calendar.js
+++ b/src/icons/calendar.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Calendar = props => {
-  const { color, size, ...otherProps } = props;
+const Calendar = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ Calendar.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Calendar.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Calendar;
diff --git a/src/icons/camera.js b/src/icons/camera.js
index e2f6435..53a1a15 100644
--- a/src/icons/camera.js
+++ b/src/icons/camera.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Camera = props => {
-  const { color, size, ...otherProps } = props;
+const Camera = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ Camera.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Camera.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Camera;
diff --git a/src/icons/cart.js b/src/icons/cart.js
index 2d4c64e..7b6a12c 100644
--- a/src/icons/cart.js
+++ b/src/icons/cart.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Cart = props => {
-  const { color, size, ...otherProps } = props;
+const Cart = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ Cart.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Cart.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Cart;
diff --git a/src/icons/chat-add.js b/src/icons/chat-add.js
index e239086..8df8502 100644
--- a/src/icons/chat-add.js
+++ b/src/icons/chat-add.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ChatAdd = props => {
-  const { color, size, ...otherProps } = props;
+const ChatAdd = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ ChatAdd.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ChatAdd.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ChatAdd;
diff --git a/src/icons/chat-approve.js b/src/icons/chat-approve.js
index c957dfa..941244b 100644
--- a/src/icons/chat-approve.js
+++ b/src/icons/chat-approve.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ChatApprove = props => {
-  const { color, size, ...otherProps } = props;
+const ChatApprove = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ ChatApprove.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ChatApprove.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ChatApprove;
diff --git a/src/icons/chat-bubble.js b/src/icons/chat-bubble.js
index 15300c5..2e54906 100644
--- a/src/icons/chat-bubble.js
+++ b/src/icons/chat-bubble.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ChatBubble = props => {
-  const { color, size, ...otherProps } = props;
+const ChatBubble = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ ChatBubble.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ChatBubble.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ChatBubble;
diff --git a/src/icons/chat-dots.js b/src/icons/chat-dots.js
index e269bb9..88dc578 100644
--- a/src/icons/chat-dots.js
+++ b/src/icons/chat-dots.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ChatDots = props => {
-  const { color, size, ...otherProps } = props;
+const ChatDots = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -30,9 +29,4 @@ ChatDots.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ChatDots.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ChatDots;
diff --git a/src/icons/chat-edit.js b/src/icons/chat-edit.js
index 07d887e..5ecb667 100644
--- a/src/icons/chat-edit.js
+++ b/src/icons/chat-edit.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ChatEdit = props => {
-  const { color, size, ...otherProps } = props;
+const ChatEdit = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ ChatEdit.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ChatEdit.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ChatEdit;
diff --git a/src/icons/chat-error.js b/src/icons/chat-error.js
index 5885d69..525c0f5 100644
--- a/src/icons/chat-error.js
+++ b/src/icons/chat-error.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ChatError = props => {
-  const { color, size, ...otherProps } = props;
+const ChatError = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ ChatError.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ChatError.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ChatError;
diff --git a/src/icons/chat-question.js b/src/icons/chat-question.js
index 2967541..0da59a6 100644
--- a/src/icons/chat-question.js
+++ b/src/icons/chat-question.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ChatQuestion = props => {
-  const { color, size, ...otherProps } = props;
+const ChatQuestion = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ ChatQuestion.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ChatQuestion.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ChatQuestion;
diff --git a/src/icons/chat-remove.js b/src/icons/chat-remove.js
index 6835669..120990f 100644
--- a/src/icons/chat-remove.js
+++ b/src/icons/chat-remove.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ChatRemove = props => {
-  const { color, size, ...otherProps } = props;
+const ChatRemove = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ ChatRemove.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ChatRemove.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ChatRemove;
diff --git a/src/icons/check-box-fill.js b/src/icons/check-box-fill.js
index e666b2e..bf9e5aa 100644
--- a/src/icons/check-box-fill.js
+++ b/src/icons/check-box-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CheckBoxFill = props => {
-  const { color, size, ...otherProps } = props;
+const CheckBoxFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ CheckBoxFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CheckBoxFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CheckBoxFill;
diff --git a/src/icons/check-box.js b/src/icons/check-box.js
index bfb565d..85281e7 100644
--- a/src/icons/check-box.js
+++ b/src/icons/check-box.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CheckBox = props => {
-  const { color, size, ...otherProps } = props;
+const CheckBox = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ CheckBox.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CheckBox.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CheckBox;
diff --git a/src/icons/check-in.js b/src/icons/check-in.js
index e4ca4eb..d2e75d1 100644
--- a/src/icons/check-in.js
+++ b/src/icons/check-in.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CheckIn = props => {
-  const { color, size, ...otherProps } = props;
+const CheckIn = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ CheckIn.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CheckIn.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CheckIn;
diff --git a/src/icons/check.js b/src/icons/check.js
index 9ee5cde..ddfe4b3 100644
--- a/src/icons/check.js
+++ b/src/icons/check.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Check = props => {
-  const { color, size, ...otherProps } = props;
+const Check = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Check.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Check.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Check;
diff --git a/src/icons/chess.js b/src/icons/chess.js
index 34bf8c7..ae9efba 100644
--- a/src/icons/chess.js
+++ b/src/icons/chess.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Chess = props => {
-  const { color, size, ...otherProps } = props;
+const Chess = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Chess.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Chess.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Chess;
diff --git a/src/icons/chevron-down.js b/src/icons/chevron-down.js
index 17a55a3..7bc7485 100644
--- a/src/icons/chevron-down.js
+++ b/src/icons/chevron-down.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ChevronDown = props => {
-  const { color, size, ...otherProps } = props;
+const ChevronDown = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ ChevronDown.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ChevronDown.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ChevronDown;
diff --git a/src/icons/chevron-horizontal.js b/src/icons/chevron-horizontal.js
index cf6bc48..d287d58 100644
--- a/src/icons/chevron-horizontal.js
+++ b/src/icons/chevron-horizontal.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ChevronHorizontal = props => {
-  const { color, size, ...otherProps } = props;
+const ChevronHorizontal = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ ChevronHorizontal.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ChevronHorizontal.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ChevronHorizontal;
diff --git a/src/icons/chevron-left.js b/src/icons/chevron-left.js
index bf778fc..b21af7e 100644
--- a/src/icons/chevron-left.js
+++ b/src/icons/chevron-left.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ChevronLeft = props => {
-  const { color, size, ...otherProps } = props;
+const ChevronLeft = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ ChevronLeft.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ChevronLeft.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ChevronLeft;
diff --git a/src/icons/chevron-right.js b/src/icons/chevron-right.js
index d2ec328..23aa76b 100644
--- a/src/icons/chevron-right.js
+++ b/src/icons/chevron-right.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ChevronRight = props => {
-  const { color, size, ...otherProps } = props;
+const ChevronRight = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ ChevronRight.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ChevronRight.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ChevronRight;
diff --git a/src/icons/chevron-up.js b/src/icons/chevron-up.js
index f1685a2..395f771 100644
--- a/src/icons/chevron-up.js
+++ b/src/icons/chevron-up.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ChevronUp = props => {
-  const { color, size, ...otherProps } = props;
+const ChevronUp = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ ChevronUp.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ChevronUp.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ChevronUp;
diff --git a/src/icons/chevron-vertical.js b/src/icons/chevron-vertical.js
index 42388e1..6851bb1 100644
--- a/src/icons/chevron-vertical.js
+++ b/src/icons/chevron-vertical.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ChevronVertical = props => {
-  const { color, size, ...otherProps } = props;
+const ChevronVertical = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ ChevronVertical.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ChevronVertical.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ChevronVertical;
diff --git a/src/icons/circle-alert-fill.js b/src/icons/circle-alert-fill.js
index 2a55d37..277902f 100644
--- a/src/icons/circle-alert-fill.js
+++ b/src/icons/circle-alert-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CircleAlertFill = props => {
-  const { color, size, ...otherProps } = props;
+const CircleAlertFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ CircleAlertFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CircleAlertFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CircleAlertFill;
diff --git a/src/icons/circle-alert.js b/src/icons/circle-alert.js
index c912497..322636a 100644
--- a/src/icons/circle-alert.js
+++ b/src/icons/circle-alert.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CircleAlert = props => {
-  const { color, size, ...otherProps } = props;
+const CircleAlert = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ CircleAlert.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CircleAlert.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CircleAlert;
diff --git a/src/icons/circle-check-fill.js b/src/icons/circle-check-fill.js
index 021082f..bc15b1e 100644
--- a/src/icons/circle-check-fill.js
+++ b/src/icons/circle-check-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CircleCheckFill = props => {
-  const { color, size, ...otherProps } = props;
+const CircleCheckFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ CircleCheckFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CircleCheckFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CircleCheckFill;
diff --git a/src/icons/circle-check.js b/src/icons/circle-check.js
index 7858db2..39f2500 100644
--- a/src/icons/circle-check.js
+++ b/src/icons/circle-check.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CircleCheck = props => {
-  const { color, size, ...otherProps } = props;
+const CircleCheck = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ CircleCheck.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CircleCheck.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CircleCheck;
diff --git a/src/icons/circle-chevron-down-fill.js b/src/icons/circle-chevron-down-fill.js
index 3f69ac7..d3240d9 100644
--- a/src/icons/circle-chevron-down-fill.js
+++ b/src/icons/circle-chevron-down-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CircleChevronDownFill = props => {
-  const { color, size, ...otherProps } = props;
+const CircleChevronDownFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ CircleChevronDownFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CircleChevronDownFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CircleChevronDownFill;
diff --git a/src/icons/circle-chevron-down.js b/src/icons/circle-chevron-down.js
index 050f257..3d2f0e9 100644
--- a/src/icons/circle-chevron-down.js
+++ b/src/icons/circle-chevron-down.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CircleChevronDown = props => {
-  const { color, size, ...otherProps } = props;
+const CircleChevronDown = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ CircleChevronDown.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CircleChevronDown.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CircleChevronDown;
diff --git a/src/icons/circle-chevron-left-fill.js b/src/icons/circle-chevron-left-fill.js
index 880fb77..992ea89 100644
--- a/src/icons/circle-chevron-left-fill.js
+++ b/src/icons/circle-chevron-left-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CircleChevronLeftFill = props => {
-  const { color, size, ...otherProps } = props;
+const CircleChevronLeftFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ CircleChevronLeftFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CircleChevronLeftFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CircleChevronLeftFill;
diff --git a/src/icons/circle-chevron-left.js b/src/icons/circle-chevron-left.js
index 04fea15..f46426c 100644
--- a/src/icons/circle-chevron-left.js
+++ b/src/icons/circle-chevron-left.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CircleChevronLeft = props => {
-  const { color, size, ...otherProps } = props;
+const CircleChevronLeft = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ CircleChevronLeft.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CircleChevronLeft.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CircleChevronLeft;
diff --git a/src/icons/circle-chevron-right-fill.js b/src/icons/circle-chevron-right-fill.js
index 3f3b6df..b5d57f7 100644
--- a/src/icons/circle-chevron-right-fill.js
+++ b/src/icons/circle-chevron-right-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CircleChevronRightFill = props => {
-  const { color, size, ...otherProps } = props;
+const CircleChevronRightFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ CircleChevronRightFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CircleChevronRightFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CircleChevronRightFill;
diff --git a/src/icons/circle-chevron-right.js b/src/icons/circle-chevron-right.js
index 66d0cf2..647cc2b 100644
--- a/src/icons/circle-chevron-right.js
+++ b/src/icons/circle-chevron-right.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CircleChevronRight = props => {
-  const { color, size, ...otherProps } = props;
+const CircleChevronRight = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ CircleChevronRight.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CircleChevronRight.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CircleChevronRight;
diff --git a/src/icons/circle-chevron-up-fill.js b/src/icons/circle-chevron-up-fill.js
index 3fe6637..9314473 100644
--- a/src/icons/circle-chevron-up-fill.js
+++ b/src/icons/circle-chevron-up-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CircleChevronUpFill = props => {
-  const { color, size, ...otherProps } = props;
+const CircleChevronUpFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ CircleChevronUpFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CircleChevronUpFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CircleChevronUpFill;
diff --git a/src/icons/circle-chevron-up.js b/src/icons/circle-chevron-up.js
index 62c052d..f547f0f 100644
--- a/src/icons/circle-chevron-up.js
+++ b/src/icons/circle-chevron-up.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CircleChevronUp = props => {
-  const { color, size, ...otherProps } = props;
+const CircleChevronUp = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ CircleChevronUp.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CircleChevronUp.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CircleChevronUp;
diff --git a/src/icons/circle-fill.js b/src/icons/circle-fill.js
index 40219d2..1751f7c 100644
--- a/src/icons/circle-fill.js
+++ b/src/icons/circle-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CircleFill = props => {
-  const { color, size, ...otherProps } = props;
+const CircleFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,9 +21,4 @@ CircleFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CircleFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CircleFill;
diff --git a/src/icons/circle-minus-fill.js b/src/icons/circle-minus-fill.js
index 992ab91..b8549bd 100644
--- a/src/icons/circle-minus-fill.js
+++ b/src/icons/circle-minus-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CircleMinusFill = props => {
-  const { color, size, ...otherProps } = props;
+const CircleMinusFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ CircleMinusFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CircleMinusFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CircleMinusFill;
diff --git a/src/icons/circle-minus.js b/src/icons/circle-minus.js
index 03fc923..0579506 100644
--- a/src/icons/circle-minus.js
+++ b/src/icons/circle-minus.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CircleMinus = props => {
-  const { color, size, ...otherProps } = props;
+const CircleMinus = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ CircleMinus.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CircleMinus.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CircleMinus;
diff --git a/src/icons/circle-plus-fill.js b/src/icons/circle-plus-fill.js
index ce25b6b..3c5b961 100644
--- a/src/icons/circle-plus-fill.js
+++ b/src/icons/circle-plus-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CirclePlusFill = props => {
-  const { color, size, ...otherProps } = props;
+const CirclePlusFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ CirclePlusFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CirclePlusFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CirclePlusFill;
diff --git a/src/icons/circle-plus.js b/src/icons/circle-plus.js
index d952e66..f569d3e 100644
--- a/src/icons/circle-plus.js
+++ b/src/icons/circle-plus.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CirclePlus = props => {
-  const { color, size, ...otherProps } = props;
+const CirclePlus = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ CirclePlus.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CirclePlus.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CirclePlus;
diff --git a/src/icons/circle-triangle-down-fill.js b/src/icons/circle-triangle-down-fill.js
index 71f3038..ee9bdff 100644
--- a/src/icons/circle-triangle-down-fill.js
+++ b/src/icons/circle-triangle-down-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CircleTriangleDownFill = props => {
-  const { color, size, ...otherProps } = props;
+const CircleTriangleDownFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ CircleTriangleDownFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CircleTriangleDownFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CircleTriangleDownFill;
diff --git a/src/icons/circle-triangle-down.js b/src/icons/circle-triangle-down.js
index f57b45c..d3aaf4d 100644
--- a/src/icons/circle-triangle-down.js
+++ b/src/icons/circle-triangle-down.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CircleTriangleDown = props => {
-  const { color, size, ...otherProps } = props;
+const CircleTriangleDown = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ CircleTriangleDown.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CircleTriangleDown.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CircleTriangleDown;
diff --git a/src/icons/circle-triangle-left-fill.js b/src/icons/circle-triangle-left-fill.js
index 133b9eb..bab0817 100644
--- a/src/icons/circle-triangle-left-fill.js
+++ b/src/icons/circle-triangle-left-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CircleTriangleLeftFill = props => {
-  const { color, size, ...otherProps } = props;
+const CircleTriangleLeftFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ CircleTriangleLeftFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CircleTriangleLeftFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CircleTriangleLeftFill;
diff --git a/src/icons/circle-triangle-left.js b/src/icons/circle-triangle-left.js
index 1abb672..b189ff8 100644
--- a/src/icons/circle-triangle-left.js
+++ b/src/icons/circle-triangle-left.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CircleTriangleLeft = props => {
-  const { color, size, ...otherProps } = props;
+const CircleTriangleLeft = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ CircleTriangleLeft.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CircleTriangleLeft.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CircleTriangleLeft;
diff --git a/src/icons/circle-triangle-right-fill.js b/src/icons/circle-triangle-right-fill.js
index e66c983..ca3080b 100644
--- a/src/icons/circle-triangle-right-fill.js
+++ b/src/icons/circle-triangle-right-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CircleTriangleRightFill = props => {
-  const { color, size, ...otherProps } = props;
+const CircleTriangleRightFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ CircleTriangleRightFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CircleTriangleRightFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CircleTriangleRightFill;
diff --git a/src/icons/circle-triangle-right.js b/src/icons/circle-triangle-right.js
index 3614c22..784a0e1 100644
--- a/src/icons/circle-triangle-right.js
+++ b/src/icons/circle-triangle-right.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CircleTriangleRight = props => {
-  const { color, size, ...otherProps } = props;
+const CircleTriangleRight = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ CircleTriangleRight.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CircleTriangleRight.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CircleTriangleRight;
diff --git a/src/icons/circle-triangle-up-fill.js b/src/icons/circle-triangle-up-fill.js
index 19341b7..fda835a 100644
--- a/src/icons/circle-triangle-up-fill.js
+++ b/src/icons/circle-triangle-up-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CircleTriangleUpFill = props => {
-  const { color, size, ...otherProps } = props;
+const CircleTriangleUpFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ CircleTriangleUpFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CircleTriangleUpFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CircleTriangleUpFill;
diff --git a/src/icons/circle-triangle-up.js b/src/icons/circle-triangle-up.js
index 67342cd..7a646ca 100644
--- a/src/icons/circle-triangle-up.js
+++ b/src/icons/circle-triangle-up.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CircleTriangleUp = props => {
-  const { color, size, ...otherProps } = props;
+const CircleTriangleUp = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ CircleTriangleUp.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CircleTriangleUp.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CircleTriangleUp;
diff --git a/src/icons/circle-x-fill.js b/src/icons/circle-x-fill.js
index 460a5b1..520c3d9 100644
--- a/src/icons/circle-x-fill.js
+++ b/src/icons/circle-x-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CircleXFill = props => {
-  const { color, size, ...otherProps } = props;
+const CircleXFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ CircleXFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CircleXFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CircleXFill;
diff --git a/src/icons/circle-x.js b/src/icons/circle-x.js
index bb59f8c..bcab16d 100644
--- a/src/icons/circle-x.js
+++ b/src/icons/circle-x.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CircleX = props => {
-  const { color, size, ...otherProps } = props;
+const CircleX = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ CircleX.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CircleX.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CircleX;
diff --git a/src/icons/circle.js b/src/icons/circle.js
index fb100a8..10780b0 100644
--- a/src/icons/circle.js
+++ b/src/icons/circle.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Circle = props => {
-  const { color, size, ...otherProps } = props;
+const Circle = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Circle.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Circle.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Circle;
diff --git a/src/icons/clipboard.js b/src/icons/clipboard.js
index 0ecbb01..1cf52d6 100644
--- a/src/icons/clipboard.js
+++ b/src/icons/clipboard.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Clipboard = props => {
-  const { color, size, ...otherProps } = props;
+const Clipboard = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ Clipboard.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Clipboard.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Clipboard;
diff --git a/src/icons/clock.js b/src/icons/clock.js
index a12547b..b9b7029 100644
--- a/src/icons/clock.js
+++ b/src/icons/clock.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Clock = props => {
-  const { color, size, ...otherProps } = props;
+const Clock = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Clock.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Clock.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Clock;
diff --git a/src/icons/cloud-download.js b/src/icons/cloud-download.js
index 9fd70a3..42cd38c 100644
--- a/src/icons/cloud-download.js
+++ b/src/icons/cloud-download.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CloudDownload = props => {
-  const { color, size, ...otherProps } = props;
+const CloudDownload = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ CloudDownload.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CloudDownload.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CloudDownload;
diff --git a/src/icons/cloud-upload.js b/src/icons/cloud-upload.js
index 1c0d2a4..d004d91 100644
--- a/src/icons/cloud-upload.js
+++ b/src/icons/cloud-upload.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CloudUpload = props => {
-  const { color, size, ...otherProps } = props;
+const CloudUpload = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ CloudUpload.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CloudUpload.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CloudUpload;
diff --git a/src/icons/cloud.js b/src/icons/cloud.js
index 11e4347..2f2f876 100644
--- a/src/icons/cloud.js
+++ b/src/icons/cloud.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Cloud = props => {
-  const { color, size, ...otherProps } = props;
+const Cloud = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Cloud.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Cloud.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Cloud;
diff --git a/src/icons/codepen-fill.js b/src/icons/codepen-fill.js
index 0f46a74..3ebe598 100644
--- a/src/icons/codepen-fill.js
+++ b/src/icons/codepen-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CodepenFill = props => {
-  const { color, size, ...otherProps } = props;
+const CodepenFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -33,9 +32,4 @@ CodepenFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CodepenFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CodepenFill;
diff --git a/src/icons/coffee.js b/src/icons/coffee.js
index f232459..9c8ae09 100644
--- a/src/icons/coffee.js
+++ b/src/icons/coffee.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Coffee = props => {
-  const { color, size, ...otherProps } = props;
+const Coffee = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -31,9 +30,4 @@ Coffee.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Coffee.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Coffee;
diff --git a/src/icons/coin.js b/src/icons/coin.js
index c4c02c4..08fb830 100644
--- a/src/icons/coin.js
+++ b/src/icons/coin.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Coin = props => {
-  const { color, size, ...otherProps } = props;
+const Coin = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -34,9 +33,4 @@ Coin.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Coin.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Coin;
diff --git a/src/icons/command.js b/src/icons/command.js
index 202e76d..90942fe 100644
--- a/src/icons/command.js
+++ b/src/icons/command.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Command = props => {
-  const { color, size, ...otherProps } = props;
+const Command = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Command.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Command.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Command;
diff --git a/src/icons/computing.js b/src/icons/computing.js
index e74df42..161af55 100644
--- a/src/icons/computing.js
+++ b/src/icons/computing.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Computing = props => {
-  const { color, size, ...otherProps } = props;
+const Computing = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -34,9 +33,4 @@ Computing.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Computing.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Computing;
diff --git a/src/icons/copy.js b/src/icons/copy.js
index cb7e16c..bfb025a 100644
--- a/src/icons/copy.js
+++ b/src/icons/copy.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Copy = props => {
-  const { color, size, ...otherProps } = props;
+const Copy = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Copy.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Copy.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Copy;
diff --git a/src/icons/credit-card-alt1.js b/src/icons/credit-card-alt1.js
index 3eca185..531b034 100644
--- a/src/icons/credit-card-alt1.js
+++ b/src/icons/credit-card-alt1.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CreditCardAlt1 = props => {
-  const { color, size, ...otherProps } = props;
+const CreditCardAlt1 = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ CreditCardAlt1.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CreditCardAlt1.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CreditCardAlt1;
diff --git a/src/icons/credit-card.js b/src/icons/credit-card.js
index ccd7384..60a3b8d 100644
--- a/src/icons/credit-card.js
+++ b/src/icons/credit-card.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CreditCard = props => {
-  const { color, size, ...otherProps } = props;
+const CreditCard = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ CreditCard.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CreditCard.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CreditCard;
diff --git a/src/icons/cross.js b/src/icons/cross.js
index 6e8c59d..6a7916d 100644
--- a/src/icons/cross.js
+++ b/src/icons/cross.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Cross = props => {
-  const { color, size, ...otherProps } = props;
+const Cross = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Cross.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Cross.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Cross;
diff --git a/src/icons/crown.js b/src/icons/crown.js
index 356b42e..4239bc2 100644
--- a/src/icons/crown.js
+++ b/src/icons/crown.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Crown = props => {
-  const { color, size, ...otherProps } = props;
+const Crown = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Crown.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Crown.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Crown;
diff --git a/src/icons/css-fill.js b/src/icons/css-fill.js
index 71ca194..a915d76 100644
--- a/src/icons/css-fill.js
+++ b/src/icons/css-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const CssFill = props => {
-  const { color, size, ...otherProps } = props;
+const CssFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ CssFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-CssFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default CssFill;
diff --git a/src/icons/cursor.js b/src/icons/cursor.js
index 04a66f9..d083f42 100644
--- a/src/icons/cursor.js
+++ b/src/icons/cursor.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Cursor = props => {
-  const { color, size, ...otherProps } = props;
+const Cursor = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Cursor.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Cursor.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Cursor;
diff --git a/src/icons/cut.js b/src/icons/cut.js
index 74b27f1..cb378b9 100644
--- a/src/icons/cut.js
+++ b/src/icons/cut.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Cut = props => {
-  const { color, size, ...otherProps } = props;
+const Cut = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ Cut.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Cut.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Cut;
diff --git a/src/icons/dashboard.js b/src/icons/dashboard.js
index f80d0bd..7b908af 100644
--- a/src/icons/dashboard.js
+++ b/src/icons/dashboard.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Dashboard = props => {
-  const { color, size, ...otherProps } = props;
+const Dashboard = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ Dashboard.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Dashboard.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Dashboard;
diff --git a/src/icons/data.js b/src/icons/data.js
index 9a80c23..c7a8cb1 100644
--- a/src/icons/data.js
+++ b/src/icons/data.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Data = props => {
-  const { color, size, ...otherProps } = props;
+const Data = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ Data.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Data.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Data;
diff --git a/src/icons/dental.js b/src/icons/dental.js
index e4944ef..0f5b9bc 100644
--- a/src/icons/dental.js
+++ b/src/icons/dental.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Dental = props => {
-  const { color, size, ...otherProps } = props;
+const Dental = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Dental.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Dental.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Dental;
diff --git a/src/icons/descending.js b/src/icons/descending.js
index 49c71ab..bca3de7 100644
--- a/src/icons/descending.js
+++ b/src/icons/descending.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Descending = props => {
-  const { color, size, ...otherProps } = props;
+const Descending = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ Descending.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Descending.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Descending;
diff --git a/src/icons/desktop-device.js b/src/icons/desktop-device.js
index cd41ab1..2967afd 100644
--- a/src/icons/desktop-device.js
+++ b/src/icons/desktop-device.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const DesktopDevice = props => {
-  const { color, size, ...otherProps } = props;
+const DesktopDevice = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ DesktopDevice.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-DesktopDevice.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default DesktopDevice;
diff --git a/src/icons/devices.js b/src/icons/devices.js
index b6a8a61..426bc30 100644
--- a/src/icons/devices.js
+++ b/src/icons/devices.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Devices = props => {
-  const { color, size, ...otherProps } = props;
+const Devices = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ Devices.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Devices.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Devices;
diff --git a/src/icons/diamond.js b/src/icons/diamond.js
index 5d457e4..8eeff78 100644
--- a/src/icons/diamond.js
+++ b/src/icons/diamond.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Diamond = props => {
-  const { color, size, ...otherProps } = props;
+const Diamond = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Diamond.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Diamond.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Diamond;
diff --git a/src/icons/dice-1.js b/src/icons/dice-1.js
index d49db81..37850c8 100644
--- a/src/icons/dice-1.js
+++ b/src/icons/dice-1.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Dice1 = props => {
-  const { color, size, ...otherProps } = props;
+const Dice1 = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ Dice1.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Dice1.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Dice1;
diff --git a/src/icons/dice-2.js b/src/icons/dice-2.js
index 16b4aa7..c9691cd 100644
--- a/src/icons/dice-2.js
+++ b/src/icons/dice-2.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Dice2 = props => {
-  const { color, size, ...otherProps } = props;
+const Dice2 = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -30,9 +29,4 @@ Dice2.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Dice2.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Dice2;
diff --git a/src/icons/dice-3.js b/src/icons/dice-3.js
index 32854e6..edec824 100644
--- a/src/icons/dice-3.js
+++ b/src/icons/dice-3.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Dice3 = props => {
-  const { color, size, ...otherProps } = props;
+const Dice3 = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -32,9 +31,4 @@ Dice3.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Dice3.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Dice3;
diff --git a/src/icons/dice-4.js b/src/icons/dice-4.js
index e63e493..6b4b45f 100644
--- a/src/icons/dice-4.js
+++ b/src/icons/dice-4.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Dice4 = props => {
-  const { color, size, ...otherProps } = props;
+const Dice4 = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -34,9 +33,4 @@ Dice4.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Dice4.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Dice4;
diff --git a/src/icons/dice-5.js b/src/icons/dice-5.js
index 9f667dd..66be9ad 100644
--- a/src/icons/dice-5.js
+++ b/src/icons/dice-5.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Dice5 = props => {
-  const { color, size, ...otherProps } = props;
+const Dice5 = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -36,9 +35,4 @@ Dice5.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Dice5.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Dice5;
diff --git a/src/icons/dice-6.js b/src/icons/dice-6.js
index 287a078..a84e4c1 100644
--- a/src/icons/dice-6.js
+++ b/src/icons/dice-6.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Dice6 = props => {
-  const { color, size, ...otherProps } = props;
+const Dice6 = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -38,9 +37,4 @@ Dice6.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Dice6.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Dice6;
diff --git a/src/icons/discord-fill.js b/src/icons/discord-fill.js
index 31137cf..d5b41ca 100644
--- a/src/icons/discord-fill.js
+++ b/src/icons/discord-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const DiscordFill = props => {
-  const { color, size, ...otherProps } = props;
+const DiscordFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,9 +21,4 @@ DiscordFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-DiscordFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default DiscordFill;
diff --git a/src/icons/django-fill.js b/src/icons/django-fill.js
index cc2da95..93736de 100644
--- a/src/icons/django-fill.js
+++ b/src/icons/django-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const DjangoFill = props => {
-  const { color, size, ...otherProps } = props;
+const DjangoFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ DjangoFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-DjangoFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default DjangoFill;
diff --git a/src/icons/door.js b/src/icons/door.js
index e8454ea..0b52c41 100644
--- a/src/icons/door.js
+++ b/src/icons/door.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Door = props => {
-  const { color, size, ...otherProps } = props;
+const Door = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ Door.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Door.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Door;
diff --git a/src/icons/dot-grid-fill.js b/src/icons/dot-grid-fill.js
index c63fabc..751e6e8 100644
--- a/src/icons/dot-grid-fill.js
+++ b/src/icons/dot-grid-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const DotGridFill = props => {
-  const { color, size, ...otherProps } = props;
+const DotGridFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ DotGridFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-DotGridFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default DotGridFill;
diff --git a/src/icons/double-check.js b/src/icons/double-check.js
index 445e149..328c5a5 100644
--- a/src/icons/double-check.js
+++ b/src/icons/double-check.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const DoubleCheck = props => {
-  const { color, size, ...otherProps } = props;
+const DoubleCheck = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ DoubleCheck.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-DoubleCheck.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default DoubleCheck;
diff --git a/src/icons/double-sword.js b/src/icons/double-sword.js
index eb61950..917d2f5 100644
--- a/src/icons/double-sword.js
+++ b/src/icons/double-sword.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const DoubleSword = props => {
-  const { color, size, ...otherProps } = props;
+const DoubleSword = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ DoubleSword.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-DoubleSword.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default DoubleSword;
diff --git a/src/icons/download.js b/src/icons/download.js
index 93fc6c0..10b7dab 100644
--- a/src/icons/download.js
+++ b/src/icons/download.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Download = props => {
-  const { color, size, ...otherProps } = props;
+const Download = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Download.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Download.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Download;
diff --git a/src/icons/draft.js b/src/icons/draft.js
index 3887301..e504528 100644
--- a/src/icons/draft.js
+++ b/src/icons/draft.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Draft = props => {
-  const { color, size, ...otherProps } = props;
+const Draft = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Draft.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Draft.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Draft;
diff --git a/src/icons/drag-horizontal-fill.js b/src/icons/drag-horizontal-fill.js
index 5629ace..383e00a 100644
--- a/src/icons/drag-horizontal-fill.js
+++ b/src/icons/drag-horizontal-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const DragHorizontalFill = props => {
-  const { color, size, ...otherProps } = props;
+const DragHorizontalFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -51,9 +50,4 @@ DragHorizontalFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-DragHorizontalFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default DragHorizontalFill;
diff --git a/src/icons/drag-vertical-fill.js b/src/icons/drag-vertical-fill.js
index 3aa76e7..e3c6125 100644
--- a/src/icons/drag-vertical-fill.js
+++ b/src/icons/drag-vertical-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const DragVerticalFill = props => {
-  const { color, size, ...otherProps } = props;
+const DragVerticalFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -51,9 +50,4 @@ DragVerticalFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-DragVerticalFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default DragVerticalFill;
diff --git a/src/icons/dribbble-fill.js b/src/icons/dribbble-fill.js
index 589ecd1..42effe0 100644
--- a/src/icons/dribbble-fill.js
+++ b/src/icons/dribbble-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const DribbbleFill = props => {
-  const { color, size, ...otherProps } = props;
+const DribbbleFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -33,9 +32,4 @@ DribbbleFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-DribbbleFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default DribbbleFill;
diff --git a/src/icons/dropbox-fill.js b/src/icons/dropbox-fill.js
index 5991875..b75ebb3 100644
--- a/src/icons/dropbox-fill.js
+++ b/src/icons/dropbox-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const DropboxFill = props => {
-  const { color, size, ...otherProps } = props;
+const DropboxFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,9 +21,4 @@ DropboxFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-DropboxFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default DropboxFill;
diff --git a/src/icons/edit.js b/src/icons/edit.js
index b79d915..ac6c837 100644
--- a/src/icons/edit.js
+++ b/src/icons/edit.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Edit = props => {
-  const { color, size, ...otherProps } = props;
+const Edit = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Edit.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Edit.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Edit;
diff --git a/src/icons/enlarge.js b/src/icons/enlarge.js
index 9e4f530..1b95b12 100644
--- a/src/icons/enlarge.js
+++ b/src/icons/enlarge.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Enlarge = props => {
-  const { color, size, ...otherProps } = props;
+const Enlarge = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Enlarge.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Enlarge.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Enlarge;
diff --git a/src/icons/envelope.js b/src/icons/envelope.js
index 0f73afa..d61b67e 100644
--- a/src/icons/envelope.js
+++ b/src/icons/envelope.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Envelope = props => {
-  const { color, size, ...otherProps } = props;
+const Envelope = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Envelope.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Envelope.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Envelope;
diff --git a/src/icons/equal-fill.js b/src/icons/equal-fill.js
index e89b0cd..bd1433d 100644
--- a/src/icons/equal-fill.js
+++ b/src/icons/equal-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const EqualFill = props => {
-  const { color, size, ...otherProps } = props;
+const EqualFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ EqualFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-EqualFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default EqualFill;
diff --git a/src/icons/equal.js b/src/icons/equal.js
index ee05b7d..19551c3 100644
--- a/src/icons/equal.js
+++ b/src/icons/equal.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Equal = props => {
-  const { color, size, ...otherProps } = props;
+const Equal = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ Equal.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Equal.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Equal;
diff --git a/src/icons/eye-closed.js b/src/icons/eye-closed.js
index 60d3bb2..cfec844 100644
--- a/src/icons/eye-closed.js
+++ b/src/icons/eye-closed.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const EyeClosed = props => {
-  const { color, size, ...otherProps } = props;
+const EyeClosed = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -30,9 +29,4 @@ EyeClosed.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-EyeClosed.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default EyeClosed;
diff --git a/src/icons/eye-open.js b/src/icons/eye-open.js
index cc07e69..bca5abd 100644
--- a/src/icons/eye-open.js
+++ b/src/icons/eye-open.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const EyeOpen = props => {
-  const { color, size, ...otherProps } = props;
+const EyeOpen = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ EyeOpen.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-EyeOpen.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default EyeOpen;
diff --git a/src/icons/eye-slashed.js b/src/icons/eye-slashed.js
index 1302dd7..68905ec 100644
--- a/src/icons/eye-slashed.js
+++ b/src/icons/eye-slashed.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const EyeSlashed = props => {
-  const { color, size, ...otherProps } = props;
+const EyeSlashed = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ EyeSlashed.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-EyeSlashed.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default EyeSlashed;
diff --git a/src/icons/face-happy.js b/src/icons/face-happy.js
index e0be0cd..1cfc1b1 100644
--- a/src/icons/face-happy.js
+++ b/src/icons/face-happy.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const FaceHappy = props => {
-  const { color, size, ...otherProps } = props;
+const FaceHappy = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ FaceHappy.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-FaceHappy.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default FaceHappy;
diff --git a/src/icons/face-neutral.js b/src/icons/face-neutral.js
index 7298bc0..c05089c 100644
--- a/src/icons/face-neutral.js
+++ b/src/icons/face-neutral.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const FaceNeutral = props => {
-  const { color, size, ...otherProps } = props;
+const FaceNeutral = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ FaceNeutral.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-FaceNeutral.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default FaceNeutral;
diff --git a/src/icons/face-sad.js b/src/icons/face-sad.js
index ee23fe7..45e0d68 100644
--- a/src/icons/face-sad.js
+++ b/src/icons/face-sad.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const FaceSad = props => {
-  const { color, size, ...otherProps } = props;
+const FaceSad = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ FaceSad.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-FaceSad.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default FaceSad;
diff --git a/src/icons/face-very-happy.js b/src/icons/face-very-happy.js
index 54c1b03..712d314 100644
--- a/src/icons/face-very-happy.js
+++ b/src/icons/face-very-happy.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const FaceVeryHappy = props => {
-  const { color, size, ...otherProps } = props;
+const FaceVeryHappy = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ FaceVeryHappy.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-FaceVeryHappy.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default FaceVeryHappy;
diff --git a/src/icons/face-very-sad.js b/src/icons/face-very-sad.js
index 8a88368..e4ca743 100644
--- a/src/icons/face-very-sad.js
+++ b/src/icons/face-very-sad.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const FaceVerySad = props => {
-  const { color, size, ...otherProps } = props;
+const FaceVerySad = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ FaceVerySad.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-FaceVerySad.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default FaceVerySad;
diff --git a/src/icons/face-wink.js b/src/icons/face-wink.js
index 8e69acb..ad6d74c 100644
--- a/src/icons/face-wink.js
+++ b/src/icons/face-wink.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const FaceWink = props => {
-  const { color, size, ...otherProps } = props;
+const FaceWink = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ FaceWink.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-FaceWink.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default FaceWink;
diff --git a/src/icons/facebook-fill.js b/src/icons/facebook-fill.js
index 369e309..a17d91c 100644
--- a/src/icons/facebook-fill.js
+++ b/src/icons/facebook-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const FacebookFill = props => {
-  const { color, size, ...otherProps } = props;
+const FacebookFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -33,9 +32,4 @@ FacebookFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-FacebookFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default FacebookFill;
diff --git a/src/icons/figma-fill.js b/src/icons/figma-fill.js
index d0ae6ef..23bf8c0 100644
--- a/src/icons/figma-fill.js
+++ b/src/icons/figma-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const FigmaFill = props => {
-  const { color, size, ...otherProps } = props;
+const FigmaFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -33,9 +32,4 @@ FigmaFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-FigmaFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default FigmaFill;
diff --git a/src/icons/file.js b/src/icons/file.js
index 25de12c..18561f3 100644
--- a/src/icons/file.js
+++ b/src/icons/file.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const File = props => {
-  const { color, size, ...otherProps } = props;
+const File = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ File.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-File.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default File;
diff --git a/src/icons/filter.js b/src/icons/filter.js
index 7897bf1..ffe2ad3 100644
--- a/src/icons/filter.js
+++ b/src/icons/filter.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Filter = props => {
-  const { color, size, ...otherProps } = props;
+const Filter = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Filter.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Filter.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Filter;
diff --git a/src/icons/fire.js b/src/icons/fire.js
index 41b9123..98f2d6c 100644
--- a/src/icons/fire.js
+++ b/src/icons/fire.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Fire = props => {
-  const { color, size, ...otherProps } = props;
+const Fire = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Fire.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Fire.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Fire;
diff --git a/src/icons/flag.js b/src/icons/flag.js
index 4fca714..bb76737 100644
--- a/src/icons/flag.js
+++ b/src/icons/flag.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Flag = props => {
-  const { color, size, ...otherProps } = props;
+const Flag = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Flag.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Flag.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Flag;
diff --git a/src/icons/flashlight.js b/src/icons/flashlight.js
index d9d91a0..791e7da 100644
--- a/src/icons/flashlight.js
+++ b/src/icons/flashlight.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Flashlight = props => {
-  const { color, size, ...otherProps } = props;
+const Flashlight = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ Flashlight.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Flashlight.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Flashlight;
diff --git a/src/icons/folder-add.js b/src/icons/folder-add.js
index fcfcf43..a79ee61 100644
--- a/src/icons/folder-add.js
+++ b/src/icons/folder-add.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const FolderAdd = props => {
-  const { color, size, ...otherProps } = props;
+const FolderAdd = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ FolderAdd.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-FolderAdd.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default FolderAdd;
diff --git a/src/icons/folder.js b/src/icons/folder.js
index f438f9c..5c6b219 100644
--- a/src/icons/folder.js
+++ b/src/icons/folder.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Folder = props => {
-  const { color, size, ...otherProps } = props;
+const Folder = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Folder.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Folder.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Folder;
diff --git a/src/icons/fork-left.js b/src/icons/fork-left.js
index c1b48d9..4392160 100644
--- a/src/icons/fork-left.js
+++ b/src/icons/fork-left.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ForkLeft = props => {
-  const { color, size, ...otherProps } = props;
+const ForkLeft = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ ForkLeft.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ForkLeft.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ForkLeft;
diff --git a/src/icons/fork-right.js b/src/icons/fork-right.js
index 3d81a42..d08b4c3 100644
--- a/src/icons/fork-right.js
+++ b/src/icons/fork-right.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ForkRight = props => {
-  const { color, size, ...otherProps } = props;
+const ForkRight = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ ForkRight.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ForkRight.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ForkRight;
diff --git a/src/icons/frame.js b/src/icons/frame.js
index 9e8293e..a71651a 100644
--- a/src/icons/frame.js
+++ b/src/icons/frame.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Frame = props => {
-  const { color, size, ...otherProps } = props;
+const Frame = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ Frame.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Frame.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Frame;
diff --git a/src/icons/full-screen.js b/src/icons/full-screen.js
index fc73fc3..15e1f5c 100644
--- a/src/icons/full-screen.js
+++ b/src/icons/full-screen.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const FullScreen = props => {
-  const { color, size, ...otherProps } = props;
+const FullScreen = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ FullScreen.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-FullScreen.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default FullScreen;
diff --git a/src/icons/game-controller.js b/src/icons/game-controller.js
index defb984..ace0800 100644
--- a/src/icons/game-controller.js
+++ b/src/icons/game-controller.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const GameController = props => {
-  const { color, size, ...otherProps } = props;
+const GameController = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ GameController.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-GameController.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default GameController;
diff --git a/src/icons/gatsby-fill.js b/src/icons/gatsby-fill.js
index 2b64069..9d7b367 100644
--- a/src/icons/gatsby-fill.js
+++ b/src/icons/gatsby-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const GatsbyFill = props => {
-  const { color, size, ...otherProps } = props;
+const GatsbyFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ GatsbyFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-GatsbyFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default GatsbyFill;
diff --git a/src/icons/gear.js b/src/icons/gear.js
index 0e429b1..b8863ba 100644
--- a/src/icons/gear.js
+++ b/src/icons/gear.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Gear = props => {
-  const { color, size, ...otherProps } = props;
+const Gear = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Gear.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Gear.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Gear;
diff --git a/src/icons/gift.js b/src/icons/gift.js
index 57a8fa0..60c8cf5 100644
--- a/src/icons/gift.js
+++ b/src/icons/gift.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Gift = props => {
-  const { color, size, ...otherProps } = props;
+const Gift = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -30,9 +29,4 @@ Gift.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Gift.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Gift;
diff --git a/src/icons/github-fill.js b/src/icons/github-fill.js
index cff1cd1..aa09efa 100644
--- a/src/icons/github-fill.js
+++ b/src/icons/github-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const GithubFill = props => {
-  const { color, size, ...otherProps } = props;
+const GithubFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -33,9 +32,4 @@ GithubFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-GithubFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default GithubFill;
diff --git a/src/icons/glasses.js b/src/icons/glasses.js
index f3efc8b..891f36f 100644
--- a/src/icons/glasses.js
+++ b/src/icons/glasses.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Glasses = props => {
-  const { color, size, ...otherProps } = props;
+const Glasses = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -30,9 +29,4 @@ Glasses.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Glasses.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Glasses;
diff --git a/src/icons/globe.js b/src/icons/globe.js
index 8cc6010..5c4982f 100644
--- a/src/icons/globe.js
+++ b/src/icons/globe.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Globe = props => {
-  const { color, size, ...otherProps } = props;
+const Globe = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -34,9 +33,4 @@ Globe.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Globe.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Globe;
diff --git a/src/icons/google-contained-fill.js b/src/icons/google-contained-fill.js
index 3fce98d..918c29a 100644
--- a/src/icons/google-contained-fill.js
+++ b/src/icons/google-contained-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const GoogleContainedFill = props => {
-  const { color, size, ...otherProps } = props;
+const GoogleContainedFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -33,9 +32,4 @@ GoogleContainedFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-GoogleContainedFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default GoogleContainedFill;
diff --git a/src/icons/google-fill.js b/src/icons/google-fill.js
index ebe60eb..25e5290 100644
--- a/src/icons/google-fill.js
+++ b/src/icons/google-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const GoogleFill = props => {
-  const { color, size, ...otherProps } = props;
+const GoogleFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,9 +21,4 @@ GoogleFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-GoogleFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default GoogleFill;
diff --git a/src/icons/graphql-fill.js b/src/icons/graphql-fill.js
index 0ae4dce..13d7c0e 100644
--- a/src/icons/graphql-fill.js
+++ b/src/icons/graphql-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const GraphqlFill = props => {
-  const { color, size, ...otherProps } = props;
+const GraphqlFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -33,9 +32,4 @@ GraphqlFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-GraphqlFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default GraphqlFill;
diff --git a/src/icons/grid.js b/src/icons/grid.js
index ae3addb..949680b 100644
--- a/src/icons/grid.js
+++ b/src/icons/grid.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Grid = props => {
-  const { color, size, ...otherProps } = props;
+const Grid = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ Grid.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Grid.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Grid;
diff --git a/src/icons/hammer.js b/src/icons/hammer.js
index 7425dee..88686eb 100644
--- a/src/icons/hammer.js
+++ b/src/icons/hammer.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Hammer = props => {
-  const { color, size, ...otherProps } = props;
+const Hammer = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -30,9 +29,4 @@ Hammer.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Hammer.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Hammer;
diff --git a/src/icons/hand.js b/src/icons/hand.js
index a481352..a238184 100644
--- a/src/icons/hand.js
+++ b/src/icons/hand.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Hand = props => {
-  const { color, size, ...otherProps } = props;
+const Hand = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -30,9 +29,4 @@ Hand.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Hand.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Hand;
diff --git a/src/icons/hashtag.js b/src/icons/hashtag.js
index 0a9663d..3721938 100644
--- a/src/icons/hashtag.js
+++ b/src/icons/hashtag.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Hashtag = props => {
-  const { color, size, ...otherProps } = props;
+const Hashtag = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ Hashtag.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Hashtag.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Hashtag;
diff --git a/src/icons/headphone.js b/src/icons/headphone.js
index 1e4e2f3..5a38092 100644
--- a/src/icons/headphone.js
+++ b/src/icons/headphone.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Headphone = props => {
-  const { color, size, ...otherProps } = props;
+const Headphone = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ Headphone.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Headphone.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Headphone;
diff --git a/src/icons/health.js b/src/icons/health.js
index c1eb442..3e7f3dd 100644
--- a/src/icons/health.js
+++ b/src/icons/health.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Health = props => {
-  const { color, size, ...otherProps } = props;
+const Health = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Health.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Health.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Health;
diff --git a/src/icons/heart.js b/src/icons/heart.js
index b291ff5..8a1f9df 100644
--- a/src/icons/heart.js
+++ b/src/icons/heart.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Heart = props => {
-  const { color, size, ...otherProps } = props;
+const Heart = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Heart.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Heart.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Heart;
diff --git a/src/icons/height.js b/src/icons/height.js
index 81a04fb..2f49214 100644
--- a/src/icons/height.js
+++ b/src/icons/height.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Height = props => {
-  const { color, size, ...otherProps } = props;
+const Height = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Height.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Height.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Height;
diff --git a/src/icons/heptagon-fill.js b/src/icons/heptagon-fill.js
index 3405adc..f00e16c 100644
--- a/src/icons/heptagon-fill.js
+++ b/src/icons/heptagon-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const HeptagonFill = props => {
-  const { color, size, ...otherProps } = props;
+const HeptagonFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,9 +21,4 @@ HeptagonFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-HeptagonFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default HeptagonFill;
diff --git a/src/icons/heptagon.js b/src/icons/heptagon.js
index 654aeaa..d8d288b 100644
--- a/src/icons/heptagon.js
+++ b/src/icons/heptagon.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Heptagon = props => {
-  const { color, size, ...otherProps } = props;
+const Heptagon = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Heptagon.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Heptagon.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Heptagon;
diff --git a/src/icons/hexagon-fill.js b/src/icons/hexagon-fill.js
index 0951dd6..7f650ca 100644
--- a/src/icons/hexagon-fill.js
+++ b/src/icons/hexagon-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const HexagonFill = props => {
-  const { color, size, ...otherProps } = props;
+const HexagonFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,9 +21,4 @@ HexagonFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-HexagonFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default HexagonFill;
diff --git a/src/icons/hexagon.js b/src/icons/hexagon.js
index 0ac2281..5b2ee60 100644
--- a/src/icons/hexagon.js
+++ b/src/icons/hexagon.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Hexagon = props => {
-  const { color, size, ...otherProps } = props;
+const Hexagon = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Hexagon.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Hexagon.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Hexagon;
diff --git a/src/icons/home-alt1.js b/src/icons/home-alt1.js
index afa7546..c2d8243 100644
--- a/src/icons/home-alt1.js
+++ b/src/icons/home-alt1.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const HomeAlt1 = props => {
-  const { color, size, ...otherProps } = props;
+const HomeAlt1 = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ HomeAlt1.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-HomeAlt1.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default HomeAlt1;
diff --git a/src/icons/home.js b/src/icons/home.js
index 1e11e54..aeae10a 100644
--- a/src/icons/home.js
+++ b/src/icons/home.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Home = props => {
-  const { color, size, ...otherProps } = props;
+const Home = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Home.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Home.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Home;
diff --git a/src/icons/html-fill.js b/src/icons/html-fill.js
index 2e6e19a..2d7815f 100644
--- a/src/icons/html-fill.js
+++ b/src/icons/html-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const HtmlFill = props => {
-  const { color, size, ...otherProps } = props;
+const HtmlFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -37,9 +36,4 @@ HtmlFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-HtmlFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default HtmlFill;
diff --git a/src/icons/image.js b/src/icons/image.js
index dd45682..13ca680 100644
--- a/src/icons/image.js
+++ b/src/icons/image.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Image = props => {
-  const { color, size, ...otherProps } = props;
+const Image = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ Image.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Image.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Image;
diff --git a/src/icons/inbox.js b/src/icons/inbox.js
index f2e20a1..e678d21 100644
--- a/src/icons/inbox.js
+++ b/src/icons/inbox.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Inbox = props => {
-  const { color, size, ...otherProps } = props;
+const Inbox = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Inbox.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Inbox.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Inbox;
diff --git a/src/icons/infinite.js b/src/icons/infinite.js
index 5d070b4..7fcf424 100644
--- a/src/icons/infinite.js
+++ b/src/icons/infinite.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Infinite = props => {
-  const { color, size, ...otherProps } = props;
+const Infinite = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Infinite.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Infinite.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Infinite;
diff --git a/src/icons/info-fill.js b/src/icons/info-fill.js
index 542804a..712fc02 100644
--- a/src/icons/info-fill.js
+++ b/src/icons/info-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const InfoFill = props => {
-  const { color, size, ...otherProps } = props;
+const InfoFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ InfoFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-InfoFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default InfoFill;
diff --git a/src/icons/info.js b/src/icons/info.js
index 8d8e1f1..a1dca60 100644
--- a/src/icons/info.js
+++ b/src/icons/info.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Info = props => {
-  const { color, size, ...otherProps } = props;
+const Info = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ Info.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Info.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Info;
diff --git a/src/icons/instagram-fill.js b/src/icons/instagram-fill.js
index dcb75c2..24167b3 100644
--- a/src/icons/instagram-fill.js
+++ b/src/icons/instagram-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const InstagramFill = props => {
-  const { color, size, ...otherProps } = props;
+const InstagramFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ InstagramFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-InstagramFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default InstagramFill;
diff --git a/src/icons/jar.js b/src/icons/jar.js
index 8906214..d9fd043 100644
--- a/src/icons/jar.js
+++ b/src/icons/jar.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Jar = props => {
-  const { color, size, ...otherProps } = props;
+const Jar = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ Jar.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Jar.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Jar;
diff --git a/src/icons/javascript-fill.js b/src/icons/javascript-fill.js
index ff6cadb..3feab21 100644
--- a/src/icons/javascript-fill.js
+++ b/src/icons/javascript-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const JavascriptFill = props => {
-  const { color, size, ...otherProps } = props;
+const JavascriptFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -33,9 +32,4 @@ JavascriptFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-JavascriptFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default JavascriptFill;
diff --git a/src/icons/jquery-fill.js b/src/icons/jquery-fill.js
index e8bd658..2f13590 100644
--- a/src/icons/jquery-fill.js
+++ b/src/icons/jquery-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const JqueryFill = props => {
-  const { color, size, ...otherProps } = props;
+const JqueryFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -31,9 +30,4 @@ JqueryFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-JqueryFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default JqueryFill;
diff --git a/src/icons/key-cap.js b/src/icons/key-cap.js
index 6a27dd0..42c0f34 100644
--- a/src/icons/key-cap.js
+++ b/src/icons/key-cap.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const KeyCap = props => {
-  const { color, size, ...otherProps } = props;
+const KeyCap = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ KeyCap.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-KeyCap.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default KeyCap;
diff --git a/src/icons/key.js b/src/icons/key.js
index dd95989..6c47e0e 100644
--- a/src/icons/key.js
+++ b/src/icons/key.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Key = props => {
-  const { color, size, ...otherProps } = props;
+const Key = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Key.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Key.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Key;
diff --git a/src/icons/language.js b/src/icons/language.js
index 8e201b5..66c7604 100644
--- a/src/icons/language.js
+++ b/src/icons/language.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Language = props => {
-  const { color, size, ...otherProps } = props;
+const Language = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ Language.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Language.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Language;
diff --git a/src/icons/laptop-device.js b/src/icons/laptop-device.js
index ae18236..3886e2a 100644
--- a/src/icons/laptop-device.js
+++ b/src/icons/laptop-device.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const LaptopDevice = props => {
-  const { color, size, ...otherProps } = props;
+const LaptopDevice = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ LaptopDevice.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-LaptopDevice.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default LaptopDevice;
diff --git a/src/icons/leaf.js b/src/icons/leaf.js
index 7b38e4f..436ff87 100644
--- a/src/icons/leaf.js
+++ b/src/icons/leaf.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Leaf = props => {
-  const { color, size, ...otherProps } = props;
+const Leaf = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Leaf.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Leaf.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Leaf;
diff --git a/src/icons/lifesaver.js b/src/icons/lifesaver.js
index b1429e9..b81995e 100644
--- a/src/icons/lifesaver.js
+++ b/src/icons/lifesaver.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Lifesaver = props => {
-  const { color, size, ...otherProps } = props;
+const Lifesaver = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -38,9 +37,4 @@ Lifesaver.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Lifesaver.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Lifesaver;
diff --git a/src/icons/light-bulb.js b/src/icons/light-bulb.js
index 3367ded..497d67a 100644
--- a/src/icons/light-bulb.js
+++ b/src/icons/light-bulb.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const LightBulb = props => {
-  const { color, size, ...otherProps } = props;
+const LightBulb = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ LightBulb.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-LightBulb.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default LightBulb;
diff --git a/src/icons/link-chain.js b/src/icons/link-chain.js
index 1704c1a..3093950 100644
--- a/src/icons/link-chain.js
+++ b/src/icons/link-chain.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const LinkChain = props => {
-  const { color, size, ...otherProps } = props;
+const LinkChain = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ LinkChain.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-LinkChain.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default LinkChain;
diff --git a/src/icons/link-off.js b/src/icons/link-off.js
index 8110c19..ded6eaa 100644
--- a/src/icons/link-off.js
+++ b/src/icons/link-off.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const LinkOff = props => {
-  const { color, size, ...otherProps } = props;
+const LinkOff = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ LinkOff.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-LinkOff.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default LinkOff;
diff --git a/src/icons/link-on.js b/src/icons/link-on.js
index 2900346..a4e562b 100644
--- a/src/icons/link-on.js
+++ b/src/icons/link-on.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const LinkOn = props => {
-  const { color, size, ...otherProps } = props;
+const LinkOn = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ LinkOn.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-LinkOn.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default LinkOn;
diff --git a/src/icons/link-out.js b/src/icons/link-out.js
index b7e6a7d..bfa0ca2 100644
--- a/src/icons/link-out.js
+++ b/src/icons/link-out.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const LinkOut = props => {
-  const { color, size, ...otherProps } = props;
+const LinkOut = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ LinkOut.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-LinkOut.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default LinkOut;
diff --git a/src/icons/linkedin-box-fill.js b/src/icons/linkedin-box-fill.js
index 5f004f8..20b679c 100644
--- a/src/icons/linkedin-box-fill.js
+++ b/src/icons/linkedin-box-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const LinkedinBoxFill = props => {
-  const { color, size, ...otherProps } = props;
+const LinkedinBoxFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ LinkedinBoxFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-LinkedinBoxFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default LinkedinBoxFill;
diff --git a/src/icons/linkedin-fill.js b/src/icons/linkedin-fill.js
index 9766be7..62ca00d 100644
--- a/src/icons/linkedin-fill.js
+++ b/src/icons/linkedin-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const LinkedinFill = props => {
-  const { color, size, ...otherProps } = props;
+const LinkedinFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ LinkedinFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-LinkedinFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default LinkedinFill;
diff --git a/src/icons/location.js b/src/icons/location.js
index cf05508..d235f67 100644
--- a/src/icons/location.js
+++ b/src/icons/location.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Location = props => {
-  const { color, size, ...otherProps } = props;
+const Location = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Location.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Location.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Location;
diff --git a/src/icons/lock-off.js b/src/icons/lock-off.js
index 3ec283d..32d89ce 100644
--- a/src/icons/lock-off.js
+++ b/src/icons/lock-off.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const LockOff = props => {
-  const { color, size, ...otherProps } = props;
+const LockOff = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ LockOff.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-LockOff.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default LockOff;
diff --git a/src/icons/lock-on.js b/src/icons/lock-on.js
index afd7491..f782a0f 100644
--- a/src/icons/lock-on.js
+++ b/src/icons/lock-on.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const LockOn = props => {
-  const { color, size, ...otherProps } = props;
+const LockOn = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ LockOn.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-LockOn.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default LockOn;
diff --git a/src/icons/map.js b/src/icons/map.js
index 765e7ca..56f8abe 100644
--- a/src/icons/map.js
+++ b/src/icons/map.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Map = props => {
-  const { color, size, ...otherProps } = props;
+const Map = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ Map.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Map.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Map;
diff --git a/src/icons/mastodon-fill.js b/src/icons/mastodon-fill.js
index f60e0f1..2e8c2e2 100644
--- a/src/icons/mastodon-fill.js
+++ b/src/icons/mastodon-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const MastodonFill = props => {
-  const { color, size, ...otherProps } = props;
+const MastodonFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,9 +21,4 @@ MastodonFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-MastodonFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default MastodonFill;
diff --git a/src/icons/medium-fill.js b/src/icons/medium-fill.js
index eb3deea..a1d5055 100644
--- a/src/icons/medium-fill.js
+++ b/src/icons/medium-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const MediumFill = props => {
-  const { color, size, ...otherProps } = props;
+const MediumFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,9 +21,4 @@ MediumFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-MediumFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default MediumFill;
diff --git a/src/icons/mention.js b/src/icons/mention.js
index 4d5a6a3..8546d53 100644
--- a/src/icons/mention.js
+++ b/src/icons/mention.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Mention = props => {
-  const { color, size, ...otherProps } = props;
+const Mention = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ Mention.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Mention.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Mention;
diff --git a/src/icons/microphone.js b/src/icons/microphone.js
index d27a2c7..f088404 100644
--- a/src/icons/microphone.js
+++ b/src/icons/microphone.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Microphone = props => {
-  const { color, size, ...otherProps } = props;
+const Microphone = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ Microphone.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Microphone.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Microphone;
diff --git a/src/icons/miniplayer.js b/src/icons/miniplayer.js
index 556a45a..9eb19e7 100644
--- a/src/icons/miniplayer.js
+++ b/src/icons/miniplayer.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Miniplayer = props => {
-  const { color, size, ...otherProps } = props;
+const Miniplayer = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Miniplayer.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Miniplayer.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Miniplayer;
diff --git a/src/icons/minus.js b/src/icons/minus.js
index d95d0ba..4c02d44 100644
--- a/src/icons/minus.js
+++ b/src/icons/minus.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Minus = props => {
-  const { color, size, ...otherProps } = props;
+const Minus = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Minus.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Minus.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Minus;
diff --git a/src/icons/mobile-device.js b/src/icons/mobile-device.js
index 9542836..a9e5e7b 100644
--- a/src/icons/mobile-device.js
+++ b/src/icons/mobile-device.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const MobileDevice = props => {
-  const { color, size, ...otherProps } = props;
+const MobileDevice = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ MobileDevice.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-MobileDevice.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default MobileDevice;
diff --git a/src/icons/money.js b/src/icons/money.js
index abfab0d..2b5f972 100644
--- a/src/icons/money.js
+++ b/src/icons/money.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Money = props => {
-  const { color, size, ...otherProps } = props;
+const Money = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ Money.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Money.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Money;
diff --git a/src/icons/moon-fill.js b/src/icons/moon-fill.js
index 37149df..421ea47 100644
--- a/src/icons/moon-fill.js
+++ b/src/icons/moon-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const MoonFill = props => {
-  const { color, size, ...otherProps } = props;
+const MoonFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -23,9 +22,4 @@ MoonFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-MoonFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default MoonFill;
diff --git a/src/icons/moon.js b/src/icons/moon.js
index bfd1191..4fb49c7 100644
--- a/src/icons/moon.js
+++ b/src/icons/moon.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Moon = props => {
-  const { color, size, ...otherProps } = props;
+const Moon = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Moon.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Moon.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Moon;
diff --git a/src/icons/more-horizontal-fill.js b/src/icons/more-horizontal-fill.js
index 6c068c6..40cfadd 100644
--- a/src/icons/more-horizontal-fill.js
+++ b/src/icons/more-horizontal-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const MoreHorizontalFill = props => {
-  const { color, size, ...otherProps } = props;
+const MoreHorizontalFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -36,9 +35,4 @@ MoreHorizontalFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-MoreHorizontalFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default MoreHorizontalFill;
diff --git a/src/icons/more-vertical-fill.js b/src/icons/more-vertical-fill.js
index a140d17..2d572c5 100644
--- a/src/icons/more-vertical-fill.js
+++ b/src/icons/more-vertical-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const MoreVerticalFill = props => {
-  const { color, size, ...otherProps } = props;
+const MoreVerticalFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -36,9 +35,4 @@ MoreVerticalFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-MoreVerticalFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default MoreVerticalFill;
diff --git a/src/icons/music-album-fill.js b/src/icons/music-album-fill.js
index 8d1e9c0..e94e2b8 100644
--- a/src/icons/music-album-fill.js
+++ b/src/icons/music-album-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const MusicAlbumFill = props => {
-  const { color, size, ...otherProps } = props;
+const MusicAlbumFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ MusicAlbumFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-MusicAlbumFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default MusicAlbumFill;
diff --git a/src/icons/music-album.js b/src/icons/music-album.js
index dbcbda7..d113a51 100644
--- a/src/icons/music-album.js
+++ b/src/icons/music-album.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const MusicAlbum = props => {
-  const { color, size, ...otherProps } = props;
+const MusicAlbum = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -30,9 +29,4 @@ MusicAlbum.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-MusicAlbum.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default MusicAlbum;
diff --git a/src/icons/music-note.js b/src/icons/music-note.js
index 5b34963..ab2172b 100644
--- a/src/icons/music-note.js
+++ b/src/icons/music-note.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const MusicNote = props => {
-  const { color, size, ...otherProps } = props;
+const MusicNote = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ MusicNote.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-MusicNote.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default MusicNote;
diff --git a/src/icons/music.js b/src/icons/music.js
index eeb8993..82a4e24 100644
--- a/src/icons/music.js
+++ b/src/icons/music.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Music = props => {
-  const { color, size, ...otherProps } = props;
+const Music = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ Music.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Music.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Music;
diff --git a/src/icons/network.js b/src/icons/network.js
index d4fbeec..f0ab0f9 100644
--- a/src/icons/network.js
+++ b/src/icons/network.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Network = props => {
-  const { color, size, ...otherProps } = props;
+const Network = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ Network.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Network.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Network;
diff --git a/src/icons/newspaper.js b/src/icons/newspaper.js
index 60feae5..49594f1 100644
--- a/src/icons/newspaper.js
+++ b/src/icons/newspaper.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Newspaper = props => {
-  const { color, size, ...otherProps } = props;
+const Newspaper = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -30,9 +29,4 @@ Newspaper.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Newspaper.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Newspaper;
diff --git a/src/icons/nextjs-fill.js b/src/icons/nextjs-fill.js
index c69da66..bc6a28f 100644
--- a/src/icons/nextjs-fill.js
+++ b/src/icons/nextjs-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const NextjsFill = props => {
-  const { color, size, ...otherProps } = props;
+const NextjsFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ NextjsFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-NextjsFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default NextjsFill;
diff --git a/src/icons/node-fill.js b/src/icons/node-fill.js
index 19855f2..b2e255b 100644
--- a/src/icons/node-fill.js
+++ b/src/icons/node-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const NodeFill = props => {
-  const { color, size, ...otherProps } = props;
+const NodeFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,9 +21,4 @@ NodeFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-NodeFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default NodeFill;
diff --git a/src/icons/normal-screen.js b/src/icons/normal-screen.js
index 7c49bc0..fa9ed13 100644
--- a/src/icons/normal-screen.js
+++ b/src/icons/normal-screen.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const NormalScreen = props => {
-  const { color, size, ...otherProps } = props;
+const NormalScreen = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ NormalScreen.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-NormalScreen.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default NormalScreen;
diff --git a/src/icons/npm-fill.js b/src/icons/npm-fill.js
index 98ae228..22ef33c 100644
--- a/src/icons/npm-fill.js
+++ b/src/icons/npm-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const NpmFill = props => {
-  const { color, size, ...otherProps } = props;
+const NpmFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -33,9 +32,4 @@ NpmFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-NpmFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default NpmFill;
diff --git a/src/icons/octagon-fill.js b/src/icons/octagon-fill.js
index 856d6cd..46dfbbc 100644
--- a/src/icons/octagon-fill.js
+++ b/src/icons/octagon-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const OctagonFill = props => {
-  const { color, size, ...otherProps } = props;
+const OctagonFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,9 +21,4 @@ OctagonFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-OctagonFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default OctagonFill;
diff --git a/src/icons/octagon.js b/src/icons/octagon.js
index 0ae2adc..7bfb201 100644
--- a/src/icons/octagon.js
+++ b/src/icons/octagon.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Octagon = props => {
-  const { color, size, ...otherProps } = props;
+const Octagon = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Octagon.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Octagon.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Octagon;
diff --git a/src/icons/octocat-fill.js b/src/icons/octocat-fill.js
index 04b5c8b..049ce3f 100644
--- a/src/icons/octocat-fill.js
+++ b/src/icons/octocat-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const OctocatFill = props => {
-  const { color, size, ...otherProps } = props;
+const OctocatFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,9 +21,4 @@ OctocatFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-OctocatFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default OctocatFill;
diff --git a/src/icons/open-envelope.js b/src/icons/open-envelope.js
index ce20edb..199339b 100644
--- a/src/icons/open-envelope.js
+++ b/src/icons/open-envelope.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const OpenEnvelope = props => {
-  const { color, size, ...otherProps } = props;
+const OpenEnvelope = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ OpenEnvelope.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-OpenEnvelope.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default OpenEnvelope;
diff --git a/src/icons/oval.js b/src/icons/oval.js
index 9827de3..ec1bc6d 100644
--- a/src/icons/oval.js
+++ b/src/icons/oval.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Oval = props => {
-  const { color, size, ...otherProps } = props;
+const Oval = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Oval.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Oval.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Oval;
diff --git a/src/icons/panel-bottom.js b/src/icons/panel-bottom.js
index 1ada262..edbd074 100644
--- a/src/icons/panel-bottom.js
+++ b/src/icons/panel-bottom.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const PanelBottom = props => {
-  const { color, size, ...otherProps } = props;
+const PanelBottom = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ PanelBottom.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-PanelBottom.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default PanelBottom;
diff --git a/src/icons/panel-left.js b/src/icons/panel-left.js
index 9150f38..a03c2e8 100644
--- a/src/icons/panel-left.js
+++ b/src/icons/panel-left.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const PanelLeft = props => {
-  const { color, size, ...otherProps } = props;
+const PanelLeft = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ PanelLeft.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-PanelLeft.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default PanelLeft;
diff --git a/src/icons/panel-right.js b/src/icons/panel-right.js
index 14d3583..3db78d0 100644
--- a/src/icons/panel-right.js
+++ b/src/icons/panel-right.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const PanelRight = props => {
-  const { color, size, ...otherProps } = props;
+const PanelRight = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ PanelRight.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-PanelRight.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default PanelRight;
diff --git a/src/icons/panel-split-column.js b/src/icons/panel-split-column.js
index 298bc5e..3115b2e 100644
--- a/src/icons/panel-split-column.js
+++ b/src/icons/panel-split-column.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const PanelSplitColumn = props => {
-  const { color, size, ...otherProps } = props;
+const PanelSplitColumn = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ PanelSplitColumn.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-PanelSplitColumn.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default PanelSplitColumn;
diff --git a/src/icons/panel-split-row.js b/src/icons/panel-split-row.js
index f7a3c4b..bdc95af 100644
--- a/src/icons/panel-split-row.js
+++ b/src/icons/panel-split-row.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const PanelSplitRow = props => {
-  const { color, size, ...otherProps } = props;
+const PanelSplitRow = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ PanelSplitRow.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-PanelSplitRow.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default PanelSplitRow;
diff --git a/src/icons/panel-split.js b/src/icons/panel-split.js
index f2e3d39..0afe5f7 100644
--- a/src/icons/panel-split.js
+++ b/src/icons/panel-split.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const PanelSplit = props => {
-  const { color, size, ...otherProps } = props;
+const PanelSplit = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ PanelSplit.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-PanelSplit.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default PanelSplit;
diff --git a/src/icons/panel-top.js b/src/icons/panel-top.js
index e1c6c0e..4a4035f 100644
--- a/src/icons/panel-top.js
+++ b/src/icons/panel-top.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const PanelTop = props => {
-  const { color, size, ...otherProps } = props;
+const PanelTop = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ PanelTop.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-PanelTop.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default PanelTop;
diff --git a/src/icons/paper-airplane.js b/src/icons/paper-airplane.js
index d53832b..d8cbc19 100644
--- a/src/icons/paper-airplane.js
+++ b/src/icons/paper-airplane.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const PaperAirplane = props => {
-  const { color, size, ...otherProps } = props;
+const PaperAirplane = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ PaperAirplane.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-PaperAirplane.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default PaperAirplane;
diff --git a/src/icons/paper.js b/src/icons/paper.js
index d431465..3ac423a 100644
--- a/src/icons/paper.js
+++ b/src/icons/paper.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Paper = props => {
-  const { color, size, ...otherProps } = props;
+const Paper = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Paper.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Paper.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Paper;
diff --git a/src/icons/parallelogram.js b/src/icons/parallelogram.js
index ba03afa..1aee7f6 100644
--- a/src/icons/parallelogram.js
+++ b/src/icons/parallelogram.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Parallelogram = props => {
-  const { color, size, ...otherProps } = props;
+const Parallelogram = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Parallelogram.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Parallelogram.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Parallelogram;
diff --git a/src/icons/pause.js b/src/icons/pause.js
index 7f39f4d..1936db5 100644
--- a/src/icons/pause.js
+++ b/src/icons/pause.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Pause = props => {
-  const { color, size, ...otherProps } = props;
+const Pause = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Pause.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Pause.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Pause;
diff --git a/src/icons/pencil.js b/src/icons/pencil.js
index f19adc1..aab64af 100644
--- a/src/icons/pencil.js
+++ b/src/icons/pencil.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Pencil = props => {
-  const { color, size, ...otherProps } = props;
+const Pencil = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Pencil.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Pencil.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Pencil;
diff --git a/src/icons/pentagon-fill.js b/src/icons/pentagon-fill.js
index ba0b97a..6de66e5 100644
--- a/src/icons/pentagon-fill.js
+++ b/src/icons/pentagon-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const PentagonFill = props => {
-  const { color, size, ...otherProps } = props;
+const PentagonFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ PentagonFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-PentagonFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default PentagonFill;
diff --git a/src/icons/pentagon.js b/src/icons/pentagon.js
index 8b8bc7e..4e7c605 100644
--- a/src/icons/pentagon.js
+++ b/src/icons/pentagon.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Pentagon = props => {
-  const { color, size, ...otherProps } = props;
+const Pentagon = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Pentagon.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Pentagon.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Pentagon;
diff --git a/src/icons/people-group.js b/src/icons/people-group.js
index c7ce52a..847b01e 100644
--- a/src/icons/people-group.js
+++ b/src/icons/people-group.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const PeopleGroup = props => {
-  const { color, size, ...otherProps } = props;
+const PeopleGroup = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -31,9 +30,4 @@ PeopleGroup.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-PeopleGroup.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default PeopleGroup;
diff --git a/src/icons/people-multiple.js b/src/icons/people-multiple.js
index 6d902d7..74b5340 100644
--- a/src/icons/people-multiple.js
+++ b/src/icons/people-multiple.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const PeopleMultiple = props => {
-  const { color, size, ...otherProps } = props;
+const PeopleMultiple = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ PeopleMultiple.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-PeopleMultiple.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default PeopleMultiple;
diff --git a/src/icons/percentage.js b/src/icons/percentage.js
index 3b518cf..e982be2 100644
--- a/src/icons/percentage.js
+++ b/src/icons/percentage.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Percentage = props => {
-  const { color, size, ...otherProps } = props;
+const Percentage = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ Percentage.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Percentage.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Percentage;
diff --git a/src/icons/person-add.js b/src/icons/person-add.js
index 56f8f86..e99d208 100644
--- a/src/icons/person-add.js
+++ b/src/icons/person-add.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const PersonAdd = props => {
-  const { color, size, ...otherProps } = props;
+const PersonAdd = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ PersonAdd.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-PersonAdd.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default PersonAdd;
diff --git a/src/icons/person-check.js b/src/icons/person-check.js
index a95530d..99d9957 100644
--- a/src/icons/person-check.js
+++ b/src/icons/person-check.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const PersonCheck = props => {
-  const { color, size, ...otherProps } = props;
+const PersonCheck = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ PersonCheck.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-PersonCheck.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default PersonCheck;
diff --git a/src/icons/person-cross.js b/src/icons/person-cross.js
index 1b6c33e..c56c2a0 100644
--- a/src/icons/person-cross.js
+++ b/src/icons/person-cross.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const PersonCross = props => {
-  const { color, size, ...otherProps } = props;
+const PersonCross = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ PersonCross.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-PersonCross.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default PersonCross;
diff --git a/src/icons/person.js b/src/icons/person.js
index 9d592e3..1476eb3 100644
--- a/src/icons/person.js
+++ b/src/icons/person.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Person = props => {
-  const { color, size, ...otherProps } = props;
+const Person = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Person.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Person.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Person;
diff --git a/src/icons/phone.js b/src/icons/phone.js
index 77c272d..cfb2d66 100644
--- a/src/icons/phone.js
+++ b/src/icons/phone.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Phone = props => {
-  const { color, size, ...otherProps } = props;
+const Phone = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Phone.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Phone.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Phone;
diff --git a/src/icons/php-fill.js b/src/icons/php-fill.js
index dbf952c..70c2c7e 100644
--- a/src/icons/php-fill.js
+++ b/src/icons/php-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const PhpFill = props => {
-  const { color, size, ...otherProps } = props;
+const PhpFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,9 +21,4 @@ PhpFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-PhpFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default PhpFill;
diff --git a/src/icons/pin.js b/src/icons/pin.js
index ae5576b..e7d5577 100644
--- a/src/icons/pin.js
+++ b/src/icons/pin.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Pin = props => {
-  const { color, size, ...otherProps } = props;
+const Pin = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Pin.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Pin.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Pin;
diff --git a/src/icons/pinterest-fill.js b/src/icons/pinterest-fill.js
index 6f328b8..48ec539 100644
--- a/src/icons/pinterest-fill.js
+++ b/src/icons/pinterest-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const PinterestFill = props => {
-  const { color, size, ...otherProps } = props;
+const PinterestFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -34,9 +33,4 @@ PinterestFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-PinterestFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default PinterestFill;
diff --git a/src/icons/plane-fill.js b/src/icons/plane-fill.js
index a9da514..371319b 100644
--- a/src/icons/plane-fill.js
+++ b/src/icons/plane-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const PlaneFill = props => {
-  const { color, size, ...otherProps } = props;
+const PlaneFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,9 +21,4 @@ PlaneFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-PlaneFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default PlaneFill;
diff --git a/src/icons/plane.js b/src/icons/plane.js
index a91b7df..daed4c9 100644
--- a/src/icons/plane.js
+++ b/src/icons/plane.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Plane = props => {
-  const { color, size, ...otherProps } = props;
+const Plane = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Plane.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Plane.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Plane;
diff --git a/src/icons/planet.js b/src/icons/planet.js
index e6bf1f0..7bd07c7 100644
--- a/src/icons/planet.js
+++ b/src/icons/planet.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Planet = props => {
-  const { color, size, ...otherProps } = props;
+const Planet = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Planet.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Planet.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Planet;
diff --git a/src/icons/plant.js b/src/icons/plant.js
index 5ce5606..496c47b 100644
--- a/src/icons/plant.js
+++ b/src/icons/plant.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Plant = props => {
-  const { color, size, ...otherProps } = props;
+const Plant = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ Plant.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Plant.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Plant;
diff --git a/src/icons/play.js b/src/icons/play.js
index e3bcb35..2aa1c3e 100644
--- a/src/icons/play.js
+++ b/src/icons/play.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Play = props => {
-  const { color, size, ...otherProps } = props;
+const Play = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ Play.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Play.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Play;
diff --git a/src/icons/plus.js b/src/icons/plus.js
index 14ca263..490de4d 100644
--- a/src/icons/plus.js
+++ b/src/icons/plus.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Plus = props => {
-  const { color, size, ...otherProps } = props;
+const Plus = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Plus.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Plus.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Plus;
diff --git a/src/icons/pointer-down-fill.js b/src/icons/pointer-down-fill.js
index e123ccc..e21395c 100644
--- a/src/icons/pointer-down-fill.js
+++ b/src/icons/pointer-down-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const PointerDownFill = props => {
-  const { color, size, ...otherProps } = props;
+const PointerDownFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ PointerDownFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-PointerDownFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default PointerDownFill;
diff --git a/src/icons/pointer-hand.js b/src/icons/pointer-hand.js
index 0664b03..3e13d29 100644
--- a/src/icons/pointer-hand.js
+++ b/src/icons/pointer-hand.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const PointerHand = props => {
-  const { color, size, ...otherProps } = props;
+const PointerHand = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -30,9 +29,4 @@ PointerHand.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-PointerHand.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default PointerHand;
diff --git a/src/icons/pointer-left-fill.js b/src/icons/pointer-left-fill.js
index f3b53e0..0127b0f 100644
--- a/src/icons/pointer-left-fill.js
+++ b/src/icons/pointer-left-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const PointerLeftFill = props => {
-  const { color, size, ...otherProps } = props;
+const PointerLeftFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ PointerLeftFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-PointerLeftFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default PointerLeftFill;
diff --git a/src/icons/pointer-right-fill.js b/src/icons/pointer-right-fill.js
index c288c3b..10a7def 100644
--- a/src/icons/pointer-right-fill.js
+++ b/src/icons/pointer-right-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const PointerRightFill = props => {
-  const { color, size, ...otherProps } = props;
+const PointerRightFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ PointerRightFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-PointerRightFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default PointerRightFill;
diff --git a/src/icons/pointer-up-fill.js b/src/icons/pointer-up-fill.js
index bf3dccb..050f248 100644
--- a/src/icons/pointer-up-fill.js
+++ b/src/icons/pointer-up-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const PointerUpFill = props => {
-  const { color, size, ...otherProps } = props;
+const PointerUpFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ PointerUpFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-PointerUpFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default PointerUpFill;
diff --git a/src/icons/pointing-up.js b/src/icons/pointing-up.js
index 25263fd..ef8d6ac 100644
--- a/src/icons/pointing-up.js
+++ b/src/icons/pointing-up.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const PointingUp = props => {
-  const { color, size, ...otherProps } = props;
+const PointingUp = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -31,9 +30,4 @@ PointingUp.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-PointingUp.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default PointingUp;
diff --git a/src/icons/postgresql-fill.js b/src/icons/postgresql-fill.js
index c74d065..2bf586e 100644
--- a/src/icons/postgresql-fill.js
+++ b/src/icons/postgresql-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const PostgresqlFill = props => {
-  const { color, size, ...otherProps } = props;
+const PostgresqlFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,9 +21,4 @@ PostgresqlFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-PostgresqlFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default PostgresqlFill;
diff --git a/src/icons/product-hunt-fill.js b/src/icons/product-hunt-fill.js
index 0c2c7c3..7e76405 100644
--- a/src/icons/product-hunt-fill.js
+++ b/src/icons/product-hunt-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ProductHuntFill = props => {
-  const { color, size, ...otherProps } = props;
+const ProductHuntFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ ProductHuntFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ProductHuntFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ProductHuntFill;
diff --git a/src/icons/python-fill.js b/src/icons/python-fill.js
index 60eb8f9..8b41860 100644
--- a/src/icons/python-fill.js
+++ b/src/icons/python-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const PythonFill = props => {
-  const { color, size, ...otherProps } = props;
+const PythonFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -30,9 +29,4 @@ PythonFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-PythonFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default PythonFill;
diff --git a/src/icons/question-fill.js b/src/icons/question-fill.js
index 85a207a..6e06011 100644
--- a/src/icons/question-fill.js
+++ b/src/icons/question-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const QuestionFill = props => {
-  const { color, size, ...otherProps } = props;
+const QuestionFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ QuestionFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-QuestionFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default QuestionFill;
diff --git a/src/icons/question.js b/src/icons/question.js
index 4beef31..2971ac5 100644
--- a/src/icons/question.js
+++ b/src/icons/question.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Question = props => {
-  const { color, size, ...otherProps } = props;
+const Question = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Question.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Question.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Question;
diff --git a/src/icons/radio-fill.js b/src/icons/radio-fill.js
index 3f92a7e..e10d4ee 100644
--- a/src/icons/radio-fill.js
+++ b/src/icons/radio-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const RadioFill = props => {
-  const { color, size, ...otherProps } = props;
+const RadioFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ RadioFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-RadioFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default RadioFill;
diff --git a/src/icons/radio.js b/src/icons/radio.js
index 421052c..486fb53 100644
--- a/src/icons/radio.js
+++ b/src/icons/radio.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Radio = props => {
-  const { color, size, ...otherProps } = props;
+const Radio = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Radio.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Radio.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Radio;
diff --git a/src/icons/radish.js b/src/icons/radish.js
index 79955fd..4ea2d76 100644
--- a/src/icons/radish.js
+++ b/src/icons/radish.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Radish = props => {
-  const { color, size, ...otherProps } = props;
+const Radish = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ Radish.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Radish.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Radish;
diff --git a/src/icons/react-fill.js b/src/icons/react-fill.js
index dcd7565..fe66981 100644
--- a/src/icons/react-fill.js
+++ b/src/icons/react-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ReactFill = props => {
-  const { color, size, ...otherProps } = props;
+const ReactFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -30,9 +29,4 @@ ReactFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ReactFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ReactFill;
diff --git a/src/icons/reciept.js b/src/icons/reciept.js
index e534b25..0dae719 100644
--- a/src/icons/reciept.js
+++ b/src/icons/reciept.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Reciept = props => {
-  const { color, size, ...otherProps } = props;
+const Reciept = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -30,9 +29,4 @@ Reciept.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Reciept.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Reciept;
diff --git a/src/icons/reddit-fill.js b/src/icons/reddit-fill.js
index 5f0a938..0fdd10d 100644
--- a/src/icons/reddit-fill.js
+++ b/src/icons/reddit-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const RedditFill = props => {
-  const { color, size, ...otherProps } = props;
+const RedditFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -33,9 +32,4 @@ RedditFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-RedditFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default RedditFill;
diff --git a/src/icons/reduce.js b/src/icons/reduce.js
index 179e07b..2e6ea72 100644
--- a/src/icons/reduce.js
+++ b/src/icons/reduce.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Reduce = props => {
-  const { color, size, ...otherProps } = props;
+const Reduce = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Reduce.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Reduce.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Reduce;
diff --git a/src/icons/redux-fill.js b/src/icons/redux-fill.js
index 95b9c0d..ed16401 100644
--- a/src/icons/redux-fill.js
+++ b/src/icons/redux-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ReduxFill = props => {
-  const { color, size, ...otherProps } = props;
+const ReduxFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ ReduxFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ReduxFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ReduxFill;
diff --git a/src/icons/ribbon.js b/src/icons/ribbon.js
index c78c187..d1242ef 100644
--- a/src/icons/ribbon.js
+++ b/src/icons/ribbon.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Ribbon = props => {
-  const { color, size, ...otherProps } = props;
+const Ribbon = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Ribbon.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Ribbon.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Ribbon;
diff --git a/src/icons/rock-on.js b/src/icons/rock-on.js
index db6f0f5..3694124 100644
--- a/src/icons/rock-on.js
+++ b/src/icons/rock-on.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const RockOn = props => {
-  const { color, size, ...otherProps } = props;
+const RockOn = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -31,9 +30,4 @@ RockOn.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-RockOn.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default RockOn;
diff --git a/src/icons/rss.js b/src/icons/rss.js
index a853262..680c64b 100644
--- a/src/icons/rss.js
+++ b/src/icons/rss.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Rss = props => {
-  const { color, size, ...otherProps } = props;
+const Rss = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ Rss.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Rss.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Rss;
diff --git a/src/icons/sass-fill.js b/src/icons/sass-fill.js
index 717e8e8..135ccfb 100644
--- a/src/icons/sass-fill.js
+++ b/src/icons/sass-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const SassFill = props => {
-  const { color, size, ...otherProps } = props;
+const SassFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ SassFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-SassFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default SassFill;
diff --git a/src/icons/save.js b/src/icons/save.js
index 36da559..8183e7b 100644
--- a/src/icons/save.js
+++ b/src/icons/save.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Save = props => {
-  const { color, size, ...otherProps } = props;
+const Save = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ Save.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Save.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Save;
diff --git a/src/icons/schedule.js b/src/icons/schedule.js
index 2a6aa57..41c6cb7 100644
--- a/src/icons/schedule.js
+++ b/src/icons/schedule.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Schedule = props => {
-  const { color, size, ...otherProps } = props;
+const Schedule = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -31,9 +30,4 @@ Schedule.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Schedule.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Schedule;
diff --git a/src/icons/scissor.js b/src/icons/scissor.js
index ff83e6d..3b09c4e 100644
--- a/src/icons/scissor.js
+++ b/src/icons/scissor.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Scissor = props => {
-  const { color, size, ...otherProps } = props;
+const Scissor = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Scissor.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Scissor.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Scissor;
diff --git a/src/icons/search.js b/src/icons/search.js
index 212ba2b..bcf4a7a 100644
--- a/src/icons/search.js
+++ b/src/icons/search.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Search = props => {
-  const { color, size, ...otherProps } = props;
+const Search = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Search.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Search.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Search;
diff --git a/src/icons/send.js b/src/icons/send.js
index ed8863b..2c18376 100644
--- a/src/icons/send.js
+++ b/src/icons/send.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Send = props => {
-  const { color, size, ...otherProps } = props;
+const Send = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Send.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Send.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Send;
diff --git a/src/icons/settings-horizontal.js b/src/icons/settings-horizontal.js
index e17636a..fd6051b 100644
--- a/src/icons/settings-horizontal.js
+++ b/src/icons/settings-horizontal.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const SettingsHorizontal = props => {
-  const { color, size, ...otherProps } = props;
+const SettingsHorizontal = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ SettingsHorizontal.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-SettingsHorizontal.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default SettingsHorizontal;
diff --git a/src/icons/settings-vertical.js b/src/icons/settings-vertical.js
index 04d95f9..45dec49 100644
--- a/src/icons/settings-vertical.js
+++ b/src/icons/settings-vertical.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const SettingsVertical = props => {
-  const { color, size, ...otherProps } = props;
+const SettingsVertical = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ SettingsVertical.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-SettingsVertical.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default SettingsVertical;
diff --git a/src/icons/share-box.js b/src/icons/share-box.js
index 570c48b..cc38df5 100644
--- a/src/icons/share-box.js
+++ b/src/icons/share-box.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ShareBox = props => {
-  const { color, size, ...otherProps } = props;
+const ShareBox = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ ShareBox.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ShareBox.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ShareBox;
diff --git a/src/icons/shield.js b/src/icons/shield.js
index e01a17e..c035aa7 100644
--- a/src/icons/shield.js
+++ b/src/icons/shield.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Shield = props => {
-  const { color, size, ...otherProps } = props;
+const Shield = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Shield.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Shield.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Shield;
diff --git a/src/icons/shipping-box-v1.js b/src/icons/shipping-box-v1.js
index d99cb55..5b484c5 100644
--- a/src/icons/shipping-box-v1.js
+++ b/src/icons/shipping-box-v1.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ShippingBoxV1 = props => {
-  const { color, size, ...otherProps } = props;
+const ShippingBoxV1 = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ ShippingBoxV1.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ShippingBoxV1.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ShippingBoxV1;
diff --git a/src/icons/shipping-box-v2.js b/src/icons/shipping-box-v2.js
index 6c20fd8..7dc38f6 100644
--- a/src/icons/shipping-box-v2.js
+++ b/src/icons/shipping-box-v2.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ShippingBoxV2 = props => {
-  const { color, size, ...otherProps } = props;
+const ShippingBoxV2 = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ ShippingBoxV2.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ShippingBoxV2.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ShippingBoxV2;
diff --git a/src/icons/shopping-bag.js b/src/icons/shopping-bag.js
index d266448..e57d10b 100644
--- a/src/icons/shopping-bag.js
+++ b/src/icons/shopping-bag.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ShoppingBag = props => {
-  const { color, size, ...otherProps } = props;
+const ShoppingBag = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ ShoppingBag.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ShoppingBag.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ShoppingBag;
diff --git a/src/icons/sign-out.js b/src/icons/sign-out.js
index c6fddc9..d338c71 100644
--- a/src/icons/sign-out.js
+++ b/src/icons/sign-out.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const SignOut = props => {
-  const { color, size, ...otherProps } = props;
+const SignOut = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ SignOut.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-SignOut.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default SignOut;
diff --git a/src/icons/slack-fill.js b/src/icons/slack-fill.js
index f8ad73c..06504f1 100644
--- a/src/icons/slack-fill.js
+++ b/src/icons/slack-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const SlackFill = props => {
-  const { color, size, ...otherProps } = props;
+const SlackFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -41,9 +40,4 @@ SlackFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-SlackFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default SlackFill;
diff --git a/src/icons/slice.js b/src/icons/slice.js
index 7a0053f..03a24f5 100644
--- a/src/icons/slice.js
+++ b/src/icons/slice.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Slice = props => {
-  const { color, size, ...otherProps } = props;
+const Slice = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Slice.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Slice.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Slice;
diff --git a/src/icons/snapchat-fill.js b/src/icons/snapchat-fill.js
index 6c7dff5..1a1b265 100644
--- a/src/icons/snapchat-fill.js
+++ b/src/icons/snapchat-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const SnapchatFill = props => {
-  const { color, size, ...otherProps } = props;
+const SnapchatFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ SnapchatFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-SnapchatFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default SnapchatFill;
diff --git a/src/icons/sort.js b/src/icons/sort.js
index a6c20a7..eb7c933 100644
--- a/src/icons/sort.js
+++ b/src/icons/sort.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Sort = props => {
-  const { color, size, ...otherProps } = props;
+const Sort = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Sort.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Sort.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Sort;
diff --git a/src/icons/sound-down.js b/src/icons/sound-down.js
index ade97fa..9b7221e 100644
--- a/src/icons/sound-down.js
+++ b/src/icons/sound-down.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const SoundDown = props => {
-  const { color, size, ...otherProps } = props;
+const SoundDown = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ SoundDown.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-SoundDown.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default SoundDown;
diff --git a/src/icons/sound-off.js b/src/icons/sound-off.js
index 8f481f0..bc76681 100644
--- a/src/icons/sound-off.js
+++ b/src/icons/sound-off.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const SoundOff = props => {
-  const { color, size, ...otherProps } = props;
+const SoundOff = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ SoundOff.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-SoundOff.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default SoundOff;
diff --git a/src/icons/sound-on.js b/src/icons/sound-on.js
index 0f9abab..66ce7d6 100644
--- a/src/icons/sound-on.js
+++ b/src/icons/sound-on.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const SoundOn = props => {
-  const { color, size, ...otherProps } = props;
+const SoundOn = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ SoundOn.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-SoundOn.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default SoundOn;
diff --git a/src/icons/sound-up.js b/src/icons/sound-up.js
index ff1c9e7..8821120 100644
--- a/src/icons/sound-up.js
+++ b/src/icons/sound-up.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const SoundUp = props => {
-  const { color, size, ...otherProps } = props;
+const SoundUp = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ SoundUp.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-SoundUp.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default SoundUp;
diff --git a/src/icons/soundcloud-fill.js b/src/icons/soundcloud-fill.js
index 4791c4a..2744f99 100644
--- a/src/icons/soundcloud-fill.js
+++ b/src/icons/soundcloud-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const SoundcloudFill = props => {
-  const { color, size, ...otherProps } = props;
+const SoundcloudFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -35,9 +34,4 @@ SoundcloudFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-SoundcloudFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default SoundcloudFill;
diff --git a/src/icons/sparkles.js b/src/icons/sparkles.js
index e87865b..0e1b27b 100644
--- a/src/icons/sparkles.js
+++ b/src/icons/sparkles.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Sparkles = props => {
-  const { color, size, ...otherProps } = props;
+const Sparkles = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ Sparkles.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Sparkles.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Sparkles;
diff --git a/src/icons/spotify-fill.js b/src/icons/spotify-fill.js
index 4236a3b..b145727 100644
--- a/src/icons/spotify-fill.js
+++ b/src/icons/spotify-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const SpotifyFill = props => {
-  const { color, size, ...otherProps } = props;
+const SpotifyFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ SpotifyFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-SpotifyFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default SpotifyFill;
diff --git a/src/icons/square-fill.js b/src/icons/square-fill.js
index 4c7a12a..edb8ff3 100644
--- a/src/icons/square-fill.js
+++ b/src/icons/square-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const SquareFill = props => {
-  const { color, size, ...otherProps } = props;
+const SquareFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,9 +21,4 @@ SquareFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-SquareFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default SquareFill;
diff --git a/src/icons/square.js b/src/icons/square.js
index 7a4db48..37ab504 100644
--- a/src/icons/square.js
+++ b/src/icons/square.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Square = props => {
-  const { color, size, ...otherProps } = props;
+const Square = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Square.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Square.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Square;
diff --git a/src/icons/stack-overflow-fill.js b/src/icons/stack-overflow-fill.js
index c409380..9a92586 100644
--- a/src/icons/stack-overflow-fill.js
+++ b/src/icons/stack-overflow-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const StackOverflowFill = props => {
-  const { color, size, ...otherProps } = props;
+const StackOverflowFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -23,9 +22,4 @@ StackOverflowFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-StackOverflowFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default StackOverflowFill;
diff --git a/src/icons/star.js b/src/icons/star.js
index ffbfbaa..0c030dd 100644
--- a/src/icons/star.js
+++ b/src/icons/star.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Star = props => {
-  const { color, size, ...otherProps } = props;
+const Star = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Star.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Star.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Star;
diff --git a/src/icons/statistic-down.js b/src/icons/statistic-down.js
index 54e9570..193e890 100644
--- a/src/icons/statistic-down.js
+++ b/src/icons/statistic-down.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const StatisticDown = props => {
-  const { color, size, ...otherProps } = props;
+const StatisticDown = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ StatisticDown.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-StatisticDown.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default StatisticDown;
diff --git a/src/icons/statistic-up.js b/src/icons/statistic-up.js
index 5004538..0890b57 100644
--- a/src/icons/statistic-up.js
+++ b/src/icons/statistic-up.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const StatisticUp = props => {
-  const { color, size, ...otherProps } = props;
+const StatisticUp = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ StatisticUp.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-StatisticUp.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default StatisticUp;
diff --git a/src/icons/stop-fill.js b/src/icons/stop-fill.js
index d67d7cc..ee6dc85 100644
--- a/src/icons/stop-fill.js
+++ b/src/icons/stop-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const StopFill = props => {
-  const { color, size, ...otherProps } = props;
+const StopFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ StopFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-StopFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default StopFill;
diff --git a/src/icons/stop.js b/src/icons/stop.js
index f7ab2bd..4ea6715 100644
--- a/src/icons/stop.js
+++ b/src/icons/stop.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Stop = props => {
-  const { color, size, ...otherProps } = props;
+const Stop = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Stop.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Stop.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Stop;
diff --git a/src/icons/sun-fill.js b/src/icons/sun-fill.js
index cbb78e0..561d126 100644
--- a/src/icons/sun-fill.js
+++ b/src/icons/sun-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const SunFill = props => {
-  const { color, size, ...otherProps } = props;
+const SunFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ SunFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-SunFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default SunFill;
diff --git a/src/icons/sun.js b/src/icons/sun.js
index ad86def..11f5729 100644
--- a/src/icons/sun.js
+++ b/src/icons/sun.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Sun = props => {
-  const { color, size, ...otherProps } = props;
+const Sun = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Sun.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Sun.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Sun;
diff --git a/src/icons/sword.js b/src/icons/sword.js
index 9e8b977..0b6e94e 100644
--- a/src/icons/sword.js
+++ b/src/icons/sword.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Sword = props => {
-  const { color, size, ...otherProps } = props;
+const Sword = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ Sword.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Sword.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Sword;
diff --git a/src/icons/tablet-device.js b/src/icons/tablet-device.js
index 16bde4a..c668fe3 100644
--- a/src/icons/tablet-device.js
+++ b/src/icons/tablet-device.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const TabletDevice = props => {
-  const { color, size, ...otherProps } = props;
+const TabletDevice = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ TabletDevice.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-TabletDevice.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default TabletDevice;
diff --git a/src/icons/tag.js b/src/icons/tag.js
index b5cd98d..282f4c9 100644
--- a/src/icons/tag.js
+++ b/src/icons/tag.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Tag = props => {
-  const { color, size, ...otherProps } = props;
+const Tag = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Tag.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Tag.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Tag;
diff --git a/src/icons/telegram-fill.js b/src/icons/telegram-fill.js
index b6bbf7b..ea4f010 100644
--- a/src/icons/telegram-fill.js
+++ b/src/icons/telegram-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const TelegramFill = props => {
-  const { color, size, ...otherProps } = props;
+const TelegramFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -33,9 +32,4 @@ TelegramFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-TelegramFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default TelegramFill;
diff --git a/src/icons/telescope.js b/src/icons/telescope.js
index 87f552d..36a0e6a 100644
--- a/src/icons/telescope.js
+++ b/src/icons/telescope.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Telescope = props => {
-  const { color, size, ...otherProps } = props;
+const Telescope = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ Telescope.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Telescope.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Telescope;
diff --git a/src/icons/tetragon-fill.js b/src/icons/tetragon-fill.js
index dba4816..a65c8d8 100644
--- a/src/icons/tetragon-fill.js
+++ b/src/icons/tetragon-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const TetragonFill = props => {
-  const { color, size, ...otherProps } = props;
+const TetragonFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,9 +21,4 @@ TetragonFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-TetragonFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default TetragonFill;
diff --git a/src/icons/tetragon.js b/src/icons/tetragon.js
index d68171f..b1b3c84 100644
--- a/src/icons/tetragon.js
+++ b/src/icons/tetragon.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Tetragon = props => {
-  const { color, size, ...otherProps } = props;
+const Tetragon = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Tetragon.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Tetragon.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Tetragon;
diff --git a/src/icons/text-align-center.js b/src/icons/text-align-center.js
index ccf0804..37c7798 100644
--- a/src/icons/text-align-center.js
+++ b/src/icons/text-align-center.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const TextAlignCenter = props => {
-  const { color, size, ...otherProps } = props;
+const TextAlignCenter = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ TextAlignCenter.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-TextAlignCenter.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default TextAlignCenter;
diff --git a/src/icons/text-align-justified.js b/src/icons/text-align-justified.js
index 3019b70..98f344f 100644
--- a/src/icons/text-align-justified.js
+++ b/src/icons/text-align-justified.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const TextAlignJustified = props => {
-  const { color, size, ...otherProps } = props;
+const TextAlignJustified = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ TextAlignJustified.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-TextAlignJustified.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default TextAlignJustified;
diff --git a/src/icons/text-align-left.js b/src/icons/text-align-left.js
index 913bb93..7421f93 100644
--- a/src/icons/text-align-left.js
+++ b/src/icons/text-align-left.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const TextAlignLeft = props => {
-  const { color, size, ...otherProps } = props;
+const TextAlignLeft = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ TextAlignLeft.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-TextAlignLeft.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default TextAlignLeft;
diff --git a/src/icons/text-align-right.js b/src/icons/text-align-right.js
index 167286b..3296c93 100644
--- a/src/icons/text-align-right.js
+++ b/src/icons/text-align-right.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const TextAlignRight = props => {
-  const { color, size, ...otherProps } = props;
+const TextAlignRight = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ TextAlignRight.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-TextAlignRight.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default TextAlignRight;
diff --git a/src/icons/three-line-horizontal.js b/src/icons/three-line-horizontal.js
index 84ace5a..e5871f2 100644
--- a/src/icons/three-line-horizontal.js
+++ b/src/icons/three-line-horizontal.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ThreeLineHorizontal = props => {
-  const { color, size, ...otherProps } = props;
+const ThreeLineHorizontal = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ ThreeLineHorizontal.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ThreeLineHorizontal.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ThreeLineHorizontal;
diff --git a/src/icons/three-line-vertical.js b/src/icons/three-line-vertical.js
index 9f41cc1..395175e 100644
--- a/src/icons/three-line-vertical.js
+++ b/src/icons/three-line-vertical.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ThreeLineVertical = props => {
-  const { color, size, ...otherProps } = props;
+const ThreeLineVertical = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ ThreeLineVertical.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ThreeLineVertical.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ThreeLineVertical;
diff --git a/src/icons/thumbs-down.js b/src/icons/thumbs-down.js
index cb7ca4c..34a9913 100644
--- a/src/icons/thumbs-down.js
+++ b/src/icons/thumbs-down.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ThumbsDown = props => {
-  const { color, size, ...otherProps } = props;
+const ThumbsDown = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ ThumbsDown.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ThumbsDown.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ThumbsDown;
diff --git a/src/icons/thumbs-up.js b/src/icons/thumbs-up.js
index 4ce1292..252f97b 100644
--- a/src/icons/thumbs-up.js
+++ b/src/icons/thumbs-up.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ThumbsUp = props => {
-  const { color, size, ...otherProps } = props;
+const ThumbsUp = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ ThumbsUp.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ThumbsUp.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ThumbsUp;
diff --git a/src/icons/thunder.js b/src/icons/thunder.js
index d34a04a..a337d8a 100644
--- a/src/icons/thunder.js
+++ b/src/icons/thunder.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Thunder = props => {
-  const { color, size, ...otherProps } = props;
+const Thunder = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Thunder.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Thunder.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Thunder;
diff --git a/src/icons/ticket.js b/src/icons/ticket.js
index 524e2ab..a6198f1 100644
--- a/src/icons/ticket.js
+++ b/src/icons/ticket.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Ticket = props => {
-  const { color, size, ...otherProps } = props;
+const Ticket = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Ticket.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Ticket.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Ticket;
diff --git a/src/icons/tiktok-fill.js b/src/icons/tiktok-fill.js
index 4071b7e..6e7221d 100644
--- a/src/icons/tiktok-fill.js
+++ b/src/icons/tiktok-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const TiktokFill = props => {
-  const { color, size, ...otherProps } = props;
+const TiktokFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,9 +21,4 @@ TiktokFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-TiktokFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default TiktokFill;
diff --git a/src/icons/toggle-off-fill.js b/src/icons/toggle-off-fill.js
index 232eeed..425be2d 100644
--- a/src/icons/toggle-off-fill.js
+++ b/src/icons/toggle-off-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ToggleOffFill = props => {
-  const { color, size, ...otherProps } = props;
+const ToggleOffFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ ToggleOffFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ToggleOffFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ToggleOffFill;
diff --git a/src/icons/toggle-off.js b/src/icons/toggle-off.js
index 607bef8..0face64 100644
--- a/src/icons/toggle-off.js
+++ b/src/icons/toggle-off.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ToggleOff = props => {
-  const { color, size, ...otherProps } = props;
+const ToggleOff = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ ToggleOff.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ToggleOff.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ToggleOff;
diff --git a/src/icons/toggle-on-fill.js b/src/icons/toggle-on-fill.js
index a072e8e..114559e 100644
--- a/src/icons/toggle-on-fill.js
+++ b/src/icons/toggle-on-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ToggleOnFill = props => {
-  const { color, size, ...otherProps } = props;
+const ToggleOnFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ ToggleOnFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ToggleOnFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ToggleOnFill;
diff --git a/src/icons/toggle-on.js b/src/icons/toggle-on.js
index bf7b840..33c0284 100644
--- a/src/icons/toggle-on.js
+++ b/src/icons/toggle-on.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ToggleOn = props => {
-  const { color, size, ...otherProps } = props;
+const ToggleOn = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ ToggleOn.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ToggleOn.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ToggleOn;
diff --git a/src/icons/togo-cup.js b/src/icons/togo-cup.js
index c9cdf7b..e7d86d2 100644
--- a/src/icons/togo-cup.js
+++ b/src/icons/togo-cup.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const TogoCup = props => {
-  const { color, size, ...otherProps } = props;
+const TogoCup = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ TogoCup.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-TogoCup.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default TogoCup;
diff --git a/src/icons/trash-bin.js b/src/icons/trash-bin.js
index d478e5d..ed03844 100644
--- a/src/icons/trash-bin.js
+++ b/src/icons/trash-bin.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const TrashBin = props => {
-  const { color, size, ...otherProps } = props;
+const TrashBin = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ TrashBin.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-TrashBin.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default TrashBin;
diff --git a/src/icons/trash-can.js b/src/icons/trash-can.js
index 6271103..af0f714 100644
--- a/src/icons/trash-can.js
+++ b/src/icons/trash-can.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const TrashCan = props => {
-  const { color, size, ...otherProps } = props;
+const TrashCan = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -30,9 +29,4 @@ TrashCan.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-TrashCan.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default TrashCan;
diff --git a/src/icons/triangle-alert-fill.js b/src/icons/triangle-alert-fill.js
index 854d492..5330ff7 100644
--- a/src/icons/triangle-alert-fill.js
+++ b/src/icons/triangle-alert-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const TriangleAlertFill = props => {
-  const { color, size, ...otherProps } = props;
+const TriangleAlertFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ TriangleAlertFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-TriangleAlertFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default TriangleAlertFill;
diff --git a/src/icons/triangle-alert.js b/src/icons/triangle-alert.js
index 4534caa..6ce21b2 100644
--- a/src/icons/triangle-alert.js
+++ b/src/icons/triangle-alert.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const TriangleAlert = props => {
-  const { color, size, ...otherProps } = props;
+const TriangleAlert = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ TriangleAlert.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-TriangleAlert.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default TriangleAlert;
diff --git a/src/icons/triangle-down.js b/src/icons/triangle-down.js
index 0266e4a..152ab2d 100644
--- a/src/icons/triangle-down.js
+++ b/src/icons/triangle-down.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const TriangleDown = props => {
-  const { color, size, ...otherProps } = props;
+const TriangleDown = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ TriangleDown.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-TriangleDown.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default TriangleDown;
diff --git a/src/icons/triangle-fill.js b/src/icons/triangle-fill.js
index 7d930ef..09007dd 100644
--- a/src/icons/triangle-fill.js
+++ b/src/icons/triangle-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const TriangleFill = props => {
-  const { color, size, ...otherProps } = props;
+const TriangleFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,9 +21,4 @@ TriangleFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-TriangleFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default TriangleFill;
diff --git a/src/icons/triangle-left.js b/src/icons/triangle-left.js
index de4962c..54a225a 100644
--- a/src/icons/triangle-left.js
+++ b/src/icons/triangle-left.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const TriangleLeft = props => {
-  const { color, size, ...otherProps } = props;
+const TriangleLeft = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ TriangleLeft.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-TriangleLeft.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default TriangleLeft;
diff --git a/src/icons/triangle-right.js b/src/icons/triangle-right.js
index cbe9615..0cac84a 100644
--- a/src/icons/triangle-right.js
+++ b/src/icons/triangle-right.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const TriangleRight = props => {
-  const { color, size, ...otherProps } = props;
+const TriangleRight = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ TriangleRight.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-TriangleRight.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default TriangleRight;
diff --git a/src/icons/triangle-up.js b/src/icons/triangle-up.js
index 0ae27b3..f328a97 100644
--- a/src/icons/triangle-up.js
+++ b/src/icons/triangle-up.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const TriangleUp = props => {
-  const { color, size, ...otherProps } = props;
+const TriangleUp = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ TriangleUp.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-TriangleUp.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default TriangleUp;
diff --git a/src/icons/triangle.js b/src/icons/triangle.js
index c8e3674..32f2fa6 100644
--- a/src/icons/triangle.js
+++ b/src/icons/triangle.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Triangle = props => {
-  const { color, size, ...otherProps } = props;
+const Triangle = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Triangle.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Triangle.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Triangle;
diff --git a/src/icons/trophy.js b/src/icons/trophy.js
index 48e7290..c38703e 100644
--- a/src/icons/trophy.js
+++ b/src/icons/trophy.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Trophy = props => {
-  const { color, size, ...otherProps } = props;
+const Trophy = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ Trophy.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Trophy.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Trophy;
diff --git a/src/icons/truck.js b/src/icons/truck.js
index 6093da0..b18a027 100644
--- a/src/icons/truck.js
+++ b/src/icons/truck.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Truck = props => {
-  const { color, size, ...otherProps } = props;
+const Truck = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -30,9 +29,4 @@ Truck.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Truck.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Truck;
diff --git a/src/icons/tumblr-fill.js b/src/icons/tumblr-fill.js
index df64472..953c21e 100644
--- a/src/icons/tumblr-fill.js
+++ b/src/icons/tumblr-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const TumblrFill = props => {
-  const { color, size, ...otherProps } = props;
+const TumblrFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ TumblrFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-TumblrFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default TumblrFill;
diff --git a/src/icons/twitch-fill.js b/src/icons/twitch-fill.js
index 38cd1a8..1182e11 100644
--- a/src/icons/twitch-fill.js
+++ b/src/icons/twitch-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const TwitchFill = props => {
-  const { color, size, ...otherProps } = props;
+const TwitchFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ TwitchFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-TwitchFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default TwitchFill;
diff --git a/src/icons/twitter-fill.js b/src/icons/twitter-fill.js
index 750436e..d8b0520 100644
--- a/src/icons/twitter-fill.js
+++ b/src/icons/twitter-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const TwitterFill = props => {
-  const { color, size, ...otherProps } = props;
+const TwitterFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,9 +21,4 @@ TwitterFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-TwitterFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default TwitterFill;
diff --git a/src/icons/two-line-horizontal.js b/src/icons/two-line-horizontal.js
index 4647614..a66ab2d 100644
--- a/src/icons/two-line-horizontal.js
+++ b/src/icons/two-line-horizontal.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const TwoLineHorizontal = props => {
-  const { color, size, ...otherProps } = props;
+const TwoLineHorizontal = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ TwoLineHorizontal.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-TwoLineHorizontal.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default TwoLineHorizontal;
diff --git a/src/icons/two-line-vertical.js b/src/icons/two-line-vertical.js
index 21ecd5e..1d1157f 100644
--- a/src/icons/two-line-vertical.js
+++ b/src/icons/two-line-vertical.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const TwoLineVertical = props => {
-  const { color, size, ...otherProps } = props;
+const TwoLineVertical = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ TwoLineVertical.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-TwoLineVertical.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default TwoLineVertical;
diff --git a/src/icons/typescript-fill.js b/src/icons/typescript-fill.js
index 79e140a..b113b98 100644
--- a/src/icons/typescript-fill.js
+++ b/src/icons/typescript-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const TypescriptFill = props => {
-  const { color, size, ...otherProps } = props;
+const TypescriptFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ TypescriptFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-TypescriptFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default TypescriptFill;
diff --git a/src/icons/umbrella.js b/src/icons/umbrella.js
index 4f389bd..fd48861 100644
--- a/src/icons/umbrella.js
+++ b/src/icons/umbrella.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Umbrella = props => {
-  const { color, size, ...otherProps } = props;
+const Umbrella = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Umbrella.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Umbrella.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Umbrella;
diff --git a/src/icons/unsplash-fill.js b/src/icons/unsplash-fill.js
index 91f7199..347a5f9 100644
--- a/src/icons/unsplash-fill.js
+++ b/src/icons/unsplash-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const UnsplashFill = props => {
-  const { color, size, ...otherProps } = props;
+const UnsplashFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ UnsplashFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-UnsplashFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default UnsplashFill;
diff --git a/src/icons/utensils.js b/src/icons/utensils.js
index 8090442..399e890 100644
--- a/src/icons/utensils.js
+++ b/src/icons/utensils.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Utensils = props => {
-  const { color, size, ...otherProps } = props;
+const Utensils = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -31,9 +30,4 @@ Utensils.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Utensils.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Utensils;
diff --git a/src/icons/vape-kit.js b/src/icons/vape-kit.js
index b0a3363..7636a60 100644
--- a/src/icons/vape-kit.js
+++ b/src/icons/vape-kit.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const VapeKit = props => {
-  const { color, size, ...otherProps } = props;
+const VapeKit = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -32,9 +31,4 @@ VapeKit.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-VapeKit.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default VapeKit;
diff --git a/src/icons/vercel-fill.js b/src/icons/vercel-fill.js
index 758c8de..da48fc8 100644
--- a/src/icons/vercel-fill.js
+++ b/src/icons/vercel-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const VercelFill = props => {
-  const { color, size, ...otherProps } = props;
+const VercelFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,9 +21,4 @@ VercelFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-VercelFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default VercelFill;
diff --git a/src/icons/victory-hand.js b/src/icons/victory-hand.js
index a10c3ea..62c7a85 100644
--- a/src/icons/victory-hand.js
+++ b/src/icons/victory-hand.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const VictoryHand = props => {
-  const { color, size, ...otherProps } = props;
+const VictoryHand = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ VictoryHand.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-VictoryHand.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default VictoryHand;
diff --git a/src/icons/video.js b/src/icons/video.js
index e05e06e..9584620 100644
--- a/src/icons/video.js
+++ b/src/icons/video.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Video = props => {
-  const { color, size, ...otherProps } = props;
+const Video = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ Video.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Video.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Video;
diff --git a/src/icons/vimeo-fill.js b/src/icons/vimeo-fill.js
index 5b324ca..6a9690e 100644
--- a/src/icons/vimeo-fill.js
+++ b/src/icons/vimeo-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const VimeoFill = props => {
-  const { color, size, ...otherProps } = props;
+const VimeoFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,9 +21,4 @@ VimeoFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-VimeoFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default VimeoFill;
diff --git a/src/icons/vk-fill.js b/src/icons/vk-fill.js
index 023a454..93f9ef0 100644
--- a/src/icons/vk-fill.js
+++ b/src/icons/vk-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const VkFill = props => {
-  const { color, size, ...otherProps } = props;
+const VkFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -21,14 +20,4 @@ const VkFill = props => {
   );
 };
 
-VkFill.propTypes = {
-  color: PropTypes.string,
-  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-};
-
-VkFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default VkFill;
diff --git a/src/icons/vr-ar.js b/src/icons/vr-ar.js
index 3249abd..59d55e8 100644
--- a/src/icons/vr-ar.js
+++ b/src/icons/vr-ar.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const VrAr = props => {
-  const { color, size, ...otherProps } = props;
+const VrAr = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ VrAr.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-VrAr.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default VrAr;
diff --git a/src/icons/vscode-fill.js b/src/icons/vscode-fill.js
index 196bf47..947302b 100644
--- a/src/icons/vscode-fill.js
+++ b/src/icons/vscode-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const VscodeFill = props => {
-  const { color, size, ...otherProps } = props;
+const VscodeFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -32,9 +31,4 @@ VscodeFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-VscodeFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default VscodeFill;
diff --git a/src/icons/vue-fill.js b/src/icons/vue-fill.js
index 55af761..23e8c12 100644
--- a/src/icons/vue-fill.js
+++ b/src/icons/vue-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const VueFill = props => {
-  const { color, size, ...otherProps } = props;
+const VueFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -22,9 +21,4 @@ VueFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-VueFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default VueFill;
diff --git a/src/icons/wallet.js b/src/icons/wallet.js
index d1ef66f..15f4c85 100644
--- a/src/icons/wallet.js
+++ b/src/icons/wallet.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Wallet = props => {
-  const { color, size, ...otherProps } = props;
+const Wallet = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ Wallet.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Wallet.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Wallet;
diff --git a/src/icons/watch-device.js b/src/icons/watch-device.js
index 23f0245..035002d 100644
--- a/src/icons/watch-device.js
+++ b/src/icons/watch-device.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const WatchDevice = props => {
-  const { color, size, ...otherProps } = props;
+const WatchDevice = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ WatchDevice.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-WatchDevice.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default WatchDevice;
diff --git a/src/icons/water.js b/src/icons/water.js
index 1a12b41..92b6a79 100644
--- a/src/icons/water.js
+++ b/src/icons/water.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Water = props => {
-  const { color, size, ...otherProps } = props;
+const Water = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Water.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Water.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Water;
diff --git a/src/icons/whatsapp-fill.js b/src/icons/whatsapp-fill.js
index b877fcd..bd6b408 100644
--- a/src/icons/whatsapp-fill.js
+++ b/src/icons/whatsapp-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const WhatsappFill = props => {
-  const { color, size, ...otherProps } = props;
+const WhatsappFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -33,9 +32,4 @@ WhatsappFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-WhatsappFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default WhatsappFill;
diff --git a/src/icons/width.js b/src/icons/width.js
index 3a58c75..7827951 100644
--- a/src/icons/width.js
+++ b/src/icons/width.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Width = props => {
-  const { color, size, ...otherProps } = props;
+const Width = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -26,9 +25,4 @@ Width.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Width.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Width;
diff --git a/src/icons/wifi.js b/src/icons/wifi.js
index f949d2e..1de9952 100644
--- a/src/icons/wifi.js
+++ b/src/icons/wifi.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Wifi = props => {
-  const { color, size, ...otherProps } = props;
+const Wifi = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -28,9 +27,4 @@ Wifi.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-Wifi.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default Wifi;
diff --git a/src/icons/wine-glass.js b/src/icons/wine-glass.js
index 59fe4a7..87c3e38 100644
--- a/src/icons/wine-glass.js
+++ b/src/icons/wine-glass.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const WineGlass = props => {
-  const { color, size, ...otherProps } = props;
+const WineGlass = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ WineGlass.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-WineGlass.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default WineGlass;
diff --git a/src/icons/yarn-fill.js b/src/icons/yarn-fill.js
index 1b452ce..c520afc 100644
--- a/src/icons/yarn-fill.js
+++ b/src/icons/yarn-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const YarnFill = props => {
-  const { color, size, ...otherProps } = props;
+const YarnFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -34,9 +33,4 @@ YarnFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-YarnFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default YarnFill;
diff --git a/src/icons/youtube-fill.js b/src/icons/youtube-fill.js
index cb6bb4a..deb1875 100644
--- a/src/icons/youtube-fill.js
+++ b/src/icons/youtube-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const YoutubeFill = props => {
-  const { color, size, ...otherProps } = props;
+const YoutubeFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -29,9 +28,4 @@ YoutubeFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-YoutubeFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default YoutubeFill;
diff --git a/src/icons/zoom-fill.js b/src/icons/zoom-fill.js
index fac9650..efe94ba 100644
--- a/src/icons/zoom-fill.js
+++ b/src/icons/zoom-fill.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ZoomFill = props => {
-  const { color, size, ...otherProps } = props;
+const ZoomFill = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -33,9 +32,4 @@ ZoomFill.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ZoomFill.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ZoomFill;
diff --git a/src/icons/zoom-in.js b/src/icons/zoom-in.js
index e176403..ee0be8a 100644
--- a/src/icons/zoom-in.js
+++ b/src/icons/zoom-in.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ZoomIn = props => {
-  const { color, size, ...otherProps } = props;
+const ZoomIn = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ ZoomIn.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ZoomIn.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ZoomIn;
diff --git a/src/icons/zoom-out.js b/src/icons/zoom-out.js
index 3722b83..992da04 100644
--- a/src/icons/zoom-out.js
+++ b/src/icons/zoom-out.js
@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const ZoomOut = props => {
-  const { color, size, ...otherProps } = props;
+const ZoomOut = ({ color = "currentColor", size = "24", ...otherProps }) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -27,9 +26,4 @@ ZoomOut.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 
-ZoomOut.defaultProps = {
-  color: 'currentColor',
-  size: '24'
-};
-
 export default ZoomOut;