diff --git a/README.md b/README.md
index b6433a48..8f34272a 100644
--- a/README.md
+++ b/README.md
@@ -7,6 +7,7 @@
 react-feather is a collection of simply beautiful open source icons for React.js. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.
 
 #### Based on Feather Icons  ```v4.28.0```
+https://feathericons.com/
 
 ### Installation
     yarn add react-feather
diff --git a/bin/build.js b/bin/build.js
index f8f49c4b..1c177ecf 100644
--- a/bin/build.js
+++ b/bin/build.js
@@ -19,12 +19,12 @@ if (!fs.existsSync(dir)) {
 const initialTypeDefinitions = `/// <reference types="react" />
 import { FC, SVGAttributes } from 'react';
 
-interface Props extends SVGAttributes<SVGElement> {
+export interface IconProps extends SVGAttributes<SVGElement> {
   color?: string;
   size?: string | number;
 }
 
-type Icon = FC<Props>;
+export type Icon = FC<IconProps>;
 `;
 
 fs.writeFileSync(path.join(rootDir, 'src', 'index.js'), '', 'utf-8');
@@ -66,7 +66,7 @@ icons.forEach((i) => {
     import React, {forwardRef} from 'react';
     import PropTypes from 'prop-types';
 
-    const ${ComponentName} = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+    const ${ComponentName} = forwardRef(({ color = 'currentColor', size = 1em, ...rest }, ref) => {
       return (
         <svg ref={ref} ${attrsToString(defaultAttrs)}>
           ${featherIcons[i]}
diff --git a/package-lock.json b/package-lock.json
index c81a6b3b..d87b40ef 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "react-feather",
-  "version": "2.0.8",
+  "version": "2.0.9",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index 87628231..29c2a00b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-feather",
-  "version": "2.0.8",
+  "version": "2.0.9",
   "description": "React component for Feather icons",
   "main": "build/index.js",
   "module": "dist/index.js",
@@ -56,7 +56,7 @@
     "uppercamelcase": "^3.0.0"
   },
   "peerDependencies": {
-    "react": "^16.8.6"
+    "react": "^16.8.6 || ^17"
   },
   "dependencies": {
     "prop-types": "^15.7.2"
diff --git a/src/icons/activity.js b/src/icons/activity.js
index ed1d9187..467cc4c8 100644
--- a/src/icons/activity.js
+++ b/src/icons/activity.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Activity = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Activity = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/airplay.js b/src/icons/airplay.js
index 8cdba4ed..b53e4a10 100644
--- a/src/icons/airplay.js
+++ b/src/icons/airplay.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Airplay = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Airplay = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/alert-circle.js b/src/icons/alert-circle.js
index 57de0e75..8a1c7d87 100644
--- a/src/icons/alert-circle.js
+++ b/src/icons/alert-circle.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const AlertCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const AlertCircle = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/alert-octagon.js b/src/icons/alert-octagon.js
index d86f7114..34b3aa5a 100644
--- a/src/icons/alert-octagon.js
+++ b/src/icons/alert-octagon.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const AlertOctagon = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const AlertOctagon = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/alert-triangle.js b/src/icons/alert-triangle.js
index 5a1c373d..d3bf450c 100644
--- a/src/icons/alert-triangle.js
+++ b/src/icons/alert-triangle.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const AlertTriangle = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const AlertTriangle = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/align-center.js b/src/icons/align-center.js
index e0dd2cde..c394b1f5 100644
--- a/src/icons/align-center.js
+++ b/src/icons/align-center.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const AlignCenter = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const AlignCenter = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/align-justify.js b/src/icons/align-justify.js
index c638b961..1387a5ad 100644
--- a/src/icons/align-justify.js
+++ b/src/icons/align-justify.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const AlignJustify = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const AlignJustify = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/align-left.js b/src/icons/align-left.js
index 755c5b1f..9d9be7b4 100644
--- a/src/icons/align-left.js
+++ b/src/icons/align-left.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const AlignLeft = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const AlignLeft = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/align-right.js b/src/icons/align-right.js
index 13309cd9..438943b9 100644
--- a/src/icons/align-right.js
+++ b/src/icons/align-right.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const AlignRight = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const AlignRight = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/anchor.js b/src/icons/anchor.js
index b3006cc5..47282c0c 100644
--- a/src/icons/anchor.js
+++ b/src/icons/anchor.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Anchor = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Anchor = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/aperture.js b/src/icons/aperture.js
index b94cdd1e..8421f9f5 100644
--- a/src/icons/aperture.js
+++ b/src/icons/aperture.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Aperture = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Aperture = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/archive.js b/src/icons/archive.js
index 150c633d..b16e18f6 100644
--- a/src/icons/archive.js
+++ b/src/icons/archive.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Archive = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Archive = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/arrow-down-circle.js b/src/icons/arrow-down-circle.js
index 3c7f7a9b..8f31e0ad 100644
--- a/src/icons/arrow-down-circle.js
+++ b/src/icons/arrow-down-circle.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowDownCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ArrowDownCircle = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/arrow-down-left.js b/src/icons/arrow-down-left.js
index 68737b75..80ac76bb 100644
--- a/src/icons/arrow-down-left.js
+++ b/src/icons/arrow-down-left.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowDownLeft = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ArrowDownLeft = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/arrow-down-right.js b/src/icons/arrow-down-right.js
index bc3a89db..98600505 100644
--- a/src/icons/arrow-down-right.js
+++ b/src/icons/arrow-down-right.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowDownRight = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ArrowDownRight = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/arrow-down.js b/src/icons/arrow-down.js
index 679a41db..32a00a69 100644
--- a/src/icons/arrow-down.js
+++ b/src/icons/arrow-down.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowDown = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ArrowDown = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/arrow-left-circle.js b/src/icons/arrow-left-circle.js
index 617e9c08..90b8cda0 100644
--- a/src/icons/arrow-left-circle.js
+++ b/src/icons/arrow-left-circle.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowLeftCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ArrowLeftCircle = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/arrow-left.js b/src/icons/arrow-left.js
index 2026cf71..ea0667ef 100644
--- a/src/icons/arrow-left.js
+++ b/src/icons/arrow-left.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowLeft = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ArrowLeft = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/arrow-right-circle.js b/src/icons/arrow-right-circle.js
index 0ef0e2d5..a6db8077 100644
--- a/src/icons/arrow-right-circle.js
+++ b/src/icons/arrow-right-circle.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowRightCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ArrowRightCircle = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/arrow-right.js b/src/icons/arrow-right.js
index b6183235..c821317b 100644
--- a/src/icons/arrow-right.js
+++ b/src/icons/arrow-right.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowRight = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ArrowRight = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/arrow-up-circle.js b/src/icons/arrow-up-circle.js
index 2decd5af..5fa1c26d 100644
--- a/src/icons/arrow-up-circle.js
+++ b/src/icons/arrow-up-circle.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowUpCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ArrowUpCircle = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/arrow-up-left.js b/src/icons/arrow-up-left.js
index bbb91d96..21c0c40b 100644
--- a/src/icons/arrow-up-left.js
+++ b/src/icons/arrow-up-left.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowUpLeft = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ArrowUpLeft = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/arrow-up-right.js b/src/icons/arrow-up-right.js
index 2d055686..5771e0b1 100644
--- a/src/icons/arrow-up-right.js
+++ b/src/icons/arrow-up-right.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowUpRight = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ArrowUpRight = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/arrow-up.js b/src/icons/arrow-up.js
index e93e08e6..0326598e 100644
--- a/src/icons/arrow-up.js
+++ b/src/icons/arrow-up.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ArrowUp = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ArrowUp = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/at-sign.js b/src/icons/at-sign.js
index 2f0e3c40..4e46d0db 100644
--- a/src/icons/at-sign.js
+++ b/src/icons/at-sign.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const AtSign = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const AtSign = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/award.js b/src/icons/award.js
index 7a3c6c8e..a90acc19 100644
--- a/src/icons/award.js
+++ b/src/icons/award.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Award = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Award = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/bar-chart-2.js b/src/icons/bar-chart-2.js
index 93082281..7943d11f 100644
--- a/src/icons/bar-chart-2.js
+++ b/src/icons/bar-chart-2.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const BarChart2 = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const BarChart2 = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/bar-chart.js b/src/icons/bar-chart.js
index cacb58a1..29dc3e95 100644
--- a/src/icons/bar-chart.js
+++ b/src/icons/bar-chart.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const BarChart = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const BarChart = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/battery-charging.js b/src/icons/battery-charging.js
index 99c3efa6..6c051089 100644
--- a/src/icons/battery-charging.js
+++ b/src/icons/battery-charging.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const BatteryCharging = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const BatteryCharging = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/battery.js b/src/icons/battery.js
index 1427cd3d..444428b9 100644
--- a/src/icons/battery.js
+++ b/src/icons/battery.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Battery = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Battery = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/bell-off.js b/src/icons/bell-off.js
index 616e0513..26cbc836 100644
--- a/src/icons/bell-off.js
+++ b/src/icons/bell-off.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const BellOff = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const BellOff = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/bell.js b/src/icons/bell.js
index 92bbb58f..02f02aa0 100644
--- a/src/icons/bell.js
+++ b/src/icons/bell.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Bell = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Bell = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/bluetooth.js b/src/icons/bluetooth.js
index de35a75b..b6464c5d 100644
--- a/src/icons/bluetooth.js
+++ b/src/icons/bluetooth.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Bluetooth = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Bluetooth = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/bold.js b/src/icons/bold.js
index 1f99fa00..10a9645c 100644
--- a/src/icons/bold.js
+++ b/src/icons/bold.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Bold = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Bold = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/book-open.js b/src/icons/book-open.js
index d4ddbcc8..afd50909 100644
--- a/src/icons/book-open.js
+++ b/src/icons/book-open.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const BookOpen = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const BookOpen = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/book.js b/src/icons/book.js
index 22b5e8ad..26ac921c 100644
--- a/src/icons/book.js
+++ b/src/icons/book.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Book = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Book = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/bookmark.js b/src/icons/bookmark.js
index 6f456636..02722db5 100644
--- a/src/icons/bookmark.js
+++ b/src/icons/bookmark.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Bookmark = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Bookmark = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/box.js b/src/icons/box.js
index c4d35946..b9738b97 100644
--- a/src/icons/box.js
+++ b/src/icons/box.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Box = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Box = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/briefcase.js b/src/icons/briefcase.js
index 290b054b..fdeb04bc 100644
--- a/src/icons/briefcase.js
+++ b/src/icons/briefcase.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Briefcase = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Briefcase = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/calendar.js b/src/icons/calendar.js
index 9f6399fc..77e5e413 100644
--- a/src/icons/calendar.js
+++ b/src/icons/calendar.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Calendar = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Calendar = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/camera-off.js b/src/icons/camera-off.js
index aaa12a1b..12984dd6 100644
--- a/src/icons/camera-off.js
+++ b/src/icons/camera-off.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const CameraOff = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const CameraOff = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/camera.js b/src/icons/camera.js
index 949999c2..a4842f6e 100644
--- a/src/icons/camera.js
+++ b/src/icons/camera.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Camera = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Camera = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/cast.js b/src/icons/cast.js
index ad07242a..c6befee5 100644
--- a/src/icons/cast.js
+++ b/src/icons/cast.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Cast = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Cast = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/check-circle.js b/src/icons/check-circle.js
index 1ffde159..f74c37b4 100644
--- a/src/icons/check-circle.js
+++ b/src/icons/check-circle.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const CheckCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const CheckCircle = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/check-square.js b/src/icons/check-square.js
index 65e14e3c..83af5ec0 100644
--- a/src/icons/check-square.js
+++ b/src/icons/check-square.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const CheckSquare = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const CheckSquare = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/check.js b/src/icons/check.js
index c1e075a8..c3d30bb1 100644
--- a/src/icons/check.js
+++ b/src/icons/check.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Check = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Check = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/chevron-down.js b/src/icons/chevron-down.js
index ed266b92..2d431730 100644
--- a/src/icons/chevron-down.js
+++ b/src/icons/chevron-down.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ChevronDown = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ChevronDown = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/chevron-left.js b/src/icons/chevron-left.js
index e0d21188..6c2c6ed9 100644
--- a/src/icons/chevron-left.js
+++ b/src/icons/chevron-left.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ChevronLeft = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ChevronLeft = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/chevron-right.js b/src/icons/chevron-right.js
index dea073d8..3c9d9f13 100644
--- a/src/icons/chevron-right.js
+++ b/src/icons/chevron-right.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ChevronRight = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ChevronRight = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/chevron-up.js b/src/icons/chevron-up.js
index 9aefed45..95eb8d1c 100644
--- a/src/icons/chevron-up.js
+++ b/src/icons/chevron-up.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ChevronUp = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ChevronUp = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/chevrons-down.js b/src/icons/chevrons-down.js
index 2efedc11..d0922ce0 100644
--- a/src/icons/chevrons-down.js
+++ b/src/icons/chevrons-down.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ChevronsDown = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ChevronsDown = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/chevrons-left.js b/src/icons/chevrons-left.js
index 340b3833..56917db9 100644
--- a/src/icons/chevrons-left.js
+++ b/src/icons/chevrons-left.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ChevronsLeft = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ChevronsLeft = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/chevrons-right.js b/src/icons/chevrons-right.js
index 8643d55f..acf8d222 100644
--- a/src/icons/chevrons-right.js
+++ b/src/icons/chevrons-right.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ChevronsRight = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ChevronsRight = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/chevrons-up.js b/src/icons/chevrons-up.js
index 28ee4c71..6a05d502 100644
--- a/src/icons/chevrons-up.js
+++ b/src/icons/chevrons-up.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ChevronsUp = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ChevronsUp = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/chrome.js b/src/icons/chrome.js
index 963e88a8..4e2e2b6e 100644
--- a/src/icons/chrome.js
+++ b/src/icons/chrome.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Chrome = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Chrome = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/circle.js b/src/icons/circle.js
index acea4cfc..d2e6b938 100644
--- a/src/icons/circle.js
+++ b/src/icons/circle.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Circle = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Circle = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/clipboard.js b/src/icons/clipboard.js
index 88d2479a..5adc8b4c 100644
--- a/src/icons/clipboard.js
+++ b/src/icons/clipboard.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Clipboard = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Clipboard = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/clock.js b/src/icons/clock.js
index f2a19dcf..bf6c8df9 100644
--- a/src/icons/clock.js
+++ b/src/icons/clock.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Clock = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Clock = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/cloud-drizzle.js b/src/icons/cloud-drizzle.js
index c9f988ff..992da83b 100644
--- a/src/icons/cloud-drizzle.js
+++ b/src/icons/cloud-drizzle.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const CloudDrizzle = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const CloudDrizzle = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/cloud-lightning.js b/src/icons/cloud-lightning.js
index 1d602e4a..f46c1d7a 100644
--- a/src/icons/cloud-lightning.js
+++ b/src/icons/cloud-lightning.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const CloudLightning = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const CloudLightning = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/cloud-off.js b/src/icons/cloud-off.js
index 1888fa0c..81e9d361 100644
--- a/src/icons/cloud-off.js
+++ b/src/icons/cloud-off.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const CloudOff = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const CloudOff = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/cloud-rain.js b/src/icons/cloud-rain.js
index 443641b4..b2b8a8ab 100644
--- a/src/icons/cloud-rain.js
+++ b/src/icons/cloud-rain.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const CloudRain = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const CloudRain = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/cloud-snow.js b/src/icons/cloud-snow.js
index e3d71a54..246b86d5 100644
--- a/src/icons/cloud-snow.js
+++ b/src/icons/cloud-snow.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const CloudSnow = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const CloudSnow = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/cloud.js b/src/icons/cloud.js
index d11a6dd3..34414e24 100644
--- a/src/icons/cloud.js
+++ b/src/icons/cloud.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Cloud = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Cloud = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/code.js b/src/icons/code.js
index a3d2bac0..c09fd865 100644
--- a/src/icons/code.js
+++ b/src/icons/code.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Code = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Code = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/codepen.js b/src/icons/codepen.js
index dd8f1def..ca3c7374 100644
--- a/src/icons/codepen.js
+++ b/src/icons/codepen.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Codepen = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Codepen = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/codesandbox.js b/src/icons/codesandbox.js
index 01d6119a..c5427af8 100644
--- a/src/icons/codesandbox.js
+++ b/src/icons/codesandbox.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Codesandbox = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Codesandbox = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/coffee.js b/src/icons/coffee.js
index 7a0a287b..c40fd1c8 100644
--- a/src/icons/coffee.js
+++ b/src/icons/coffee.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Coffee = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Coffee = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/columns.js b/src/icons/columns.js
index 4a1acafd..741134be 100644
--- a/src/icons/columns.js
+++ b/src/icons/columns.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Columns = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Columns = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/command.js b/src/icons/command.js
index 64e00a29..66d16c52 100644
--- a/src/icons/command.js
+++ b/src/icons/command.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Command = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Command = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/compass.js b/src/icons/compass.js
index d608971d..3a2b5385 100644
--- a/src/icons/compass.js
+++ b/src/icons/compass.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Compass = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Compass = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/copy.js b/src/icons/copy.js
index 428ed7ff..17d41b2c 100644
--- a/src/icons/copy.js
+++ b/src/icons/copy.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Copy = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Copy = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/corner-down-left.js b/src/icons/corner-down-left.js
index 28ab46cc..bb307395 100644
--- a/src/icons/corner-down-left.js
+++ b/src/icons/corner-down-left.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const CornerDownLeft = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const CornerDownLeft = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/corner-down-right.js b/src/icons/corner-down-right.js
index f2ce5690..2f366f6b 100644
--- a/src/icons/corner-down-right.js
+++ b/src/icons/corner-down-right.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const CornerDownRight = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const CornerDownRight = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/corner-left-down.js b/src/icons/corner-left-down.js
index 5e44e592..cb35b6f5 100644
--- a/src/icons/corner-left-down.js
+++ b/src/icons/corner-left-down.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const CornerLeftDown = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const CornerLeftDown = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/corner-left-up.js b/src/icons/corner-left-up.js
index 9ea0701c..3e9dd7da 100644
--- a/src/icons/corner-left-up.js
+++ b/src/icons/corner-left-up.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const CornerLeftUp = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const CornerLeftUp = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/corner-right-down.js b/src/icons/corner-right-down.js
index 469e9909..890fc7cd 100644
--- a/src/icons/corner-right-down.js
+++ b/src/icons/corner-right-down.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const CornerRightDown = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const CornerRightDown = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/corner-right-up.js b/src/icons/corner-right-up.js
index b12ab258..43f83a41 100644
--- a/src/icons/corner-right-up.js
+++ b/src/icons/corner-right-up.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const CornerRightUp = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const CornerRightUp = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/corner-up-left.js b/src/icons/corner-up-left.js
index bee7efa6..1bee81f7 100644
--- a/src/icons/corner-up-left.js
+++ b/src/icons/corner-up-left.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const CornerUpLeft = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const CornerUpLeft = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/corner-up-right.js b/src/icons/corner-up-right.js
index 2caa42a2..9a8f4b41 100644
--- a/src/icons/corner-up-right.js
+++ b/src/icons/corner-up-right.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const CornerUpRight = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const CornerUpRight = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/cpu.js b/src/icons/cpu.js
index f1fd6dd7..b8489ad5 100644
--- a/src/icons/cpu.js
+++ b/src/icons/cpu.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Cpu = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Cpu = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/credit-card.js b/src/icons/credit-card.js
index 0ef82c96..5dd824b8 100644
--- a/src/icons/credit-card.js
+++ b/src/icons/credit-card.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const CreditCard = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const CreditCard = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/crop.js b/src/icons/crop.js
index be26e004..4256306c 100644
--- a/src/icons/crop.js
+++ b/src/icons/crop.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Crop = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Crop = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/crosshair.js b/src/icons/crosshair.js
index 3b893834..44394ca1 100644
--- a/src/icons/crosshair.js
+++ b/src/icons/crosshair.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Crosshair = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Crosshair = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/database.js b/src/icons/database.js
index 7e248d90..bf295680 100644
--- a/src/icons/database.js
+++ b/src/icons/database.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Database = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Database = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/delete.js b/src/icons/delete.js
index a02994d6..c0599ce1 100644
--- a/src/icons/delete.js
+++ b/src/icons/delete.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Delete = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Delete = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/disc.js b/src/icons/disc.js
index fae2b5c2..e7ce1d5a 100644
--- a/src/icons/disc.js
+++ b/src/icons/disc.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Disc = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Disc = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/divide-circle.js b/src/icons/divide-circle.js
index b690c65a..db4bedcf 100644
--- a/src/icons/divide-circle.js
+++ b/src/icons/divide-circle.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const DivideCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const DivideCircle = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/divide-square.js b/src/icons/divide-square.js
index 52ed598b..0677644f 100644
--- a/src/icons/divide-square.js
+++ b/src/icons/divide-square.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const DivideSquare = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const DivideSquare = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/divide.js b/src/icons/divide.js
index a00c63fc..7679cb18 100644
--- a/src/icons/divide.js
+++ b/src/icons/divide.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Divide = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Divide = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/dollar-sign.js b/src/icons/dollar-sign.js
index a1f4fa65..24942f88 100644
--- a/src/icons/dollar-sign.js
+++ b/src/icons/dollar-sign.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const DollarSign = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const DollarSign = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/download-cloud.js b/src/icons/download-cloud.js
index 2db09b20..6980673e 100644
--- a/src/icons/download-cloud.js
+++ b/src/icons/download-cloud.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const DownloadCloud = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const DownloadCloud = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/download.js b/src/icons/download.js
index fdb1066d..eb7eb21c 100644
--- a/src/icons/download.js
+++ b/src/icons/download.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Download = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Download = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/dribbble.js b/src/icons/dribbble.js
index e867dd2e..c5c6a6a4 100644
--- a/src/icons/dribbble.js
+++ b/src/icons/dribbble.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Dribbble = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Dribbble = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/droplet.js b/src/icons/droplet.js
index e32369c8..eedf2aa5 100644
--- a/src/icons/droplet.js
+++ b/src/icons/droplet.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Droplet = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Droplet = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/edit-2.js b/src/icons/edit-2.js
index cd9cd002..18fd5c7f 100644
--- a/src/icons/edit-2.js
+++ b/src/icons/edit-2.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Edit2 = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Edit2 = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/edit-3.js b/src/icons/edit-3.js
index c28a5ecd..7b420d1c 100644
--- a/src/icons/edit-3.js
+++ b/src/icons/edit-3.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Edit3 = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Edit3 = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/edit.js b/src/icons/edit.js
index 28579470..308b92d6 100644
--- a/src/icons/edit.js
+++ b/src/icons/edit.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Edit = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Edit = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/external-link.js b/src/icons/external-link.js
index 8f894e6e..c2202cad 100644
--- a/src/icons/external-link.js
+++ b/src/icons/external-link.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ExternalLink = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ExternalLink = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/eye-off.js b/src/icons/eye-off.js
index 3cf70003..366a0946 100644
--- a/src/icons/eye-off.js
+++ b/src/icons/eye-off.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const EyeOff = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const EyeOff = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/eye.js b/src/icons/eye.js
index 5975969d..c782cf09 100644
--- a/src/icons/eye.js
+++ b/src/icons/eye.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Eye = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Eye = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/facebook.js b/src/icons/facebook.js
index e26d38a9..a7b9edea 100644
--- a/src/icons/facebook.js
+++ b/src/icons/facebook.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Facebook = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Facebook = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/fast-forward.js b/src/icons/fast-forward.js
index 8c4faacf..94533c13 100644
--- a/src/icons/fast-forward.js
+++ b/src/icons/fast-forward.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const FastForward = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const FastForward = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/feather.js b/src/icons/feather.js
index ce167bf8..73964c1e 100644
--- a/src/icons/feather.js
+++ b/src/icons/feather.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Feather = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Feather = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/figma.js b/src/icons/figma.js
index 9bcd6083..858e24f6 100644
--- a/src/icons/figma.js
+++ b/src/icons/figma.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Figma = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Figma = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/file-minus.js b/src/icons/file-minus.js
index 873d442f..09348fe6 100644
--- a/src/icons/file-minus.js
+++ b/src/icons/file-minus.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const FileMinus = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const FileMinus = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/file-plus.js b/src/icons/file-plus.js
index dd95849c..887d8b19 100644
--- a/src/icons/file-plus.js
+++ b/src/icons/file-plus.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const FilePlus = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const FilePlus = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/file-text.js b/src/icons/file-text.js
index 6719c625..80e3585d 100644
--- a/src/icons/file-text.js
+++ b/src/icons/file-text.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const FileText = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const FileText = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/file.js b/src/icons/file.js
index 0f215ae7..ee429fe8 100644
--- a/src/icons/file.js
+++ b/src/icons/file.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const File = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const File = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/film.js b/src/icons/film.js
index d9c8ff8d..7006a4ac 100644
--- a/src/icons/film.js
+++ b/src/icons/film.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Film = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Film = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/filter.js b/src/icons/filter.js
index b337d619..1cdc6dcd 100644
--- a/src/icons/filter.js
+++ b/src/icons/filter.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Filter = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Filter = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/flag.js b/src/icons/flag.js
index f80dbc93..cd8faf2e 100644
--- a/src/icons/flag.js
+++ b/src/icons/flag.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Flag = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Flag = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/folder-minus.js b/src/icons/folder-minus.js
index f25516ac..f1545873 100644
--- a/src/icons/folder-minus.js
+++ b/src/icons/folder-minus.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const FolderMinus = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const FolderMinus = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/folder-plus.js b/src/icons/folder-plus.js
index 0c99032d..ca95f72b 100644
--- a/src/icons/folder-plus.js
+++ b/src/icons/folder-plus.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const FolderPlus = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const FolderPlus = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/folder.js b/src/icons/folder.js
index 757b735f..cdf2892e 100644
--- a/src/icons/folder.js
+++ b/src/icons/folder.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Folder = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Folder = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/framer.js b/src/icons/framer.js
index 59961503..9b75caf5 100644
--- a/src/icons/framer.js
+++ b/src/icons/framer.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Framer = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Framer = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/frown.js b/src/icons/frown.js
index 7589e791..4e851b16 100644
--- a/src/icons/frown.js
+++ b/src/icons/frown.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Frown = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Frown = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/gift.js b/src/icons/gift.js
index 76110196..f36dbadb 100644
--- a/src/icons/gift.js
+++ b/src/icons/gift.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Gift = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Gift = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/git-branch.js b/src/icons/git-branch.js
index c486b96a..a45bc5ff 100644
--- a/src/icons/git-branch.js
+++ b/src/icons/git-branch.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const GitBranch = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const GitBranch = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/git-commit.js b/src/icons/git-commit.js
index d710a8d0..b784c938 100644
--- a/src/icons/git-commit.js
+++ b/src/icons/git-commit.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const GitCommit = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const GitCommit = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/git-merge.js b/src/icons/git-merge.js
index 7124b9ab..1639ce10 100644
--- a/src/icons/git-merge.js
+++ b/src/icons/git-merge.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const GitMerge = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const GitMerge = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/git-pull-request.js b/src/icons/git-pull-request.js
index 8f0c3b99..2c08ec60 100644
--- a/src/icons/git-pull-request.js
+++ b/src/icons/git-pull-request.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const GitPullRequest = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const GitPullRequest = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/github.js b/src/icons/github.js
index 7260419a..96fe48fd 100644
--- a/src/icons/github.js
+++ b/src/icons/github.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const GitHub = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const GitHub = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/gitlab.js b/src/icons/gitlab.js
index 7d091da4..07210cd9 100644
--- a/src/icons/gitlab.js
+++ b/src/icons/gitlab.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Gitlab = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Gitlab = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/globe.js b/src/icons/globe.js
index f0f398b0..fa433031 100644
--- a/src/icons/globe.js
+++ b/src/icons/globe.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Globe = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Globe = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/grid.js b/src/icons/grid.js
index e184e189..6d7fae55 100644
--- a/src/icons/grid.js
+++ b/src/icons/grid.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Grid = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Grid = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/hard-drive.js b/src/icons/hard-drive.js
index 354a051b..255220bb 100644
--- a/src/icons/hard-drive.js
+++ b/src/icons/hard-drive.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const HardDrive = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const HardDrive = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/hash.js b/src/icons/hash.js
index f9d08a77..a0994c6c 100644
--- a/src/icons/hash.js
+++ b/src/icons/hash.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Hash = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Hash = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/headphones.js b/src/icons/headphones.js
index de941ea3..74b62c74 100644
--- a/src/icons/headphones.js
+++ b/src/icons/headphones.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Headphones = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Headphones = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/heart.js b/src/icons/heart.js
index 284215d1..d711c1da 100644
--- a/src/icons/heart.js
+++ b/src/icons/heart.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Heart = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Heart = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/help-circle.js b/src/icons/help-circle.js
index a76290ec..1fd630b2 100644
--- a/src/icons/help-circle.js
+++ b/src/icons/help-circle.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const HelpCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const HelpCircle = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/hexagon.js b/src/icons/hexagon.js
index 4149ca49..8e5fa4e7 100644
--- a/src/icons/hexagon.js
+++ b/src/icons/hexagon.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Hexagon = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Hexagon = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/home.js b/src/icons/home.js
index 3a0e773d..2551867a 100644
--- a/src/icons/home.js
+++ b/src/icons/home.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Home = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Home = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/image.js b/src/icons/image.js
index 28b185d0..f9bed7d6 100644
--- a/src/icons/image.js
+++ b/src/icons/image.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Image = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Image = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/inbox.js b/src/icons/inbox.js
index 08972cea..cd395d5e 100644
--- a/src/icons/inbox.js
+++ b/src/icons/inbox.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Inbox = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Inbox = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/info.js b/src/icons/info.js
index d1aa2855..adb93eee 100644
--- a/src/icons/info.js
+++ b/src/icons/info.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Info = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Info = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/instagram.js b/src/icons/instagram.js
index 390bf4e1..1bbfcee7 100644
--- a/src/icons/instagram.js
+++ b/src/icons/instagram.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Instagram = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Instagram = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/italic.js b/src/icons/italic.js
index 2ba6c3ed..f45c3167 100644
--- a/src/icons/italic.js
+++ b/src/icons/italic.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Italic = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Italic = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/key.js b/src/icons/key.js
index 772bd154..1ad63b2d 100644
--- a/src/icons/key.js
+++ b/src/icons/key.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Key = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Key = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/layers.js b/src/icons/layers.js
index 015dd706..612232b6 100644
--- a/src/icons/layers.js
+++ b/src/icons/layers.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Layers = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Layers = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/layout.js b/src/icons/layout.js
index 691aa4bd..e26db840 100644
--- a/src/icons/layout.js
+++ b/src/icons/layout.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Layout = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Layout = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/life-buoy.js b/src/icons/life-buoy.js
index 84215115..35327b6a 100644
--- a/src/icons/life-buoy.js
+++ b/src/icons/life-buoy.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const LifeBuoy = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const LifeBuoy = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/link-2.js b/src/icons/link-2.js
index 15e75b64..ac9c2a40 100644
--- a/src/icons/link-2.js
+++ b/src/icons/link-2.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Link2 = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Link2 = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/link.js b/src/icons/link.js
index cb8c9894..9442adcd 100644
--- a/src/icons/link.js
+++ b/src/icons/link.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Link = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Link = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/linkedin.js b/src/icons/linkedin.js
index e58d8732..5dafcdf2 100644
--- a/src/icons/linkedin.js
+++ b/src/icons/linkedin.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Linkedin = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Linkedin = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/list.js b/src/icons/list.js
index 3e82eb6c..a92f2f7f 100644
--- a/src/icons/list.js
+++ b/src/icons/list.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const List = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const List = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/loader.js b/src/icons/loader.js
index d292cfe8..a3f71a1a 100644
--- a/src/icons/loader.js
+++ b/src/icons/loader.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Loader = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Loader = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/lock.js b/src/icons/lock.js
index 87790746..832a9478 100644
--- a/src/icons/lock.js
+++ b/src/icons/lock.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Lock = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Lock = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/log-in.js b/src/icons/log-in.js
index 68230b6f..aeaa9351 100644
--- a/src/icons/log-in.js
+++ b/src/icons/log-in.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const LogIn = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const LogIn = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/log-out.js b/src/icons/log-out.js
index 85dbaf73..bc9b829a 100644
--- a/src/icons/log-out.js
+++ b/src/icons/log-out.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const LogOut = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const LogOut = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/mail.js b/src/icons/mail.js
index bc6ddae1..87c2e892 100644
--- a/src/icons/mail.js
+++ b/src/icons/mail.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Mail = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Mail = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/map-pin.js b/src/icons/map-pin.js
index 6207d45b..2df6a9e9 100644
--- a/src/icons/map-pin.js
+++ b/src/icons/map-pin.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const MapPin = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const MapPin = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/map.js b/src/icons/map.js
index 614858e6..289850fa 100644
--- a/src/icons/map.js
+++ b/src/icons/map.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Map = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Map = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/maximize-2.js b/src/icons/maximize-2.js
index 039eb771..2a264014 100644
--- a/src/icons/maximize-2.js
+++ b/src/icons/maximize-2.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Maximize2 = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Maximize2 = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/maximize.js b/src/icons/maximize.js
index 151c0893..b81b7137 100644
--- a/src/icons/maximize.js
+++ b/src/icons/maximize.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Maximize = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Maximize = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/meh.js b/src/icons/meh.js
index 253f21ab..07d55aac 100644
--- a/src/icons/meh.js
+++ b/src/icons/meh.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Meh = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Meh = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/menu.js b/src/icons/menu.js
index 6d61e7a0..41bda48a 100644
--- a/src/icons/menu.js
+++ b/src/icons/menu.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Menu = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Menu = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/message-circle.js b/src/icons/message-circle.js
index a148d412..d3e84377 100644
--- a/src/icons/message-circle.js
+++ b/src/icons/message-circle.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const MessageCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const MessageCircle = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/message-square.js b/src/icons/message-square.js
index ccbfdee0..e73292b2 100644
--- a/src/icons/message-square.js
+++ b/src/icons/message-square.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const MessageSquare = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const MessageSquare = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/mic-off.js b/src/icons/mic-off.js
index b3768bc6..52f82f22 100644
--- a/src/icons/mic-off.js
+++ b/src/icons/mic-off.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const MicOff = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const MicOff = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/mic.js b/src/icons/mic.js
index 930a2000..5c9a3909 100644
--- a/src/icons/mic.js
+++ b/src/icons/mic.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Mic = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Mic = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/minimize-2.js b/src/icons/minimize-2.js
index 32279bb8..29602d01 100644
--- a/src/icons/minimize-2.js
+++ b/src/icons/minimize-2.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Minimize2 = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Minimize2 = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/minimize.js b/src/icons/minimize.js
index bcc4fd0a..abf5c8cd 100644
--- a/src/icons/minimize.js
+++ b/src/icons/minimize.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Minimize = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Minimize = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/minus-circle.js b/src/icons/minus-circle.js
index 5ceabf1a..cdaa010a 100644
--- a/src/icons/minus-circle.js
+++ b/src/icons/minus-circle.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const MinusCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const MinusCircle = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/minus-square.js b/src/icons/minus-square.js
index f6c66e8d..84cfeb79 100644
--- a/src/icons/minus-square.js
+++ b/src/icons/minus-square.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const MinusSquare = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const MinusSquare = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/minus.js b/src/icons/minus.js
index 61d3969d..6b578cae 100644
--- a/src/icons/minus.js
+++ b/src/icons/minus.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Minus = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Minus = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/monitor.js b/src/icons/monitor.js
index 71a702d4..0a9a2165 100644
--- a/src/icons/monitor.js
+++ b/src/icons/monitor.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Monitor = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Monitor = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/moon.js b/src/icons/moon.js
index c3a1a8aa..9d5cfc87 100644
--- a/src/icons/moon.js
+++ b/src/icons/moon.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Moon = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Moon = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/more-horizontal.js b/src/icons/more-horizontal.js
index 4dcb480c..cb20e499 100644
--- a/src/icons/more-horizontal.js
+++ b/src/icons/more-horizontal.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const MoreHorizontal = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const MoreHorizontal = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/more-vertical.js b/src/icons/more-vertical.js
index 8d50e567..35cef6fd 100644
--- a/src/icons/more-vertical.js
+++ b/src/icons/more-vertical.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const MoreVertical = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const MoreVertical = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/mouse-pointer.js b/src/icons/mouse-pointer.js
index 24182c06..46377ed2 100644
--- a/src/icons/mouse-pointer.js
+++ b/src/icons/mouse-pointer.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const MousePointer = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const MousePointer = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/move.js b/src/icons/move.js
index b2c32776..d54305dc 100644
--- a/src/icons/move.js
+++ b/src/icons/move.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Move = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Move = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/music.js b/src/icons/music.js
index e9a7d9f5..3101c556 100644
--- a/src/icons/music.js
+++ b/src/icons/music.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Music = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Music = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/navigation-2.js b/src/icons/navigation-2.js
index 74757a22..c68fe48e 100644
--- a/src/icons/navigation-2.js
+++ b/src/icons/navigation-2.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Navigation2 = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Navigation2 = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/navigation.js b/src/icons/navigation.js
index ac7748a3..1db8e427 100644
--- a/src/icons/navigation.js
+++ b/src/icons/navigation.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Navigation = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Navigation = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/octagon.js b/src/icons/octagon.js
index 9223fdc6..912575ca 100644
--- a/src/icons/octagon.js
+++ b/src/icons/octagon.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Octagon = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Octagon = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/package.js b/src/icons/package.js
index 0c651919..44d491cd 100644
--- a/src/icons/package.js
+++ b/src/icons/package.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Package = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Package = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/paperclip.js b/src/icons/paperclip.js
index f2c715bf..c50b856c 100644
--- a/src/icons/paperclip.js
+++ b/src/icons/paperclip.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Paperclip = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Paperclip = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/pause-circle.js b/src/icons/pause-circle.js
index 489c112b..96397487 100644
--- a/src/icons/pause-circle.js
+++ b/src/icons/pause-circle.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const PauseCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const PauseCircle = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/pause.js b/src/icons/pause.js
index c39b17d0..377f493e 100644
--- a/src/icons/pause.js
+++ b/src/icons/pause.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Pause = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Pause = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/pen-tool.js b/src/icons/pen-tool.js
index 3a18ecb3..c1788053 100644
--- a/src/icons/pen-tool.js
+++ b/src/icons/pen-tool.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const PenTool = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const PenTool = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/percent.js b/src/icons/percent.js
index 83bc8eb0..8c1d3ab9 100644
--- a/src/icons/percent.js
+++ b/src/icons/percent.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Percent = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Percent = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/phone-call.js b/src/icons/phone-call.js
index 8a8c25c3..b1c3a3d6 100644
--- a/src/icons/phone-call.js
+++ b/src/icons/phone-call.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const PhoneCall = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const PhoneCall = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/phone-forwarded.js b/src/icons/phone-forwarded.js
index 03329286..82efb87a 100644
--- a/src/icons/phone-forwarded.js
+++ b/src/icons/phone-forwarded.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const PhoneForwarded = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const PhoneForwarded = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/phone-incoming.js b/src/icons/phone-incoming.js
index 0706817c..8a09a7fd 100644
--- a/src/icons/phone-incoming.js
+++ b/src/icons/phone-incoming.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const PhoneIncoming = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const PhoneIncoming = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/phone-missed.js b/src/icons/phone-missed.js
index f71dc65a..ef27c3dd 100644
--- a/src/icons/phone-missed.js
+++ b/src/icons/phone-missed.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const PhoneMissed = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const PhoneMissed = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/phone-off.js b/src/icons/phone-off.js
index 051bc52f..6d0d60a4 100644
--- a/src/icons/phone-off.js
+++ b/src/icons/phone-off.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const PhoneOff = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const PhoneOff = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/phone-outgoing.js b/src/icons/phone-outgoing.js
index 143672ff..4c604433 100644
--- a/src/icons/phone-outgoing.js
+++ b/src/icons/phone-outgoing.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const PhoneOutgoing = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const PhoneOutgoing = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/phone.js b/src/icons/phone.js
index 1907b680..da6e945d 100644
--- a/src/icons/phone.js
+++ b/src/icons/phone.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Phone = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Phone = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/pie-chart.js b/src/icons/pie-chart.js
index faaa283d..fae14d79 100644
--- a/src/icons/pie-chart.js
+++ b/src/icons/pie-chart.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const PieChart = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const PieChart = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/play-circle.js b/src/icons/play-circle.js
index 4e42737a..17b9f5c5 100644
--- a/src/icons/play-circle.js
+++ b/src/icons/play-circle.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const PlayCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const PlayCircle = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/play.js b/src/icons/play.js
index 348a565b..4e215ac0 100644
--- a/src/icons/play.js
+++ b/src/icons/play.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Play = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Play = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/plus-circle.js b/src/icons/plus-circle.js
index 50f2191c..fb0433d4 100644
--- a/src/icons/plus-circle.js
+++ b/src/icons/plus-circle.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const PlusCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const PlusCircle = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/plus-square.js b/src/icons/plus-square.js
index fe1385e7..a662635a 100644
--- a/src/icons/plus-square.js
+++ b/src/icons/plus-square.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const PlusSquare = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const PlusSquare = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/plus.js b/src/icons/plus.js
index e7230638..e674dfa1 100644
--- a/src/icons/plus.js
+++ b/src/icons/plus.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Plus = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Plus = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/pocket.js b/src/icons/pocket.js
index 95661e93..a7c1275c 100644
--- a/src/icons/pocket.js
+++ b/src/icons/pocket.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Pocket = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Pocket = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/power.js b/src/icons/power.js
index d1dc0493..c5cb5a69 100644
--- a/src/icons/power.js
+++ b/src/icons/power.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Power = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Power = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/printer.js b/src/icons/printer.js
index d427fb4f..551b0ed3 100644
--- a/src/icons/printer.js
+++ b/src/icons/printer.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Printer = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Printer = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/radio.js b/src/icons/radio.js
index cb61203e..5c009b17 100644
--- a/src/icons/radio.js
+++ b/src/icons/radio.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Radio = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Radio = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/refresh-ccw.js b/src/icons/refresh-ccw.js
index d82b4a33..9522ed2e 100644
--- a/src/icons/refresh-ccw.js
+++ b/src/icons/refresh-ccw.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const RefreshCcw = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const RefreshCcw = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/refresh-cw.js b/src/icons/refresh-cw.js
index b990c342..109de6ff 100644
--- a/src/icons/refresh-cw.js
+++ b/src/icons/refresh-cw.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const RefreshCw = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const RefreshCw = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/repeat.js b/src/icons/repeat.js
index 073597c6..803d00ab 100644
--- a/src/icons/repeat.js
+++ b/src/icons/repeat.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Repeat = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Repeat = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/rewind.js b/src/icons/rewind.js
index 1164287e..43c1aea9 100644
--- a/src/icons/rewind.js
+++ b/src/icons/rewind.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Rewind = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Rewind = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/rotate-ccw.js b/src/icons/rotate-ccw.js
index c6ade073..65dc5032 100644
--- a/src/icons/rotate-ccw.js
+++ b/src/icons/rotate-ccw.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const RotateCcw = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const RotateCcw = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/rotate-cw.js b/src/icons/rotate-cw.js
index a43a6f55..132bb949 100644
--- a/src/icons/rotate-cw.js
+++ b/src/icons/rotate-cw.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const RotateCw = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const RotateCw = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/rss.js b/src/icons/rss.js
index a5013c66..b1adf91c 100644
--- a/src/icons/rss.js
+++ b/src/icons/rss.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Rss = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Rss = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/save.js b/src/icons/save.js
index a6b31ad9..821afe57 100644
--- a/src/icons/save.js
+++ b/src/icons/save.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Save = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Save = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/scissors.js b/src/icons/scissors.js
index b97c0ba0..64bea7e7 100644
--- a/src/icons/scissors.js
+++ b/src/icons/scissors.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Scissors = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Scissors = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/search.js b/src/icons/search.js
index 03c8e149..d3b3a157 100644
--- a/src/icons/search.js
+++ b/src/icons/search.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Search = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Search = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/send.js b/src/icons/send.js
index 3188bd98..2748a473 100644
--- a/src/icons/send.js
+++ b/src/icons/send.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Send = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Send = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/server.js b/src/icons/server.js
index 1d961365..a6e63f17 100644
--- a/src/icons/server.js
+++ b/src/icons/server.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Server = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Server = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/settings.js b/src/icons/settings.js
index f9b99f36..7f9dbebe 100644
--- a/src/icons/settings.js
+++ b/src/icons/settings.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Settings = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Settings = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/share-2.js b/src/icons/share-2.js
index fcbd38ca..f19924c3 100644
--- a/src/icons/share-2.js
+++ b/src/icons/share-2.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Share2 = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Share2 = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/share.js b/src/icons/share.js
index 5c8bb35c..502c1750 100644
--- a/src/icons/share.js
+++ b/src/icons/share.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Share = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Share = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/shield-off.js b/src/icons/shield-off.js
index e64898ab..30716260 100644
--- a/src/icons/shield-off.js
+++ b/src/icons/shield-off.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ShieldOff = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ShieldOff = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/shield.js b/src/icons/shield.js
index 16dc590c..760a6b60 100644
--- a/src/icons/shield.js
+++ b/src/icons/shield.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Shield = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Shield = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/shopping-bag.js b/src/icons/shopping-bag.js
index 14a8b49d..2060a774 100644
--- a/src/icons/shopping-bag.js
+++ b/src/icons/shopping-bag.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ShoppingBag = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ShoppingBag = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/shopping-cart.js b/src/icons/shopping-cart.js
index 39f87c6b..86fdb9d6 100644
--- a/src/icons/shopping-cart.js
+++ b/src/icons/shopping-cart.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ShoppingCart = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ShoppingCart = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/shuffle.js b/src/icons/shuffle.js
index 3fee34f7..837df756 100644
--- a/src/icons/shuffle.js
+++ b/src/icons/shuffle.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Shuffle = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Shuffle = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/sidebar.js b/src/icons/sidebar.js
index addd322a..43a6f1d0 100644
--- a/src/icons/sidebar.js
+++ b/src/icons/sidebar.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Sidebar = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Sidebar = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/skip-back.js b/src/icons/skip-back.js
index ccb6d16f..0a2b4485 100644
--- a/src/icons/skip-back.js
+++ b/src/icons/skip-back.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const SkipBack = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const SkipBack = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/skip-forward.js b/src/icons/skip-forward.js
index 354d8d33..380ea255 100644
--- a/src/icons/skip-forward.js
+++ b/src/icons/skip-forward.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const SkipForward = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const SkipForward = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/slack.js b/src/icons/slack.js
index 4a357e83..854c8ad7 100644
--- a/src/icons/slack.js
+++ b/src/icons/slack.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Slack = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Slack = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/slash.js b/src/icons/slash.js
index 1c9b78cd..73d2bbd5 100644
--- a/src/icons/slash.js
+++ b/src/icons/slash.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Slash = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Slash = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/sliders.js b/src/icons/sliders.js
index 70475ee7..6f79a341 100644
--- a/src/icons/sliders.js
+++ b/src/icons/sliders.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Sliders = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Sliders = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/smartphone.js b/src/icons/smartphone.js
index 6d337fd3..dafbebd4 100644
--- a/src/icons/smartphone.js
+++ b/src/icons/smartphone.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Smartphone = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Smartphone = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/smile.js b/src/icons/smile.js
index 0352b03c..f47c363e 100644
--- a/src/icons/smile.js
+++ b/src/icons/smile.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Smile = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Smile = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/speaker.js b/src/icons/speaker.js
index 317a7282..f74416b8 100644
--- a/src/icons/speaker.js
+++ b/src/icons/speaker.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Speaker = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Speaker = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/square.js b/src/icons/square.js
index c4963054..c48ed123 100644
--- a/src/icons/square.js
+++ b/src/icons/square.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Square = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Square = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/star.js b/src/icons/star.js
index b7f84bea..0d8351a8 100644
--- a/src/icons/star.js
+++ b/src/icons/star.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Star = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Star = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/stop-circle.js b/src/icons/stop-circle.js
index 58802d4d..257bccd7 100644
--- a/src/icons/stop-circle.js
+++ b/src/icons/stop-circle.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const StopCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const StopCircle = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/sun.js b/src/icons/sun.js
index d05f4bc4..fd3025da 100644
--- a/src/icons/sun.js
+++ b/src/icons/sun.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Sun = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Sun = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/sunrise.js b/src/icons/sunrise.js
index d3265bcf..3015d223 100644
--- a/src/icons/sunrise.js
+++ b/src/icons/sunrise.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Sunrise = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Sunrise = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/sunset.js b/src/icons/sunset.js
index 280d30f1..6ef95bfd 100644
--- a/src/icons/sunset.js
+++ b/src/icons/sunset.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Sunset = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Sunset = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/tablet.js b/src/icons/tablet.js
index e3102721..b3011e82 100644
--- a/src/icons/tablet.js
+++ b/src/icons/tablet.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Tablet = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Tablet = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/tag.js b/src/icons/tag.js
index 5572303b..ddf41051 100644
--- a/src/icons/tag.js
+++ b/src/icons/tag.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Tag = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Tag = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/target.js b/src/icons/target.js
index 503d4f4d..fe016f8f 100644
--- a/src/icons/target.js
+++ b/src/icons/target.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Target = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Target = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/terminal.js b/src/icons/terminal.js
index caf6c283..5ddfae4d 100644
--- a/src/icons/terminal.js
+++ b/src/icons/terminal.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Terminal = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Terminal = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/thermometer.js b/src/icons/thermometer.js
index 1511983c..c673db8c 100644
--- a/src/icons/thermometer.js
+++ b/src/icons/thermometer.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Thermometer = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Thermometer = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/thumbs-down.js b/src/icons/thumbs-down.js
index c4e794ce..69769991 100644
--- a/src/icons/thumbs-down.js
+++ b/src/icons/thumbs-down.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ThumbsDown = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ThumbsDown = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/thumbs-up.js b/src/icons/thumbs-up.js
index 8fb5de8e..a958abbb 100644
--- a/src/icons/thumbs-up.js
+++ b/src/icons/thumbs-up.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ThumbsUp = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ThumbsUp = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/toggle-left.js b/src/icons/toggle-left.js
index 7b8e6a88..4cd3e1f3 100644
--- a/src/icons/toggle-left.js
+++ b/src/icons/toggle-left.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ToggleLeft = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ToggleLeft = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/toggle-right.js b/src/icons/toggle-right.js
index 60af8dc9..82edafb9 100644
--- a/src/icons/toggle-right.js
+++ b/src/icons/toggle-right.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ToggleRight = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ToggleRight = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/tool.js b/src/icons/tool.js
index e97ad12f..4b658318 100644
--- a/src/icons/tool.js
+++ b/src/icons/tool.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Tool = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Tool = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/trash-2.js b/src/icons/trash-2.js
index 9313c094..30fdd025 100644
--- a/src/icons/trash-2.js
+++ b/src/icons/trash-2.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Trash2 = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Trash2 = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/trash.js b/src/icons/trash.js
index fb049e9a..865a35e2 100644
--- a/src/icons/trash.js
+++ b/src/icons/trash.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Trash = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Trash = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/trello.js b/src/icons/trello.js
index 73fb289b..16f041b9 100644
--- a/src/icons/trello.js
+++ b/src/icons/trello.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Trello = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Trello = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/trending-down.js b/src/icons/trending-down.js
index a3d8e28f..07e70a69 100644
--- a/src/icons/trending-down.js
+++ b/src/icons/trending-down.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const TrendingDown = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const TrendingDown = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/trending-up.js b/src/icons/trending-up.js
index 35e66e59..f3c594fd 100644
--- a/src/icons/trending-up.js
+++ b/src/icons/trending-up.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const TrendingUp = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const TrendingUp = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/triangle.js b/src/icons/triangle.js
index 396e0202..af07c3aa 100644
--- a/src/icons/triangle.js
+++ b/src/icons/triangle.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Triangle = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Triangle = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/truck.js b/src/icons/truck.js
index f140ef7a..dd8d6555 100644
--- a/src/icons/truck.js
+++ b/src/icons/truck.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Truck = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Truck = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/tv.js b/src/icons/tv.js
index d008b05a..4b5eb1a9 100644
--- a/src/icons/tv.js
+++ b/src/icons/tv.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Tv = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Tv = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/twitch.js b/src/icons/twitch.js
index 57d41532..497d4859 100644
--- a/src/icons/twitch.js
+++ b/src/icons/twitch.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Twitch = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Twitch = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/twitter.js b/src/icons/twitter.js
index 2828da19..f2ddebde 100644
--- a/src/icons/twitter.js
+++ b/src/icons/twitter.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Twitter = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Twitter = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/type.js b/src/icons/type.js
index e6f9029c..7b19c426 100644
--- a/src/icons/type.js
+++ b/src/icons/type.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Type = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Type = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/umbrella.js b/src/icons/umbrella.js
index aae4a4ae..1ec2dce1 100644
--- a/src/icons/umbrella.js
+++ b/src/icons/umbrella.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Umbrella = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Umbrella = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/underline.js b/src/icons/underline.js
index 5062088f..b41e2d11 100644
--- a/src/icons/underline.js
+++ b/src/icons/underline.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Underline = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Underline = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/unlock.js b/src/icons/unlock.js
index 15df0f6c..afffc179 100644
--- a/src/icons/unlock.js
+++ b/src/icons/unlock.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Unlock = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Unlock = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/upload-cloud.js b/src/icons/upload-cloud.js
index 655b600c..9126887f 100644
--- a/src/icons/upload-cloud.js
+++ b/src/icons/upload-cloud.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const UploadCloud = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const UploadCloud = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/upload.js b/src/icons/upload.js
index 2e027348..87c9bf76 100644
--- a/src/icons/upload.js
+++ b/src/icons/upload.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Upload = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Upload = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/user-check.js b/src/icons/user-check.js
index 2295490d..bb563a29 100644
--- a/src/icons/user-check.js
+++ b/src/icons/user-check.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const UserCheck = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const UserCheck = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/user-minus.js b/src/icons/user-minus.js
index ef725ea8..9ef8e319 100644
--- a/src/icons/user-minus.js
+++ b/src/icons/user-minus.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const UserMinus = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const UserMinus = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/user-plus.js b/src/icons/user-plus.js
index 8b78e179..26ad8995 100644
--- a/src/icons/user-plus.js
+++ b/src/icons/user-plus.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const UserPlus = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const UserPlus = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/user-x.js b/src/icons/user-x.js
index bd6b35c7..196051be 100644
--- a/src/icons/user-x.js
+++ b/src/icons/user-x.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const UserX = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const UserX = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/user.js b/src/icons/user.js
index f0a1b89a..2fceefda 100644
--- a/src/icons/user.js
+++ b/src/icons/user.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const User = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const User = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/users.js b/src/icons/users.js
index 2acd351b..a84c1aa1 100644
--- a/src/icons/users.js
+++ b/src/icons/users.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Users = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Users = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/video-off.js b/src/icons/video-off.js
index 14a6d24e..23dc5846 100644
--- a/src/icons/video-off.js
+++ b/src/icons/video-off.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const VideoOff = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const VideoOff = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/video.js b/src/icons/video.js
index b6001f84..1e5093d0 100644
--- a/src/icons/video.js
+++ b/src/icons/video.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Video = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Video = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/voicemail.js b/src/icons/voicemail.js
index 2e87a05c..890c2e11 100644
--- a/src/icons/voicemail.js
+++ b/src/icons/voicemail.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Voicemail = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Voicemail = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/volume-1.js b/src/icons/volume-1.js
index d7dde9e0..091e3bcd 100644
--- a/src/icons/volume-1.js
+++ b/src/icons/volume-1.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Volume1 = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Volume1 = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/volume-2.js b/src/icons/volume-2.js
index 39d1d902..6d1a3c5b 100644
--- a/src/icons/volume-2.js
+++ b/src/icons/volume-2.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Volume2 = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Volume2 = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/volume-x.js b/src/icons/volume-x.js
index 472fda37..5a5fd19e 100644
--- a/src/icons/volume-x.js
+++ b/src/icons/volume-x.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const VolumeX = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const VolumeX = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/volume.js b/src/icons/volume.js
index 13df574d..8caef1a6 100644
--- a/src/icons/volume.js
+++ b/src/icons/volume.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Volume = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Volume = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/watch.js b/src/icons/watch.js
index f62a8bb6..48caba39 100644
--- a/src/icons/watch.js
+++ b/src/icons/watch.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Watch = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Watch = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/wifi-off.js b/src/icons/wifi-off.js
index 5efc091e..c8b3526e 100644
--- a/src/icons/wifi-off.js
+++ b/src/icons/wifi-off.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const WifiOff = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const WifiOff = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/wifi.js b/src/icons/wifi.js
index d6545a92..016bc156 100644
--- a/src/icons/wifi.js
+++ b/src/icons/wifi.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Wifi = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Wifi = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/wind.js b/src/icons/wind.js
index baacc273..e8543b24 100644
--- a/src/icons/wind.js
+++ b/src/icons/wind.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Wind = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Wind = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/x-circle.js b/src/icons/x-circle.js
index d67dbc2e..b4ed15ef 100644
--- a/src/icons/x-circle.js
+++ b/src/icons/x-circle.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const XCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const XCircle = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/x-octagon.js b/src/icons/x-octagon.js
index fe8e50a4..4895a086 100644
--- a/src/icons/x-octagon.js
+++ b/src/icons/x-octagon.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const XOctagon = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const XOctagon = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/x-square.js b/src/icons/x-square.js
index 0487ec70..aa9c0d58 100644
--- a/src/icons/x-square.js
+++ b/src/icons/x-square.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const XSquare = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const XSquare = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/x.js b/src/icons/x.js
index 9e55193d..e633935f 100644
--- a/src/icons/x.js
+++ b/src/icons/x.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const X = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const X = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/youtube.js b/src/icons/youtube.js
index 6e53c85e..c8025c3b 100644
--- a/src/icons/youtube.js
+++ b/src/icons/youtube.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Youtube = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Youtube = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/zap-off.js b/src/icons/zap-off.js
index d98fecee..ee3d9182 100644
--- a/src/icons/zap-off.js
+++ b/src/icons/zap-off.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ZapOff = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ZapOff = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/zap.js b/src/icons/zap.js
index 26458d89..7dc408bf 100644
--- a/src/icons/zap.js
+++ b/src/icons/zap.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const Zap = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const Zap = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/zoom-in.js b/src/icons/zoom-in.js
index 07427667..ed10d000 100644
--- a/src/icons/zoom-in.js
+++ b/src/icons/zoom-in.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ZoomIn = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ZoomIn = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/icons/zoom-out.js b/src/icons/zoom-out.js
index 375aed52..a7ffcdc7 100644
--- a/src/icons/zoom-out.js
+++ b/src/icons/zoom-out.js
@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 
-const ZoomOut = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
+const ZoomOut = forwardRef(({ color = 'currentColor', size = "1em", ...rest }, ref) => {
   return (
     <svg
       ref={ref}
diff --git a/src/index.d.ts b/src/index.d.ts
index ae32e9e6..94e32077 100644
--- a/src/index.d.ts
+++ b/src/index.d.ts
@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { FC, SVGAttributes } from 'react';
 
-interface Props extends SVGAttributes<SVGElement> {
+export interface IconProps extends SVGAttributes<SVGElement> {
   color?: string;
   size?: string | number;
 }
 
-type Icon = FC<Props>;
+export type Icon = FC<IconProps>;
 export const Activity: Icon;
 export const Airplay: Icon;
 export const AlertCircle: Icon;