diff --git a/src/templates/SingleIcon.js.template b/src/templates/SingleIcon.js.template
index 559fd21..a7203ab 100644
--- a/src/templates/SingleIcon.js.template
+++ b/src/templates/SingleIcon.js.template
@@ -7,14 +7,10 @@ const DEFAULT_STYLE = {
   display: 'block',
 };
 
-const #componentName# = ({ size, color, style: _style, ...rest }) => {
+const #componentName# = ({ size = #size#, color, style: _style, ...rest }) => {
   const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;
 
   return (#iconContent#  );
 };
 
-#componentName#.defaultProps = {
-  size: #size#,
-};
-
 export default #componentName#;
diff --git a/src/templates/SingleIcon.tsx.template b/src/templates/SingleIcon.tsx.template
index e86fd17..9b73411 100644
--- a/src/templates/SingleIcon.tsx.template
+++ b/src/templates/SingleIcon.tsx.template
@@ -13,14 +13,10 @@ const DEFAULT_STYLE: CSSProperties = {
   display: 'block',
 };
 
-const #componentName#: FunctionComponent<Props> = ({ size, color, style: _style, ...rest }) => {
+const #componentName#: FunctionComponent<Props> = ({ size = #size#, color, style: _style, ...rest }) => {
   const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;
 
   return (#iconContent#  );
 };
 
-#componentName#.defaultProps = {
-  size: #size#,
-};
-
 export default #componentName#;