diff --git a/bin/build.js b/bin/build.js
index f8f49c4b..9c28f1f3 100644
--- a/bin/build.js
+++ b/bin/build.js
@@ -59,7 +59,8 @@ icons.forEach((i) => {
     strokeWidth: 2,
     strokeLinecap: 'round',
     strokeLinejoin: 'round',
-    rest: '...rest',
+    className: `feather feather-${i}`,
+    rest: '...rest'
   };
 
   const element = `
diff --git a/src/icons/activity.js b/src/icons/activity.js
index ed1d9187..87b0d4c3 100644
--- a/src/icons/activity.js
+++ b/src/icons/activity.js
@@ -14,6 +14,7 @@ const Activity = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-activity"
       {...rest}
     >
       <polyline points="22 12 18 12 15 21 9 3 6 12 2 12" />
diff --git a/src/icons/airplay.js b/src/icons/airplay.js
index 8cdba4ed..08c0d420 100644
--- a/src/icons/airplay.js
+++ b/src/icons/airplay.js
@@ -14,6 +14,7 @@ const Airplay = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-airplay"
       {...rest}
     >
       <path d="M5 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1" />
diff --git a/src/icons/alert-circle.js b/src/icons/alert-circle.js
index 57de0e75..7493f629 100644
--- a/src/icons/alert-circle.js
+++ b/src/icons/alert-circle.js
@@ -14,6 +14,7 @@ const AlertCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-alert-circle"
       {...rest}
     >
       <circle cx="12" cy="12" r="10" />
diff --git a/src/icons/alert-octagon.js b/src/icons/alert-octagon.js
index d86f7114..0760d293 100644
--- a/src/icons/alert-octagon.js
+++ b/src/icons/alert-octagon.js
@@ -14,6 +14,7 @@ const AlertOctagon = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-alert-octagon"
       {...rest}
     >
       <polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" />
diff --git a/src/icons/alert-triangle.js b/src/icons/alert-triangle.js
index 5a1c373d..a99d6675 100644
--- a/src/icons/alert-triangle.js
+++ b/src/icons/alert-triangle.js
@@ -14,6 +14,7 @@ const AlertTriangle = forwardRef(({ color = 'currentColor', size = 24, ...rest }
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-alert-triangle"
       {...rest}
     >
       <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" />
diff --git a/src/icons/align-center.js b/src/icons/align-center.js
index e0dd2cde..0435636c 100644
--- a/src/icons/align-center.js
+++ b/src/icons/align-center.js
@@ -14,6 +14,7 @@ const AlignCenter = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-align-center"
       {...rest}
     >
       <line x1="18" y1="10" x2="6" y2="10" />
diff --git a/src/icons/align-justify.js b/src/icons/align-justify.js
index c638b961..6c096736 100644
--- a/src/icons/align-justify.js
+++ b/src/icons/align-justify.js
@@ -14,6 +14,7 @@ const AlignJustify = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-align-justify"
       {...rest}
     >
       <line x1="21" y1="10" x2="3" y2="10" />
diff --git a/src/icons/align-left.js b/src/icons/align-left.js
index 755c5b1f..21b8aaac 100644
--- a/src/icons/align-left.js
+++ b/src/icons/align-left.js
@@ -14,6 +14,7 @@ const AlignLeft = forwardRef(({ color = 'currentColor', size = 24, ...rest }, re
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-align-left"
       {...rest}
     >
       <line x1="17" y1="10" x2="3" y2="10" />
diff --git a/src/icons/align-right.js b/src/icons/align-right.js
index 13309cd9..81b83f1b 100644
--- a/src/icons/align-right.js
+++ b/src/icons/align-right.js
@@ -14,6 +14,7 @@ const AlignRight = forwardRef(({ color = 'currentColor', size = 24, ...rest }, r
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-align-right"
       {...rest}
     >
       <line x1="21" y1="10" x2="7" y2="10" />
diff --git a/src/icons/anchor.js b/src/icons/anchor.js
index b3006cc5..ceb47157 100644
--- a/src/icons/anchor.js
+++ b/src/icons/anchor.js
@@ -14,6 +14,7 @@ const Anchor = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-anchor"
       {...rest}
     >
       <circle cx="12" cy="5" r="3" />
diff --git a/src/icons/aperture.js b/src/icons/aperture.js
index b94cdd1e..44c4f921 100644
--- a/src/icons/aperture.js
+++ b/src/icons/aperture.js
@@ -14,6 +14,7 @@ const Aperture = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-aperture"
       {...rest}
     >
       <circle cx="12" cy="12" r="10" />
diff --git a/src/icons/archive.js b/src/icons/archive.js
index 150c633d..f220a7c5 100644
--- a/src/icons/archive.js
+++ b/src/icons/archive.js
@@ -14,6 +14,7 @@ const Archive = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-archive"
       {...rest}
     >
       <polyline points="21 8 21 21 3 21 3 8" />
diff --git a/src/icons/arrow-down-circle.js b/src/icons/arrow-down-circle.js
index 3c7f7a9b..1dd12ad5 100644
--- a/src/icons/arrow-down-circle.js
+++ b/src/icons/arrow-down-circle.js
@@ -14,6 +14,7 @@ const ArrowDownCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-arrow-down-circle"
       {...rest}
     >
       <circle cx="12" cy="12" r="10" />
diff --git a/src/icons/arrow-down-left.js b/src/icons/arrow-down-left.js
index 68737b75..fb6f753b 100644
--- a/src/icons/arrow-down-left.js
+++ b/src/icons/arrow-down-left.js
@@ -14,6 +14,7 @@ const ArrowDownLeft = forwardRef(({ color = 'currentColor', size = 24, ...rest }
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-arrow-down-left"
       {...rest}
     >
       <line x1="17" y1="7" x2="7" y2="17" />
diff --git a/src/icons/arrow-down-right.js b/src/icons/arrow-down-right.js
index bc3a89db..10ee0061 100644
--- a/src/icons/arrow-down-right.js
+++ b/src/icons/arrow-down-right.js
@@ -14,6 +14,7 @@ const ArrowDownRight = forwardRef(({ color = 'currentColor', size = 24, ...rest
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-arrow-down-right"
       {...rest}
     >
       <line x1="7" y1="7" x2="17" y2="17" />
diff --git a/src/icons/arrow-down.js b/src/icons/arrow-down.js
index 679a41db..39ae75cc 100644
--- a/src/icons/arrow-down.js
+++ b/src/icons/arrow-down.js
@@ -14,6 +14,7 @@ const ArrowDown = forwardRef(({ color = 'currentColor', size = 24, ...rest }, re
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-arrow-down"
       {...rest}
     >
       <line x1="12" y1="5" x2="12" y2="19" />
diff --git a/src/icons/arrow-left-circle.js b/src/icons/arrow-left-circle.js
index 617e9c08..80fbb763 100644
--- a/src/icons/arrow-left-circle.js
+++ b/src/icons/arrow-left-circle.js
@@ -14,6 +14,7 @@ const ArrowLeftCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-arrow-left-circle"
       {...rest}
     >
       <circle cx="12" cy="12" r="10" />
diff --git a/src/icons/arrow-left.js b/src/icons/arrow-left.js
index 2026cf71..b6ba03fb 100644
--- a/src/icons/arrow-left.js
+++ b/src/icons/arrow-left.js
@@ -14,6 +14,7 @@ const ArrowLeft = forwardRef(({ color = 'currentColor', size = 24, ...rest }, re
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-arrow-left"
       {...rest}
     >
       <line x1="19" y1="12" x2="5" y2="12" />
diff --git a/src/icons/arrow-right-circle.js b/src/icons/arrow-right-circle.js
index 0ef0e2d5..4869fa62 100644
--- a/src/icons/arrow-right-circle.js
+++ b/src/icons/arrow-right-circle.js
@@ -14,6 +14,7 @@ const ArrowRightCircle = forwardRef(({ color = 'currentColor', size = 24, ...res
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-arrow-right-circle"
       {...rest}
     >
       <circle cx="12" cy="12" r="10" />
diff --git a/src/icons/arrow-right.js b/src/icons/arrow-right.js
index b6183235..72603863 100644
--- a/src/icons/arrow-right.js
+++ b/src/icons/arrow-right.js
@@ -14,6 +14,7 @@ const ArrowRight = forwardRef(({ color = 'currentColor', size = 24, ...rest }, r
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-arrow-right"
       {...rest}
     >
       <line x1="5" y1="12" x2="19" y2="12" />
diff --git a/src/icons/arrow-up-circle.js b/src/icons/arrow-up-circle.js
index 2decd5af..4c8b076a 100644
--- a/src/icons/arrow-up-circle.js
+++ b/src/icons/arrow-up-circle.js
@@ -14,6 +14,7 @@ const ArrowUpCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest }
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-arrow-up-circle"
       {...rest}
     >
       <circle cx="12" cy="12" r="10" />
diff --git a/src/icons/arrow-up-left.js b/src/icons/arrow-up-left.js
index bbb91d96..da3b42dc 100644
--- a/src/icons/arrow-up-left.js
+++ b/src/icons/arrow-up-left.js
@@ -14,6 +14,7 @@ const ArrowUpLeft = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-arrow-up-left"
       {...rest}
     >
       <line x1="17" y1="17" x2="7" y2="7" />
diff --git a/src/icons/arrow-up-right.js b/src/icons/arrow-up-right.js
index 2d055686..ae3856a2 100644
--- a/src/icons/arrow-up-right.js
+++ b/src/icons/arrow-up-right.js
@@ -14,6 +14,7 @@ const ArrowUpRight = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-arrow-up-right"
       {...rest}
     >
       <line x1="7" y1="17" x2="17" y2="7" />
diff --git a/src/icons/arrow-up.js b/src/icons/arrow-up.js
index e93e08e6..1b2cc1ce 100644
--- a/src/icons/arrow-up.js
+++ b/src/icons/arrow-up.js
@@ -14,6 +14,7 @@ const ArrowUp = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-arrow-up"
       {...rest}
     >
       <line x1="12" y1="19" x2="12" y2="5" />
diff --git a/src/icons/at-sign.js b/src/icons/at-sign.js
index 2f0e3c40..76b31d8e 100644
--- a/src/icons/at-sign.js
+++ b/src/icons/at-sign.js
@@ -14,6 +14,7 @@ const AtSign = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-at-sign"
       {...rest}
     >
       <circle cx="12" cy="12" r="4" />
diff --git a/src/icons/award.js b/src/icons/award.js
index 7a3c6c8e..ab296879 100644
--- a/src/icons/award.js
+++ b/src/icons/award.js
@@ -14,6 +14,7 @@ const Award = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-award"
       {...rest}
     >
       <circle cx="12" cy="8" r="7" />
diff --git a/src/icons/bar-chart-2.js b/src/icons/bar-chart-2.js
index 93082281..1f97a6b1 100644
--- a/src/icons/bar-chart-2.js
+++ b/src/icons/bar-chart-2.js
@@ -14,6 +14,7 @@ const BarChart2 = forwardRef(({ color = 'currentColor', size = 24, ...rest }, re
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-bar-chart-2"
       {...rest}
     >
       <line x1="18" y1="20" x2="18" y2="10" />
diff --git a/src/icons/bar-chart.js b/src/icons/bar-chart.js
index cacb58a1..6de31460 100644
--- a/src/icons/bar-chart.js
+++ b/src/icons/bar-chart.js
@@ -14,6 +14,7 @@ const BarChart = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-bar-chart"
       {...rest}
     >
       <line x1="12" y1="20" x2="12" y2="10" />
diff --git a/src/icons/battery-charging.js b/src/icons/battery-charging.js
index 99c3efa6..d347d1c9 100644
--- a/src/icons/battery-charging.js
+++ b/src/icons/battery-charging.js
@@ -14,6 +14,7 @@ const BatteryCharging = forwardRef(({ color = 'currentColor', size = 24, ...rest
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-battery-charging"
       {...rest}
     >
       <path d="M5 18H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3.19M15 6h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-3.19" />
diff --git a/src/icons/battery.js b/src/icons/battery.js
index 1427cd3d..9b4efa67 100644
--- a/src/icons/battery.js
+++ b/src/icons/battery.js
@@ -14,6 +14,7 @@ const Battery = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-battery"
       {...rest}
     >
       <rect x="1" y="6" width="18" height="12" rx="2" ry="2" />
diff --git a/src/icons/bell-off.js b/src/icons/bell-off.js
index 616e0513..c401370d 100644
--- a/src/icons/bell-off.js
+++ b/src/icons/bell-off.js
@@ -14,6 +14,7 @@ const BellOff = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-bell-off"
       {...rest}
     >
       <path d="M13.73 21a2 2 0 0 1-3.46 0" />
diff --git a/src/icons/bell.js b/src/icons/bell.js
index 92bbb58f..fb6b87dd 100644
--- a/src/icons/bell.js
+++ b/src/icons/bell.js
@@ -14,6 +14,7 @@ const Bell = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-bell"
       {...rest}
     >
       <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" />
diff --git a/src/icons/bluetooth.js b/src/icons/bluetooth.js
index de35a75b..0a60dbe5 100644
--- a/src/icons/bluetooth.js
+++ b/src/icons/bluetooth.js
@@ -14,6 +14,7 @@ const Bluetooth = forwardRef(({ color = 'currentColor', size = 24, ...rest }, re
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-bluetooth"
       {...rest}
     >
       <polyline points="6.5 6.5 17.5 17.5 12 23 12 1 17.5 6.5 6.5 17.5" />
diff --git a/src/icons/bold.js b/src/icons/bold.js
index 1f99fa00..f1b2f6d8 100644
--- a/src/icons/bold.js
+++ b/src/icons/bold.js
@@ -14,6 +14,7 @@ const Bold = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-bold"
       {...rest}
     >
       <path d="M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" />
diff --git a/src/icons/book-open.js b/src/icons/book-open.js
index d4ddbcc8..e9945653 100644
--- a/src/icons/book-open.js
+++ b/src/icons/book-open.js
@@ -14,6 +14,7 @@ const BookOpen = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-book-open"
       {...rest}
     >
       <path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z" />
diff --git a/src/icons/book.js b/src/icons/book.js
index 22b5e8ad..4e487e54 100644
--- a/src/icons/book.js
+++ b/src/icons/book.js
@@ -14,6 +14,7 @@ const Book = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-book"
       {...rest}
     >
       <path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20" />
diff --git a/src/icons/bookmark.js b/src/icons/bookmark.js
index 6f456636..89ad1410 100644
--- a/src/icons/bookmark.js
+++ b/src/icons/bookmark.js
@@ -14,6 +14,7 @@ const Bookmark = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-bookmark"
       {...rest}
     >
       <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z" />
diff --git a/src/icons/box.js b/src/icons/box.js
index c4d35946..bb23f685 100644
--- a/src/icons/box.js
+++ b/src/icons/box.js
@@ -14,6 +14,7 @@ const Box = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-box"
       {...rest}
     >
       <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z" />
diff --git a/src/icons/briefcase.js b/src/icons/briefcase.js
index 290b054b..444aad5b 100644
--- a/src/icons/briefcase.js
+++ b/src/icons/briefcase.js
@@ -14,6 +14,7 @@ const Briefcase = forwardRef(({ color = 'currentColor', size = 24, ...rest }, re
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-briefcase"
       {...rest}
     >
       <rect x="2" y="7" width="20" height="14" rx="2" ry="2" />
diff --git a/src/icons/calendar.js b/src/icons/calendar.js
index 9f6399fc..b5c1cb5f 100644
--- a/src/icons/calendar.js
+++ b/src/icons/calendar.js
@@ -14,6 +14,7 @@ const Calendar = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-calendar"
       {...rest}
     >
       <rect x="3" y="4" width="18" height="18" rx="2" ry="2" />
diff --git a/src/icons/camera-off.js b/src/icons/camera-off.js
index aaa12a1b..9c310586 100644
--- a/src/icons/camera-off.js
+++ b/src/icons/camera-off.js
@@ -14,6 +14,7 @@ const CameraOff = forwardRef(({ color = 'currentColor', size = 24, ...rest }, re
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-camera-off"
       {...rest}
     >
       <line x1="1" y1="1" x2="23" y2="23" />
diff --git a/src/icons/camera.js b/src/icons/camera.js
index 949999c2..865261f7 100644
--- a/src/icons/camera.js
+++ b/src/icons/camera.js
@@ -14,6 +14,7 @@ const Camera = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-camera"
       {...rest}
     >
       <path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z" />
diff --git a/src/icons/cast.js b/src/icons/cast.js
index ad07242a..d88d9a0b 100644
--- a/src/icons/cast.js
+++ b/src/icons/cast.js
@@ -14,6 +14,7 @@ const Cast = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-cast"
       {...rest}
     >
       <path d="M2 16.1A5 5 0 0 1 5.9 20M2 12.05A9 9 0 0 1 9.95 20M2 8V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6" />
diff --git a/src/icons/check-circle.js b/src/icons/check-circle.js
index 1ffde159..d87df9d4 100644
--- a/src/icons/check-circle.js
+++ b/src/icons/check-circle.js
@@ -14,6 +14,7 @@ const CheckCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-check-circle"
       {...rest}
     >
       <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14" />
diff --git a/src/icons/check-square.js b/src/icons/check-square.js
index 65e14e3c..d6b18f0c 100644
--- a/src/icons/check-square.js
+++ b/src/icons/check-square.js
@@ -14,6 +14,7 @@ const CheckSquare = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-check-square"
       {...rest}
     >
       <polyline points="9 11 12 14 22 4" />
diff --git a/src/icons/check.js b/src/icons/check.js
index c1e075a8..13a04f11 100644
--- a/src/icons/check.js
+++ b/src/icons/check.js
@@ -14,6 +14,7 @@ const Check = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-check"
       {...rest}
     >
       <polyline points="20 6 9 17 4 12" />
diff --git a/src/icons/chevron-down.js b/src/icons/chevron-down.js
index ed266b92..7bf1730a 100644
--- a/src/icons/chevron-down.js
+++ b/src/icons/chevron-down.js
@@ -14,6 +14,7 @@ const ChevronDown = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-chevron-down"
       {...rest}
     >
       <polyline points="6 9 12 15 18 9" />
diff --git a/src/icons/chevron-left.js b/src/icons/chevron-left.js
index e0d21188..e8ff80e9 100644
--- a/src/icons/chevron-left.js
+++ b/src/icons/chevron-left.js
@@ -14,6 +14,7 @@ const ChevronLeft = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-chevron-left"
       {...rest}
     >
       <polyline points="15 18 9 12 15 6" />
diff --git a/src/icons/chevron-right.js b/src/icons/chevron-right.js
index dea073d8..13d55086 100644
--- a/src/icons/chevron-right.js
+++ b/src/icons/chevron-right.js
@@ -14,6 +14,7 @@ const ChevronRight = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-chevron-right"
       {...rest}
     >
       <polyline points="9 18 15 12 9 6" />
diff --git a/src/icons/chevron-up.js b/src/icons/chevron-up.js
index 9aefed45..7550f7e9 100644
--- a/src/icons/chevron-up.js
+++ b/src/icons/chevron-up.js
@@ -14,6 +14,7 @@ const ChevronUp = forwardRef(({ color = 'currentColor', size = 24, ...rest }, re
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-chevron-up"
       {...rest}
     >
       <polyline points="18 15 12 9 6 15" />
diff --git a/src/icons/chevrons-down.js b/src/icons/chevrons-down.js
index 2efedc11..713f4e79 100644
--- a/src/icons/chevrons-down.js
+++ b/src/icons/chevrons-down.js
@@ -14,6 +14,7 @@ const ChevronsDown = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-chevrons-down"
       {...rest}
     >
       <polyline points="7 13 12 18 17 13" />
diff --git a/src/icons/chevrons-left.js b/src/icons/chevrons-left.js
index 340b3833..ad87ac31 100644
--- a/src/icons/chevrons-left.js
+++ b/src/icons/chevrons-left.js
@@ -14,6 +14,7 @@ const ChevronsLeft = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-chevrons-left"
       {...rest}
     >
       <polyline points="11 17 6 12 11 7" />
diff --git a/src/icons/chevrons-right.js b/src/icons/chevrons-right.js
index 8643d55f..9a89e8b8 100644
--- a/src/icons/chevrons-right.js
+++ b/src/icons/chevrons-right.js
@@ -14,6 +14,7 @@ const ChevronsRight = forwardRef(({ color = 'currentColor', size = 24, ...rest }
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-chevrons-right"
       {...rest}
     >
       <polyline points="13 17 18 12 13 7" />
diff --git a/src/icons/chevrons-up.js b/src/icons/chevrons-up.js
index 28ee4c71..8cd19fd8 100644
--- a/src/icons/chevrons-up.js
+++ b/src/icons/chevrons-up.js
@@ -14,6 +14,7 @@ const ChevronsUp = forwardRef(({ color = 'currentColor', size = 24, ...rest }, r
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-chevrons-up"
       {...rest}
     >
       <polyline points="17 11 12 6 7 11" />
diff --git a/src/icons/chrome.js b/src/icons/chrome.js
index 963e88a8..cf67682b 100644
--- a/src/icons/chrome.js
+++ b/src/icons/chrome.js
@@ -14,6 +14,7 @@ const Chrome = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-chrome"
       {...rest}
     >
       <circle cx="12" cy="12" r="10" />
diff --git a/src/icons/circle.js b/src/icons/circle.js
index acea4cfc..be756628 100644
--- a/src/icons/circle.js
+++ b/src/icons/circle.js
@@ -14,6 +14,7 @@ const Circle = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-circle"
       {...rest}
     >
       <circle cx="12" cy="12" r="10" />
diff --git a/src/icons/clipboard.js b/src/icons/clipboard.js
index 88d2479a..cb4e3dca 100644
--- a/src/icons/clipboard.js
+++ b/src/icons/clipboard.js
@@ -14,6 +14,7 @@ const Clipboard = forwardRef(({ color = 'currentColor', size = 24, ...rest }, re
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-clipboard"
       {...rest}
     >
       <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" />
diff --git a/src/icons/clock.js b/src/icons/clock.js
index f2a19dcf..40a9c30a 100644
--- a/src/icons/clock.js
+++ b/src/icons/clock.js
@@ -14,6 +14,7 @@ const Clock = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-clock"
       {...rest}
     >
       <circle cx="12" cy="12" r="10" />
diff --git a/src/icons/cloud-drizzle.js b/src/icons/cloud-drizzle.js
index c9f988ff..27f9d6c6 100644
--- a/src/icons/cloud-drizzle.js
+++ b/src/icons/cloud-drizzle.js
@@ -14,6 +14,7 @@ const CloudDrizzle = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-cloud-drizzle"
       {...rest}
     >
       <line x1="8" y1="19" x2="8" y2="21" />
diff --git a/src/icons/cloud-lightning.js b/src/icons/cloud-lightning.js
index 1d602e4a..a8380026 100644
--- a/src/icons/cloud-lightning.js
+++ b/src/icons/cloud-lightning.js
@@ -14,6 +14,7 @@ const CloudLightning = forwardRef(({ color = 'currentColor', size = 24, ...rest
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-cloud-lightning"
       {...rest}
     >
       <path d="M19 16.9A5 5 0 0 0 18 7h-1.26a8 8 0 1 0-11.62 9" />
diff --git a/src/icons/cloud-off.js b/src/icons/cloud-off.js
index 1888fa0c..c299c785 100644
--- a/src/icons/cloud-off.js
+++ b/src/icons/cloud-off.js
@@ -14,6 +14,7 @@ const CloudOff = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-cloud-off"
       {...rest}
     >
       <path d="M22.61 16.95A5 5 0 0 0 18 10h-1.26a8 8 0 0 0-7.05-6M5 5a8 8 0 0 0 4 15h9a5 5 0 0 0 1.7-.3" />
diff --git a/src/icons/cloud-rain.js b/src/icons/cloud-rain.js
index 443641b4..9c1bb25d 100644
--- a/src/icons/cloud-rain.js
+++ b/src/icons/cloud-rain.js
@@ -14,6 +14,7 @@ const CloudRain = forwardRef(({ color = 'currentColor', size = 24, ...rest }, re
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-cloud-rain"
       {...rest}
     >
       <line x1="16" y1="13" x2="16" y2="21" />
diff --git a/src/icons/cloud-snow.js b/src/icons/cloud-snow.js
index e3d71a54..76dac1b7 100644
--- a/src/icons/cloud-snow.js
+++ b/src/icons/cloud-snow.js
@@ -14,6 +14,7 @@ const CloudSnow = forwardRef(({ color = 'currentColor', size = 24, ...rest }, re
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-cloud-snow"
       {...rest}
     >
       <path d="M20 17.58A5 5 0 0 0 18 8h-1.26A8 8 0 1 0 4 16.25" />
diff --git a/src/icons/cloud.js b/src/icons/cloud.js
index d11a6dd3..9e3c3467 100644
--- a/src/icons/cloud.js
+++ b/src/icons/cloud.js
@@ -14,6 +14,7 @@ const Cloud = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-cloud"
       {...rest}
     >
       <path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z" />
diff --git a/src/icons/code.js b/src/icons/code.js
index a3d2bac0..dde142e1 100644
--- a/src/icons/code.js
+++ b/src/icons/code.js
@@ -14,6 +14,7 @@ const Code = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-code"
       {...rest}
     >
       <polyline points="16 18 22 12 16 6" />
diff --git a/src/icons/codepen.js b/src/icons/codepen.js
index dd8f1def..a48b78f4 100644
--- a/src/icons/codepen.js
+++ b/src/icons/codepen.js
@@ -14,6 +14,7 @@ const Codepen = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-codepen"
       {...rest}
     >
       <polygon points="12 2 22 8.5 22 15.5 12 22 2 15.5 2 8.5 12 2" />
diff --git a/src/icons/codesandbox.js b/src/icons/codesandbox.js
index 01d6119a..00208ba5 100644
--- a/src/icons/codesandbox.js
+++ b/src/icons/codesandbox.js
@@ -14,6 +14,7 @@ const Codesandbox = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-codesandbox"
       {...rest}
     >
       <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z" />
diff --git a/src/icons/coffee.js b/src/icons/coffee.js
index 7a0a287b..a5ead6b0 100644
--- a/src/icons/coffee.js
+++ b/src/icons/coffee.js
@@ -14,6 +14,7 @@ const Coffee = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-coffee"
       {...rest}
     >
       <path d="M18 8h1a4 4 0 0 1 0 8h-1" />
diff --git a/src/icons/columns.js b/src/icons/columns.js
index 4a1acafd..628d1621 100644
--- a/src/icons/columns.js
+++ b/src/icons/columns.js
@@ -14,6 +14,7 @@ const Columns = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-columns"
       {...rest}
     >
       <path d="M12 3h7a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-7m0-18H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h7m0-18v18" />
diff --git a/src/icons/command.js b/src/icons/command.js
index 64e00a29..de7f14b1 100644
--- a/src/icons/command.js
+++ b/src/icons/command.js
@@ -14,6 +14,7 @@ const Command = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-command"
       {...rest}
     >
       <path d="M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z" />
diff --git a/src/icons/compass.js b/src/icons/compass.js
index d608971d..bbe55d66 100644
--- a/src/icons/compass.js
+++ b/src/icons/compass.js
@@ -14,6 +14,7 @@ const Compass = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-compass"
       {...rest}
     >
       <circle cx="12" cy="12" r="10" />
diff --git a/src/icons/copy.js b/src/icons/copy.js
index 428ed7ff..3357d9f0 100644
--- a/src/icons/copy.js
+++ b/src/icons/copy.js
@@ -14,6 +14,7 @@ const Copy = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-copy"
       {...rest}
     >
       <rect x="9" y="9" width="13" height="13" rx="2" ry="2" />
diff --git a/src/icons/corner-down-left.js b/src/icons/corner-down-left.js
index 28ab46cc..264345cf 100644
--- a/src/icons/corner-down-left.js
+++ b/src/icons/corner-down-left.js
@@ -14,6 +14,7 @@ const CornerDownLeft = forwardRef(({ color = 'currentColor', size = 24, ...rest
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-corner-down-left"
       {...rest}
     >
       <polyline points="9 10 4 15 9 20" />
diff --git a/src/icons/corner-down-right.js b/src/icons/corner-down-right.js
index f2ce5690..632b4fa1 100644
--- a/src/icons/corner-down-right.js
+++ b/src/icons/corner-down-right.js
@@ -14,6 +14,7 @@ const CornerDownRight = forwardRef(({ color = 'currentColor', size = 24, ...rest
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-corner-down-right"
       {...rest}
     >
       <polyline points="15 10 20 15 15 20" />
diff --git a/src/icons/corner-left-down.js b/src/icons/corner-left-down.js
index 5e44e592..feb9af50 100644
--- a/src/icons/corner-left-down.js
+++ b/src/icons/corner-left-down.js
@@ -14,6 +14,7 @@ const CornerLeftDown = forwardRef(({ color = 'currentColor', size = 24, ...rest
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-corner-left-down"
       {...rest}
     >
       <polyline points="14 15 9 20 4 15" />
diff --git a/src/icons/corner-left-up.js b/src/icons/corner-left-up.js
index 9ea0701c..7005a7c7 100644
--- a/src/icons/corner-left-up.js
+++ b/src/icons/corner-left-up.js
@@ -14,6 +14,7 @@ const CornerLeftUp = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-corner-left-up"
       {...rest}
     >
       <polyline points="14 9 9 4 4 9" />
diff --git a/src/icons/corner-right-down.js b/src/icons/corner-right-down.js
index 469e9909..9db00240 100644
--- a/src/icons/corner-right-down.js
+++ b/src/icons/corner-right-down.js
@@ -14,6 +14,7 @@ const CornerRightDown = forwardRef(({ color = 'currentColor', size = 24, ...rest
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-corner-right-down"
       {...rest}
     >
       <polyline points="10 15 15 20 20 15" />
diff --git a/src/icons/corner-right-up.js b/src/icons/corner-right-up.js
index b12ab258..6d574258 100644
--- a/src/icons/corner-right-up.js
+++ b/src/icons/corner-right-up.js
@@ -14,6 +14,7 @@ const CornerRightUp = forwardRef(({ color = 'currentColor', size = 24, ...rest }
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-corner-right-up"
       {...rest}
     >
       <polyline points="10 9 15 4 20 9" />
diff --git a/src/icons/corner-up-left.js b/src/icons/corner-up-left.js
index bee7efa6..ba2486e0 100644
--- a/src/icons/corner-up-left.js
+++ b/src/icons/corner-up-left.js
@@ -14,6 +14,7 @@ const CornerUpLeft = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-corner-up-left"
       {...rest}
     >
       <polyline points="9 14 4 9 9 4" />
diff --git a/src/icons/corner-up-right.js b/src/icons/corner-up-right.js
index 2caa42a2..16b113d5 100644
--- a/src/icons/corner-up-right.js
+++ b/src/icons/corner-up-right.js
@@ -14,6 +14,7 @@ const CornerUpRight = forwardRef(({ color = 'currentColor', size = 24, ...rest }
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-corner-up-right"
       {...rest}
     >
       <polyline points="15 14 20 9 15 4" />
diff --git a/src/icons/cpu.js b/src/icons/cpu.js
index f1fd6dd7..9cd94f58 100644
--- a/src/icons/cpu.js
+++ b/src/icons/cpu.js
@@ -14,6 +14,7 @@ const Cpu = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-cpu"
       {...rest}
     >
       <rect x="4" y="4" width="16" height="16" rx="2" ry="2" />
diff --git a/src/icons/credit-card.js b/src/icons/credit-card.js
index 0ef82c96..cabe5873 100644
--- a/src/icons/credit-card.js
+++ b/src/icons/credit-card.js
@@ -14,6 +14,7 @@ const CreditCard = forwardRef(({ color = 'currentColor', size = 24, ...rest }, r
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-credit-card"
       {...rest}
     >
       <rect x="1" y="4" width="22" height="16" rx="2" ry="2" />
diff --git a/src/icons/crop.js b/src/icons/crop.js
index be26e004..b7a60aca 100644
--- a/src/icons/crop.js
+++ b/src/icons/crop.js
@@ -14,6 +14,7 @@ const Crop = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-crop"
       {...rest}
     >
       <path d="M6.13 1L6 16a2 2 0 0 0 2 2h15" />
diff --git a/src/icons/crosshair.js b/src/icons/crosshair.js
index 3b893834..4d0cd174 100644
--- a/src/icons/crosshair.js
+++ b/src/icons/crosshair.js
@@ -14,6 +14,7 @@ const Crosshair = forwardRef(({ color = 'currentColor', size = 24, ...rest }, re
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-crosshair"
       {...rest}
     >
       <circle cx="12" cy="12" r="10" />
diff --git a/src/icons/database.js b/src/icons/database.js
index 7e248d90..6797fffc 100644
--- a/src/icons/database.js
+++ b/src/icons/database.js
@@ -14,6 +14,7 @@ const Database = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-database"
       {...rest}
     >
       <ellipse cx="12" cy="5" rx="9" ry="3" />
diff --git a/src/icons/delete.js b/src/icons/delete.js
index a02994d6..e4b18dc0 100644
--- a/src/icons/delete.js
+++ b/src/icons/delete.js
@@ -14,6 +14,7 @@ const Delete = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-delete"
       {...rest}
     >
       <path d="M21 4H8l-7 8 7 8h13a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z" />
diff --git a/src/icons/disc.js b/src/icons/disc.js
index fae2b5c2..e16c874e 100644
--- a/src/icons/disc.js
+++ b/src/icons/disc.js
@@ -14,6 +14,7 @@ const Disc = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-disc"
       {...rest}
     >
       <circle cx="12" cy="12" r="10" />
diff --git a/src/icons/divide-circle.js b/src/icons/divide-circle.js
index b690c65a..7dfedf52 100644
--- a/src/icons/divide-circle.js
+++ b/src/icons/divide-circle.js
@@ -14,6 +14,7 @@ const DivideCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-divide-circle"
       {...rest}
     >
       <line x1="8" y1="12" x2="16" y2="12" />
diff --git a/src/icons/divide-square.js b/src/icons/divide-square.js
index 52ed598b..7fab3d1a 100644
--- a/src/icons/divide-square.js
+++ b/src/icons/divide-square.js
@@ -14,6 +14,7 @@ const DivideSquare = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-divide-square"
       {...rest}
     >
       <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
diff --git a/src/icons/divide.js b/src/icons/divide.js
index a00c63fc..9ed64678 100644
--- a/src/icons/divide.js
+++ b/src/icons/divide.js
@@ -14,6 +14,7 @@ const Divide = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-divide"
       {...rest}
     >
       <circle cx="12" cy="6" r="2" />
diff --git a/src/icons/dollar-sign.js b/src/icons/dollar-sign.js
index a1f4fa65..7aae0075 100644
--- a/src/icons/dollar-sign.js
+++ b/src/icons/dollar-sign.js
@@ -14,6 +14,7 @@ const DollarSign = forwardRef(({ color = 'currentColor', size = 24, ...rest }, r
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-dollar-sign"
       {...rest}
     >
       <line x1="12" y1="1" x2="12" y2="23" />
diff --git a/src/icons/download-cloud.js b/src/icons/download-cloud.js
index 2db09b20..b749ffb3 100644
--- a/src/icons/download-cloud.js
+++ b/src/icons/download-cloud.js
@@ -14,6 +14,7 @@ const DownloadCloud = forwardRef(({ color = 'currentColor', size = 24, ...rest }
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-download-cloud"
       {...rest}
     >
       <polyline points="8 17 12 21 16 17" />
diff --git a/src/icons/download.js b/src/icons/download.js
index fdb1066d..68159f9f 100644
--- a/src/icons/download.js
+++ b/src/icons/download.js
@@ -14,6 +14,7 @@ const Download = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-download"
       {...rest}
     >
       <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
diff --git a/src/icons/dribbble.js b/src/icons/dribbble.js
index e867dd2e..b74ef167 100644
--- a/src/icons/dribbble.js
+++ b/src/icons/dribbble.js
@@ -14,6 +14,7 @@ const Dribbble = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-dribbble"
       {...rest}
     >
       <circle cx="12" cy="12" r="10" />
diff --git a/src/icons/droplet.js b/src/icons/droplet.js
index e32369c8..0d5e5932 100644
--- a/src/icons/droplet.js
+++ b/src/icons/droplet.js
@@ -14,6 +14,7 @@ const Droplet = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-droplet"
       {...rest}
     >
       <path d="M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z" />
diff --git a/src/icons/edit-2.js b/src/icons/edit-2.js
index cd9cd002..65faa2c4 100644
--- a/src/icons/edit-2.js
+++ b/src/icons/edit-2.js
@@ -14,6 +14,7 @@ const Edit2 = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-edit-2"
       {...rest}
     >
       <path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" />
diff --git a/src/icons/edit-3.js b/src/icons/edit-3.js
index c28a5ecd..4e0aefe7 100644
--- a/src/icons/edit-3.js
+++ b/src/icons/edit-3.js
@@ -14,6 +14,7 @@ const Edit3 = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-edit-3"
       {...rest}
     >
       <path d="M12 20h9" />
diff --git a/src/icons/edit.js b/src/icons/edit.js
index 28579470..c1bd15cd 100644
--- a/src/icons/edit.js
+++ b/src/icons/edit.js
@@ -14,6 +14,7 @@ const Edit = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-edit"
       {...rest}
     >
       <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />
diff --git a/src/icons/external-link.js b/src/icons/external-link.js
index 8f894e6e..8fd04a43 100644
--- a/src/icons/external-link.js
+++ b/src/icons/external-link.js
@@ -14,6 +14,7 @@ const ExternalLink = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-external-link"
       {...rest}
     >
       <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" />
diff --git a/src/icons/eye-off.js b/src/icons/eye-off.js
index 3cf70003..4ce327ff 100644
--- a/src/icons/eye-off.js
+++ b/src/icons/eye-off.js
@@ -14,6 +14,7 @@ const EyeOff = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-eye-off"
       {...rest}
     >
       <path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" />
diff --git a/src/icons/eye.js b/src/icons/eye.js
index 5975969d..5952817b 100644
--- a/src/icons/eye.js
+++ b/src/icons/eye.js
@@ -14,6 +14,7 @@ const Eye = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-eye"
       {...rest}
     >
       <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
diff --git a/src/icons/facebook.js b/src/icons/facebook.js
index e26d38a9..96543b32 100644
--- a/src/icons/facebook.js
+++ b/src/icons/facebook.js
@@ -14,6 +14,7 @@ const Facebook = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-facebook"
       {...rest}
     >
       <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" />
diff --git a/src/icons/fast-forward.js b/src/icons/fast-forward.js
index 8c4faacf..6f3702ab 100644
--- a/src/icons/fast-forward.js
+++ b/src/icons/fast-forward.js
@@ -14,6 +14,7 @@ const FastForward = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-fast-forward"
       {...rest}
     >
       <polygon points="13 19 22 12 13 5 13 19" />
diff --git a/src/icons/feather.js b/src/icons/feather.js
index ce167bf8..8fb295c7 100644
--- a/src/icons/feather.js
+++ b/src/icons/feather.js
@@ -14,6 +14,7 @@ const Feather = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-feather"
       {...rest}
     >
       <path d="M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z" />
diff --git a/src/icons/figma.js b/src/icons/figma.js
index 9bcd6083..f490a843 100644
--- a/src/icons/figma.js
+++ b/src/icons/figma.js
@@ -14,6 +14,7 @@ const Figma = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-figma"
       {...rest}
     >
       <path d="M5 5.5A3.5 3.5 0 0 1 8.5 2H12v7H8.5A3.5 3.5 0 0 1 5 5.5z" />
diff --git a/src/icons/file-minus.js b/src/icons/file-minus.js
index 873d442f..f53672fa 100644
--- a/src/icons/file-minus.js
+++ b/src/icons/file-minus.js
@@ -14,6 +14,7 @@ const FileMinus = forwardRef(({ color = 'currentColor', size = 24, ...rest }, re
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-file-minus"
       {...rest}
     >
       <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
diff --git a/src/icons/file-plus.js b/src/icons/file-plus.js
index dd95849c..b6e8d47d 100644
--- a/src/icons/file-plus.js
+++ b/src/icons/file-plus.js
@@ -14,6 +14,7 @@ const FilePlus = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-file-plus"
       {...rest}
     >
       <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
diff --git a/src/icons/file-text.js b/src/icons/file-text.js
index 6719c625..d1f03194 100644
--- a/src/icons/file-text.js
+++ b/src/icons/file-text.js
@@ -14,6 +14,7 @@ const FileText = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-file-text"
       {...rest}
     >
       <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
diff --git a/src/icons/file.js b/src/icons/file.js
index 0f215ae7..2cb65d1b 100644
--- a/src/icons/file.js
+++ b/src/icons/file.js
@@ -14,6 +14,7 @@ const File = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-file"
       {...rest}
     >
       <path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z" />
diff --git a/src/icons/film.js b/src/icons/film.js
index d9c8ff8d..35cecc0a 100644
--- a/src/icons/film.js
+++ b/src/icons/film.js
@@ -14,6 +14,7 @@ const Film = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-film"
       {...rest}
     >
       <rect x="2" y="2" width="20" height="20" rx="2.18" ry="2.18" />
diff --git a/src/icons/filter.js b/src/icons/filter.js
index b337d619..f8275df3 100644
--- a/src/icons/filter.js
+++ b/src/icons/filter.js
@@ -14,6 +14,7 @@ const Filter = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-filter"
       {...rest}
     >
       <polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" />
diff --git a/src/icons/flag.js b/src/icons/flag.js
index f80dbc93..9ea73129 100644
--- a/src/icons/flag.js
+++ b/src/icons/flag.js
@@ -14,6 +14,7 @@ const Flag = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-flag"
       {...rest}
     >
       <path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z" />
diff --git a/src/icons/folder-minus.js b/src/icons/folder-minus.js
index f25516ac..5a706242 100644
--- a/src/icons/folder-minus.js
+++ b/src/icons/folder-minus.js
@@ -14,6 +14,7 @@ const FolderMinus = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-folder-minus"
       {...rest}
     >
       <path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" />
diff --git a/src/icons/folder-plus.js b/src/icons/folder-plus.js
index 0c99032d..38053c79 100644
--- a/src/icons/folder-plus.js
+++ b/src/icons/folder-plus.js
@@ -14,6 +14,7 @@ const FolderPlus = forwardRef(({ color = 'currentColor', size = 24, ...rest }, r
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-folder-plus"
       {...rest}
     >
       <path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" />
diff --git a/src/icons/folder.js b/src/icons/folder.js
index 757b735f..c5f4a6e0 100644
--- a/src/icons/folder.js
+++ b/src/icons/folder.js
@@ -14,6 +14,7 @@ const Folder = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-folder"
       {...rest}
     >
       <path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" />
diff --git a/src/icons/framer.js b/src/icons/framer.js
index 59961503..4044da75 100644
--- a/src/icons/framer.js
+++ b/src/icons/framer.js
@@ -14,6 +14,7 @@ const Framer = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-framer"
       {...rest}
     >
       <path d="M5 16V9h14V2H5l14 14h-7m-7 0l7 7v-7m-7 0h7" />
diff --git a/src/icons/frown.js b/src/icons/frown.js
index 7589e791..a746f842 100644
--- a/src/icons/frown.js
+++ b/src/icons/frown.js
@@ -14,6 +14,7 @@ const Frown = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-frown"
       {...rest}
     >
       <circle cx="12" cy="12" r="10" />
diff --git a/src/icons/gift.js b/src/icons/gift.js
index 76110196..c292f6db 100644
--- a/src/icons/gift.js
+++ b/src/icons/gift.js
@@ -14,6 +14,7 @@ const Gift = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-gift"
       {...rest}
     >
       <polyline points="20 12 20 22 4 22 4 12" />
diff --git a/src/icons/git-branch.js b/src/icons/git-branch.js
index c486b96a..7acb4059 100644
--- a/src/icons/git-branch.js
+++ b/src/icons/git-branch.js
@@ -14,6 +14,7 @@ const GitBranch = forwardRef(({ color = 'currentColor', size = 24, ...rest }, re
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-git-branch"
       {...rest}
     >
       <line x1="6" y1="3" x2="6" y2="15" />
diff --git a/src/icons/git-commit.js b/src/icons/git-commit.js
index d710a8d0..d8a1f7bf 100644
--- a/src/icons/git-commit.js
+++ b/src/icons/git-commit.js
@@ -14,6 +14,7 @@ const GitCommit = forwardRef(({ color = 'currentColor', size = 24, ...rest }, re
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-git-commit"
       {...rest}
     >
       <circle cx="12" cy="12" r="4" />
diff --git a/src/icons/git-merge.js b/src/icons/git-merge.js
index 7124b9ab..bd5b2d52 100644
--- a/src/icons/git-merge.js
+++ b/src/icons/git-merge.js
@@ -14,6 +14,7 @@ const GitMerge = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-git-merge"
       {...rest}
     >
       <circle cx="18" cy="18" r="3" />
diff --git a/src/icons/git-pull-request.js b/src/icons/git-pull-request.js
index 8f0c3b99..5547abb4 100644
--- a/src/icons/git-pull-request.js
+++ b/src/icons/git-pull-request.js
@@ -14,6 +14,7 @@ const GitPullRequest = forwardRef(({ color = 'currentColor', size = 24, ...rest
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-git-pull-request"
       {...rest}
     >
       <circle cx="18" cy="18" r="3" />
diff --git a/src/icons/github.js b/src/icons/github.js
index 7260419a..f1ffc48c 100644
--- a/src/icons/github.js
+++ b/src/icons/github.js
@@ -14,6 +14,7 @@ const GitHub = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-github"
       {...rest}
     >
       <path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22" />
diff --git a/src/icons/gitlab.js b/src/icons/gitlab.js
index 7d091da4..7f3e3e31 100644
--- a/src/icons/gitlab.js
+++ b/src/icons/gitlab.js
@@ -14,6 +14,7 @@ const Gitlab = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-gitlab"
       {...rest}
     >
       <path d="M22.65 14.39L12 22.13 1.35 14.39a.84.84 0 0 1-.3-.94l1.22-3.78 2.44-7.51A.42.42 0 0 1 4.82 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.49h8.1l2.44-7.51A.42.42 0 0 1 18.6 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.51L23 13.45a.84.84 0 0 1-.35.94z" />
diff --git a/src/icons/globe.js b/src/icons/globe.js
index f0f398b0..ea739039 100644
--- a/src/icons/globe.js
+++ b/src/icons/globe.js
@@ -14,6 +14,7 @@ const Globe = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-globe"
       {...rest}
     >
       <circle cx="12" cy="12" r="10" />
diff --git a/src/icons/grid.js b/src/icons/grid.js
index e184e189..beb28332 100644
--- a/src/icons/grid.js
+++ b/src/icons/grid.js
@@ -14,6 +14,7 @@ const Grid = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-grid"
       {...rest}
     >
       <rect x="3" y="3" width="7" height="7" />
diff --git a/src/icons/hard-drive.js b/src/icons/hard-drive.js
index 354a051b..19e704af 100644
--- a/src/icons/hard-drive.js
+++ b/src/icons/hard-drive.js
@@ -14,6 +14,7 @@ const HardDrive = forwardRef(({ color = 'currentColor', size = 24, ...rest }, re
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-hard-drive"
       {...rest}
     >
       <line x1="22" y1="12" x2="2" y2="12" />
diff --git a/src/icons/hash.js b/src/icons/hash.js
index f9d08a77..c94095d9 100644
--- a/src/icons/hash.js
+++ b/src/icons/hash.js
@@ -14,6 +14,7 @@ const Hash = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-hash"
       {...rest}
     >
       <line x1="4" y1="9" x2="20" y2="9" />
diff --git a/src/icons/headphones.js b/src/icons/headphones.js
index de941ea3..c23f48ff 100644
--- a/src/icons/headphones.js
+++ b/src/icons/headphones.js
@@ -14,6 +14,7 @@ const Headphones = forwardRef(({ color = 'currentColor', size = 24, ...rest }, r
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-headphones"
       {...rest}
     >
       <path d="M3 18v-6a9 9 0 0 1 18 0v6" />
diff --git a/src/icons/heart.js b/src/icons/heart.js
index 284215d1..5c12b998 100644
--- a/src/icons/heart.js
+++ b/src/icons/heart.js
@@ -14,6 +14,7 @@ const Heart = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-heart"
       {...rest}
     >
       <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" />
diff --git a/src/icons/help-circle.js b/src/icons/help-circle.js
index a76290ec..9fbd1819 100644
--- a/src/icons/help-circle.js
+++ b/src/icons/help-circle.js
@@ -14,6 +14,7 @@ const HelpCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest }, r
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-help-circle"
       {...rest}
     >
       <circle cx="12" cy="12" r="10" />
diff --git a/src/icons/hexagon.js b/src/icons/hexagon.js
index 4149ca49..a5b00257 100644
--- a/src/icons/hexagon.js
+++ b/src/icons/hexagon.js
@@ -14,6 +14,7 @@ const Hexagon = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-hexagon"
       {...rest}
     >
       <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z" />
diff --git a/src/icons/home.js b/src/icons/home.js
index 3a0e773d..b654b5bc 100644
--- a/src/icons/home.js
+++ b/src/icons/home.js
@@ -14,6 +14,7 @@ const Home = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-home"
       {...rest}
     >
       <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
diff --git a/src/icons/image.js b/src/icons/image.js
index 28b185d0..cda3951f 100644
--- a/src/icons/image.js
+++ b/src/icons/image.js
@@ -14,6 +14,7 @@ const Image = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-image"
       {...rest}
     >
       <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
diff --git a/src/icons/inbox.js b/src/icons/inbox.js
index 08972cea..7f1fc116 100644
--- a/src/icons/inbox.js
+++ b/src/icons/inbox.js
@@ -14,6 +14,7 @@ const Inbox = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-inbox"
       {...rest}
     >
       <polyline points="22 12 16 12 14 15 10 15 8 12 2 12" />
diff --git a/src/icons/info.js b/src/icons/info.js
index d1aa2855..604c1fdf 100644
--- a/src/icons/info.js
+++ b/src/icons/info.js
@@ -14,6 +14,7 @@ const Info = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-info"
       {...rest}
     >
       <circle cx="12" cy="12" r="10" />
diff --git a/src/icons/instagram.js b/src/icons/instagram.js
index 390bf4e1..f50dacc5 100644
--- a/src/icons/instagram.js
+++ b/src/icons/instagram.js
@@ -14,6 +14,7 @@ const Instagram = forwardRef(({ color = 'currentColor', size = 24, ...rest }, re
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-instagram"
       {...rest}
     >
       <rect x="2" y="2" width="20" height="20" rx="5" ry="5" />
diff --git a/src/icons/italic.js b/src/icons/italic.js
index 2ba6c3ed..6fe6cfc8 100644
--- a/src/icons/italic.js
+++ b/src/icons/italic.js
@@ -14,6 +14,7 @@ const Italic = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-italic"
       {...rest}
     >
       <line x1="19" y1="4" x2="10" y2="4" />
diff --git a/src/icons/key.js b/src/icons/key.js
index 772bd154..2ba4b05b 100644
--- a/src/icons/key.js
+++ b/src/icons/key.js
@@ -14,6 +14,7 @@ const Key = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-key"
       {...rest}
     >
       <path d="M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4" />
diff --git a/src/icons/layers.js b/src/icons/layers.js
index 015dd706..e732a2c3 100644
--- a/src/icons/layers.js
+++ b/src/icons/layers.js
@@ -14,6 +14,7 @@ const Layers = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-layers"
       {...rest}
     >
       <polygon points="12 2 2 7 12 12 22 7 12 2" />
diff --git a/src/icons/layout.js b/src/icons/layout.js
index 691aa4bd..dd0b173c 100644
--- a/src/icons/layout.js
+++ b/src/icons/layout.js
@@ -14,6 +14,7 @@ const Layout = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-layout"
       {...rest}
     >
       <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
diff --git a/src/icons/life-buoy.js b/src/icons/life-buoy.js
index 84215115..2d217e2f 100644
--- a/src/icons/life-buoy.js
+++ b/src/icons/life-buoy.js
@@ -14,6 +14,7 @@ const LifeBuoy = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-life-buoy"
       {...rest}
     >
       <circle cx="12" cy="12" r="10" />
diff --git a/src/icons/link-2.js b/src/icons/link-2.js
index 15e75b64..0a8beb4a 100644
--- a/src/icons/link-2.js
+++ b/src/icons/link-2.js
@@ -14,6 +14,7 @@ const Link2 = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-link-2"
       {...rest}
     >
       <path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3" />
diff --git a/src/icons/link.js b/src/icons/link.js
index cb8c9894..3fcb0bee 100644
--- a/src/icons/link.js
+++ b/src/icons/link.js
@@ -14,6 +14,7 @@ const Link = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-link"
       {...rest}
     >
       <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" />
diff --git a/src/icons/linkedin.js b/src/icons/linkedin.js
index e58d8732..a0a91a84 100644
--- a/src/icons/linkedin.js
+++ b/src/icons/linkedin.js
@@ -14,6 +14,7 @@ const Linkedin = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-linkedin"
       {...rest}
     >
       <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z" />
diff --git a/src/icons/list.js b/src/icons/list.js
index 3e82eb6c..d1261633 100644
--- a/src/icons/list.js
+++ b/src/icons/list.js
@@ -14,6 +14,7 @@ const List = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-list"
       {...rest}
     >
       <line x1="8" y1="6" x2="21" y2="6" />
diff --git a/src/icons/loader.js b/src/icons/loader.js
index d292cfe8..9f921730 100644
--- a/src/icons/loader.js
+++ b/src/icons/loader.js
@@ -14,6 +14,7 @@ const Loader = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-loader"
       {...rest}
     >
       <line x1="12" y1="2" x2="12" y2="6" />
diff --git a/src/icons/lock.js b/src/icons/lock.js
index 87790746..983727fe 100644
--- a/src/icons/lock.js
+++ b/src/icons/lock.js
@@ -14,6 +14,7 @@ const Lock = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-lock"
       {...rest}
     >
       <rect x="3" y="11" width="18" height="11" rx="2" ry="2" />
diff --git a/src/icons/log-in.js b/src/icons/log-in.js
index 68230b6f..151dc892 100644
--- a/src/icons/log-in.js
+++ b/src/icons/log-in.js
@@ -14,6 +14,7 @@ const LogIn = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-log-in"
       {...rest}
     >
       <path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4" />
diff --git a/src/icons/log-out.js b/src/icons/log-out.js
index 85dbaf73..515c2e5d 100644
--- a/src/icons/log-out.js
+++ b/src/icons/log-out.js
@@ -14,6 +14,7 @@ const LogOut = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-log-out"
       {...rest}
     >
       <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" />
diff --git a/src/icons/mail.js b/src/icons/mail.js
index bc6ddae1..3153a147 100644
--- a/src/icons/mail.js
+++ b/src/icons/mail.js
@@ -14,6 +14,7 @@ const Mail = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-mail"
       {...rest}
     >
       <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" />
diff --git a/src/icons/map-pin.js b/src/icons/map-pin.js
index 6207d45b..5657cde1 100644
--- a/src/icons/map-pin.js
+++ b/src/icons/map-pin.js
@@ -14,6 +14,7 @@ const MapPin = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-map-pin"
       {...rest}
     >
       <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" />
diff --git a/src/icons/map.js b/src/icons/map.js
index 614858e6..7365db2d 100644
--- a/src/icons/map.js
+++ b/src/icons/map.js
@@ -14,6 +14,7 @@ const Map = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-map"
       {...rest}
     >
       <polygon points="1 6 1 22 8 18 16 22 23 18 23 2 16 6 8 2 1 6" />
diff --git a/src/icons/maximize-2.js b/src/icons/maximize-2.js
index 039eb771..b98188d8 100644
--- a/src/icons/maximize-2.js
+++ b/src/icons/maximize-2.js
@@ -14,6 +14,7 @@ const Maximize2 = forwardRef(({ color = 'currentColor', size = 24, ...rest }, re
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-maximize-2"
       {...rest}
     >
       <polyline points="15 3 21 3 21 9" />
diff --git a/src/icons/maximize.js b/src/icons/maximize.js
index 151c0893..07ab42b0 100644
--- a/src/icons/maximize.js
+++ b/src/icons/maximize.js
@@ -14,6 +14,7 @@ const Maximize = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-maximize"
       {...rest}
     >
       <path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3" />
diff --git a/src/icons/meh.js b/src/icons/meh.js
index 253f21ab..a401537c 100644
--- a/src/icons/meh.js
+++ b/src/icons/meh.js
@@ -14,6 +14,7 @@ const Meh = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-meh"
       {...rest}
     >
       <circle cx="12" cy="12" r="10" />
diff --git a/src/icons/menu.js b/src/icons/menu.js
index 6d61e7a0..13510ca3 100644
--- a/src/icons/menu.js
+++ b/src/icons/menu.js
@@ -14,6 +14,7 @@ const Menu = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-menu"
       {...rest}
     >
       <line x1="3" y1="12" x2="21" y2="12" />
diff --git a/src/icons/message-circle.js b/src/icons/message-circle.js
index a148d412..dd7ae5f1 100644
--- a/src/icons/message-circle.js
+++ b/src/icons/message-circle.js
@@ -14,6 +14,7 @@ const MessageCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest }
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-message-circle"
       {...rest}
     >
       <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" />
diff --git a/src/icons/message-square.js b/src/icons/message-square.js
index ccbfdee0..3b6b1bec 100644
--- a/src/icons/message-square.js
+++ b/src/icons/message-square.js
@@ -14,6 +14,7 @@ const MessageSquare = forwardRef(({ color = 'currentColor', size = 24, ...rest }
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-message-square"
       {...rest}
     >
       <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />
diff --git a/src/icons/mic-off.js b/src/icons/mic-off.js
index b3768bc6..e46c577e 100644
--- a/src/icons/mic-off.js
+++ b/src/icons/mic-off.js
@@ -14,6 +14,7 @@ const MicOff = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-mic-off"
       {...rest}
     >
       <line x1="1" y1="1" x2="23" y2="23" />
diff --git a/src/icons/mic.js b/src/icons/mic.js
index 930a2000..f0dfc232 100644
--- a/src/icons/mic.js
+++ b/src/icons/mic.js
@@ -14,6 +14,7 @@ const Mic = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-mic"
       {...rest}
     >
       <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" />
diff --git a/src/icons/minimize-2.js b/src/icons/minimize-2.js
index 32279bb8..ebdefa7c 100644
--- a/src/icons/minimize-2.js
+++ b/src/icons/minimize-2.js
@@ -14,6 +14,7 @@ const Minimize2 = forwardRef(({ color = 'currentColor', size = 24, ...rest }, re
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-minimize-2"
       {...rest}
     >
       <polyline points="4 14 10 14 10 20" />
diff --git a/src/icons/minimize.js b/src/icons/minimize.js
index bcc4fd0a..8933de72 100644
--- a/src/icons/minimize.js
+++ b/src/icons/minimize.js
@@ -14,6 +14,7 @@ const Minimize = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-minimize"
       {...rest}
     >
       <path d="M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3" />
diff --git a/src/icons/minus-circle.js b/src/icons/minus-circle.js
index 5ceabf1a..d5d73bf1 100644
--- a/src/icons/minus-circle.js
+++ b/src/icons/minus-circle.js
@@ -14,6 +14,7 @@ const MinusCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-minus-circle"
       {...rest}
     >
       <circle cx="12" cy="12" r="10" />
diff --git a/src/icons/minus-square.js b/src/icons/minus-square.js
index f6c66e8d..a6355f1d 100644
--- a/src/icons/minus-square.js
+++ b/src/icons/minus-square.js
@@ -14,6 +14,7 @@ const MinusSquare = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-minus-square"
       {...rest}
     >
       <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
diff --git a/src/icons/minus.js b/src/icons/minus.js
index 61d3969d..a87e1aa2 100644
--- a/src/icons/minus.js
+++ b/src/icons/minus.js
@@ -14,6 +14,7 @@ const Minus = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-minus"
       {...rest}
     >
       <line x1="5" y1="12" x2="19" y2="12" />
diff --git a/src/icons/monitor.js b/src/icons/monitor.js
index 71a702d4..fc8c0183 100644
--- a/src/icons/monitor.js
+++ b/src/icons/monitor.js
@@ -14,6 +14,7 @@ const Monitor = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-monitor"
       {...rest}
     >
       <rect x="2" y="3" width="20" height="14" rx="2" ry="2" />
diff --git a/src/icons/moon.js b/src/icons/moon.js
index c3a1a8aa..0b65de58 100644
--- a/src/icons/moon.js
+++ b/src/icons/moon.js
@@ -14,6 +14,7 @@ const Moon = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-moon"
       {...rest}
     >
       <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" />
diff --git a/src/icons/more-horizontal.js b/src/icons/more-horizontal.js
index 4dcb480c..006fbffe 100644
--- a/src/icons/more-horizontal.js
+++ b/src/icons/more-horizontal.js
@@ -14,6 +14,7 @@ const MoreHorizontal = forwardRef(({ color = 'currentColor', size = 24, ...rest
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-more-horizontal"
       {...rest}
     >
       <circle cx="12" cy="12" r="1" />
diff --git a/src/icons/more-vertical.js b/src/icons/more-vertical.js
index 8d50e567..cb0bcf3d 100644
--- a/src/icons/more-vertical.js
+++ b/src/icons/more-vertical.js
@@ -14,6 +14,7 @@ const MoreVertical = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-more-vertical"
       {...rest}
     >
       <circle cx="12" cy="12" r="1" />
diff --git a/src/icons/mouse-pointer.js b/src/icons/mouse-pointer.js
index 24182c06..3e263258 100644
--- a/src/icons/mouse-pointer.js
+++ b/src/icons/mouse-pointer.js
@@ -14,6 +14,7 @@ const MousePointer = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-mouse-pointer"
       {...rest}
     >
       <path d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z" />
diff --git a/src/icons/move.js b/src/icons/move.js
index b2c32776..e06bc601 100644
--- a/src/icons/move.js
+++ b/src/icons/move.js
@@ -14,6 +14,7 @@ const Move = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-move"
       {...rest}
     >
       <polyline points="5 9 2 12 5 15" />
diff --git a/src/icons/music.js b/src/icons/music.js
index e9a7d9f5..6e2b220b 100644
--- a/src/icons/music.js
+++ b/src/icons/music.js
@@ -14,6 +14,7 @@ const Music = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-music"
       {...rest}
     >
       <path d="M9 18V5l12-2v13" />
diff --git a/src/icons/navigation-2.js b/src/icons/navigation-2.js
index 74757a22..b8b9dc43 100644
--- a/src/icons/navigation-2.js
+++ b/src/icons/navigation-2.js
@@ -14,6 +14,7 @@ const Navigation2 = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-navigation-2"
       {...rest}
     >
       <polygon points="12 2 19 21 12 17 5 21 12 2" />
diff --git a/src/icons/navigation.js b/src/icons/navigation.js
index ac7748a3..4f3eafc8 100644
--- a/src/icons/navigation.js
+++ b/src/icons/navigation.js
@@ -14,6 +14,7 @@ const Navigation = forwardRef(({ color = 'currentColor', size = 24, ...rest }, r
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-navigation"
       {...rest}
     >
       <polygon points="3 11 22 2 13 21 11 13 3 11" />
diff --git a/src/icons/octagon.js b/src/icons/octagon.js
index 9223fdc6..6fd20d1d 100644
--- a/src/icons/octagon.js
+++ b/src/icons/octagon.js
@@ -14,6 +14,7 @@ const Octagon = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-octagon"
       {...rest}
     >
       <polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" />
diff --git a/src/icons/package.js b/src/icons/package.js
index 0c651919..f2eb88f0 100644
--- a/src/icons/package.js
+++ b/src/icons/package.js
@@ -14,6 +14,7 @@ const Package = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-package"
       {...rest}
     >
       <line x1="16.5" y1="9.4" x2="7.5" y2="4.21" />
diff --git a/src/icons/paperclip.js b/src/icons/paperclip.js
index f2c715bf..dabfded9 100644
--- a/src/icons/paperclip.js
+++ b/src/icons/paperclip.js
@@ -14,6 +14,7 @@ const Paperclip = forwardRef(({ color = 'currentColor', size = 24, ...rest }, re
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-paperclip"
       {...rest}
     >
       <path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48" />
diff --git a/src/icons/pause-circle.js b/src/icons/pause-circle.js
index 489c112b..9508dc84 100644
--- a/src/icons/pause-circle.js
+++ b/src/icons/pause-circle.js
@@ -14,6 +14,7 @@ const PauseCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-pause-circle"
       {...rest}
     >
       <circle cx="12" cy="12" r="10" />
diff --git a/src/icons/pause.js b/src/icons/pause.js
index c39b17d0..7a28d582 100644
--- a/src/icons/pause.js
+++ b/src/icons/pause.js
@@ -14,6 +14,7 @@ const Pause = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-pause"
       {...rest}
     >
       <rect x="6" y="4" width="4" height="16" />
diff --git a/src/icons/pen-tool.js b/src/icons/pen-tool.js
index 3a18ecb3..1a84c270 100644
--- a/src/icons/pen-tool.js
+++ b/src/icons/pen-tool.js
@@ -14,6 +14,7 @@ const PenTool = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-pen-tool"
       {...rest}
     >
       <path d="M12 19l7-7 3 3-7 7-3-3z" />
diff --git a/src/icons/percent.js b/src/icons/percent.js
index 83bc8eb0..22930118 100644
--- a/src/icons/percent.js
+++ b/src/icons/percent.js
@@ -14,6 +14,7 @@ const Percent = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-percent"
       {...rest}
     >
       <line x1="19" y1="5" x2="5" y2="19" />
diff --git a/src/icons/phone-call.js b/src/icons/phone-call.js
index 8a8c25c3..1fc8bce1 100644
--- a/src/icons/phone-call.js
+++ b/src/icons/phone-call.js
@@ -14,6 +14,7 @@ const PhoneCall = forwardRef(({ color = 'currentColor', size = 24, ...rest }, re
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-phone-call"
       {...rest}
     >
       <path d="M15.05 5A5 5 0 0 1 19 8.95M15.05 1A9 9 0 0 1 23 8.94m-1 7.98v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" />
diff --git a/src/icons/phone-forwarded.js b/src/icons/phone-forwarded.js
index 03329286..0060f023 100644
--- a/src/icons/phone-forwarded.js
+++ b/src/icons/phone-forwarded.js
@@ -14,6 +14,7 @@ const PhoneForwarded = forwardRef(({ color = 'currentColor', size = 24, ...rest
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-phone-forwarded"
       {...rest}
     >
       <polyline points="19 1 23 5 19 9" />
diff --git a/src/icons/phone-incoming.js b/src/icons/phone-incoming.js
index 0706817c..ca3eec15 100644
--- a/src/icons/phone-incoming.js
+++ b/src/icons/phone-incoming.js
@@ -14,6 +14,7 @@ const PhoneIncoming = forwardRef(({ color = 'currentColor', size = 24, ...rest }
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-phone-incoming"
       {...rest}
     >
       <polyline points="16 2 16 8 22 8" />
diff --git a/src/icons/phone-missed.js b/src/icons/phone-missed.js
index f71dc65a..2930f5e0 100644
--- a/src/icons/phone-missed.js
+++ b/src/icons/phone-missed.js
@@ -14,6 +14,7 @@ const PhoneMissed = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-phone-missed"
       {...rest}
     >
       <line x1="23" y1="1" x2="17" y2="7" />
diff --git a/src/icons/phone-off.js b/src/icons/phone-off.js
index 051bc52f..4bae9e9d 100644
--- a/src/icons/phone-off.js
+++ b/src/icons/phone-off.js
@@ -14,6 +14,7 @@ const PhoneOff = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-phone-off"
       {...rest}
     >
       <path d="M10.68 13.31a16 16 0 0 0 3.41 2.6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7 2 2 0 0 1 1.72 2v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.42 19.42 0 0 1-3.33-2.67m-2.67-3.34a19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91" />
diff --git a/src/icons/phone-outgoing.js b/src/icons/phone-outgoing.js
index 143672ff..75dae850 100644
--- a/src/icons/phone-outgoing.js
+++ b/src/icons/phone-outgoing.js
@@ -14,6 +14,7 @@ const PhoneOutgoing = forwardRef(({ color = 'currentColor', size = 24, ...rest }
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-phone-outgoing"
       {...rest}
     >
       <polyline points="23 7 23 1 17 1" />
diff --git a/src/icons/phone.js b/src/icons/phone.js
index 1907b680..00b326da 100644
--- a/src/icons/phone.js
+++ b/src/icons/phone.js
@@ -14,6 +14,7 @@ const Phone = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-phone"
       {...rest}
     >
       <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" />
diff --git a/src/icons/pie-chart.js b/src/icons/pie-chart.js
index faaa283d..d678e70d 100644
--- a/src/icons/pie-chart.js
+++ b/src/icons/pie-chart.js
@@ -14,6 +14,7 @@ const PieChart = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-pie-chart"
       {...rest}
     >
       <path d="M21.21 15.89A10 10 0 1 1 8 2.83" />
diff --git a/src/icons/play-circle.js b/src/icons/play-circle.js
index 4e42737a..ec41a2d3 100644
--- a/src/icons/play-circle.js
+++ b/src/icons/play-circle.js
@@ -14,6 +14,7 @@ const PlayCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest }, r
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-play-circle"
       {...rest}
     >
       <circle cx="12" cy="12" r="10" />
diff --git a/src/icons/play.js b/src/icons/play.js
index 348a565b..7c68d3a7 100644
--- a/src/icons/play.js
+++ b/src/icons/play.js
@@ -14,6 +14,7 @@ const Play = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-play"
       {...rest}
     >
       <polygon points="5 3 19 12 5 21 5 3" />
diff --git a/src/icons/plus-circle.js b/src/icons/plus-circle.js
index 50f2191c..b11e42ae 100644
--- a/src/icons/plus-circle.js
+++ b/src/icons/plus-circle.js
@@ -14,6 +14,7 @@ const PlusCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest }, r
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-plus-circle"
       {...rest}
     >
       <circle cx="12" cy="12" r="10" />
diff --git a/src/icons/plus-square.js b/src/icons/plus-square.js
index fe1385e7..50c0e8d3 100644
--- a/src/icons/plus-square.js
+++ b/src/icons/plus-square.js
@@ -14,6 +14,7 @@ const PlusSquare = forwardRef(({ color = 'currentColor', size = 24, ...rest }, r
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-plus-square"
       {...rest}
     >
       <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
diff --git a/src/icons/plus.js b/src/icons/plus.js
index e7230638..140df1c4 100644
--- a/src/icons/plus.js
+++ b/src/icons/plus.js
@@ -14,6 +14,7 @@ const Plus = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-plus"
       {...rest}
     >
       <line x1="12" y1="5" x2="12" y2="19" />
diff --git a/src/icons/pocket.js b/src/icons/pocket.js
index 95661e93..4739a57f 100644
--- a/src/icons/pocket.js
+++ b/src/icons/pocket.js
@@ -14,6 +14,7 @@ const Pocket = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-pocket"
       {...rest}
     >
       <path d="M4 3h16a2 2 0 0 1 2 2v6a10 10 0 0 1-10 10A10 10 0 0 1 2 11V5a2 2 0 0 1 2-2z" />
diff --git a/src/icons/power.js b/src/icons/power.js
index d1dc0493..30207581 100644
--- a/src/icons/power.js
+++ b/src/icons/power.js
@@ -14,6 +14,7 @@ const Power = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-power"
       {...rest}
     >
       <path d="M18.36 6.64a9 9 0 1 1-12.73 0" />
diff --git a/src/icons/printer.js b/src/icons/printer.js
index d427fb4f..146717bd 100644
--- a/src/icons/printer.js
+++ b/src/icons/printer.js
@@ -14,6 +14,7 @@ const Printer = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-printer"
       {...rest}
     >
       <polyline points="6 9 6 2 18 2 18 9" />
diff --git a/src/icons/radio.js b/src/icons/radio.js
index cb61203e..071a53ab 100644
--- a/src/icons/radio.js
+++ b/src/icons/radio.js
@@ -14,6 +14,7 @@ const Radio = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-radio"
       {...rest}
     >
       <circle cx="12" cy="12" r="2" />
diff --git a/src/icons/refresh-ccw.js b/src/icons/refresh-ccw.js
index d82b4a33..515cc4f5 100644
--- a/src/icons/refresh-ccw.js
+++ b/src/icons/refresh-ccw.js
@@ -14,6 +14,7 @@ const RefreshCcw = forwardRef(({ color = 'currentColor', size = 24, ...rest }, r
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-refresh-ccw"
       {...rest}
     >
       <polyline points="1 4 1 10 7 10" />
diff --git a/src/icons/refresh-cw.js b/src/icons/refresh-cw.js
index b990c342..6ab211b4 100644
--- a/src/icons/refresh-cw.js
+++ b/src/icons/refresh-cw.js
@@ -14,6 +14,7 @@ const RefreshCw = forwardRef(({ color = 'currentColor', size = 24, ...rest }, re
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-refresh-cw"
       {...rest}
     >
       <polyline points="23 4 23 10 17 10" />
diff --git a/src/icons/repeat.js b/src/icons/repeat.js
index 073597c6..6ab725e3 100644
--- a/src/icons/repeat.js
+++ b/src/icons/repeat.js
@@ -14,6 +14,7 @@ const Repeat = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-repeat"
       {...rest}
     >
       <polyline points="17 1 21 5 17 9" />
diff --git a/src/icons/rewind.js b/src/icons/rewind.js
index 1164287e..e81c7629 100644
--- a/src/icons/rewind.js
+++ b/src/icons/rewind.js
@@ -14,6 +14,7 @@ const Rewind = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-rewind"
       {...rest}
     >
       <polygon points="11 19 2 12 11 5 11 19" />
diff --git a/src/icons/rotate-ccw.js b/src/icons/rotate-ccw.js
index c6ade073..96036d34 100644
--- a/src/icons/rotate-ccw.js
+++ b/src/icons/rotate-ccw.js
@@ -14,6 +14,7 @@ const RotateCcw = forwardRef(({ color = 'currentColor', size = 24, ...rest }, re
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-rotate-ccw"
       {...rest}
     >
       <polyline points="1 4 1 10 7 10" />
diff --git a/src/icons/rotate-cw.js b/src/icons/rotate-cw.js
index a43a6f55..df220a84 100644
--- a/src/icons/rotate-cw.js
+++ b/src/icons/rotate-cw.js
@@ -14,6 +14,7 @@ const RotateCw = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-rotate-cw"
       {...rest}
     >
       <polyline points="23 4 23 10 17 10" />
diff --git a/src/icons/rss.js b/src/icons/rss.js
index a5013c66..a5431fda 100644
--- a/src/icons/rss.js
+++ b/src/icons/rss.js
@@ -14,6 +14,7 @@ const Rss = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-rss"
       {...rest}
     >
       <path d="M4 11a9 9 0 0 1 9 9" />
diff --git a/src/icons/save.js b/src/icons/save.js
index a6b31ad9..cf450127 100644
--- a/src/icons/save.js
+++ b/src/icons/save.js
@@ -14,6 +14,7 @@ const Save = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-save"
       {...rest}
     >
       <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" />
diff --git a/src/icons/scissors.js b/src/icons/scissors.js
index b97c0ba0..15705ac9 100644
--- a/src/icons/scissors.js
+++ b/src/icons/scissors.js
@@ -14,6 +14,7 @@ const Scissors = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-scissors"
       {...rest}
     >
       <circle cx="6" cy="6" r="3" />
diff --git a/src/icons/search.js b/src/icons/search.js
index 03c8e149..faf65874 100644
--- a/src/icons/search.js
+++ b/src/icons/search.js
@@ -14,6 +14,7 @@ const Search = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-search"
       {...rest}
     >
       <circle cx="11" cy="11" r="8" />
diff --git a/src/icons/send.js b/src/icons/send.js
index 3188bd98..424c3d6f 100644
--- a/src/icons/send.js
+++ b/src/icons/send.js
@@ -14,6 +14,7 @@ const Send = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-send"
       {...rest}
     >
       <line x1="22" y1="2" x2="11" y2="13" />
diff --git a/src/icons/server.js b/src/icons/server.js
index 1d961365..e1676b0d 100644
--- a/src/icons/server.js
+++ b/src/icons/server.js
@@ -14,6 +14,7 @@ const Server = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-server"
       {...rest}
     >
       <rect x="2" y="2" width="20" height="8" rx="2" ry="2" />
diff --git a/src/icons/settings.js b/src/icons/settings.js
index f9b99f36..438175e3 100644
--- a/src/icons/settings.js
+++ b/src/icons/settings.js
@@ -14,6 +14,7 @@ const Settings = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-settings"
       {...rest}
     >
       <circle cx="12" cy="12" r="3" />
diff --git a/src/icons/share-2.js b/src/icons/share-2.js
index fcbd38ca..48b34668 100644
--- a/src/icons/share-2.js
+++ b/src/icons/share-2.js
@@ -14,6 +14,7 @@ const Share2 = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-share-2"
       {...rest}
     >
       <circle cx="18" cy="5" r="3" />
diff --git a/src/icons/share.js b/src/icons/share.js
index 5c8bb35c..1c2b38a7 100644
--- a/src/icons/share.js
+++ b/src/icons/share.js
@@ -14,6 +14,7 @@ const Share = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-share"
       {...rest}
     >
       <path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8" />
diff --git a/src/icons/shield-off.js b/src/icons/shield-off.js
index e64898ab..e107445f 100644
--- a/src/icons/shield-off.js
+++ b/src/icons/shield-off.js
@@ -14,6 +14,7 @@ const ShieldOff = forwardRef(({ color = 'currentColor', size = 24, ...rest }, re
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-shield-off"
       {...rest}
     >
       <path d="M19.69 14a6.9 6.9 0 0 0 .31-2V5l-8-3-3.16 1.18" />
diff --git a/src/icons/shield.js b/src/icons/shield.js
index 16dc590c..9224e9fc 100644
--- a/src/icons/shield.js
+++ b/src/icons/shield.js
@@ -14,6 +14,7 @@ const Shield = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-shield"
       {...rest}
     >
       <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
diff --git a/src/icons/shopping-bag.js b/src/icons/shopping-bag.js
index 14a8b49d..ec96a405 100644
--- a/src/icons/shopping-bag.js
+++ b/src/icons/shopping-bag.js
@@ -14,6 +14,7 @@ const ShoppingBag = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-shopping-bag"
       {...rest}
     >
       <path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z" />
diff --git a/src/icons/shopping-cart.js b/src/icons/shopping-cart.js
index 39f87c6b..e8169734 100644
--- a/src/icons/shopping-cart.js
+++ b/src/icons/shopping-cart.js
@@ -14,6 +14,7 @@ const ShoppingCart = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-shopping-cart"
       {...rest}
     >
       <circle cx="9" cy="21" r="1" />
diff --git a/src/icons/shuffle.js b/src/icons/shuffle.js
index 3fee34f7..fa83def4 100644
--- a/src/icons/shuffle.js
+++ b/src/icons/shuffle.js
@@ -14,6 +14,7 @@ const Shuffle = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-shuffle"
       {...rest}
     >
       <polyline points="16 3 21 3 21 8" />
diff --git a/src/icons/sidebar.js b/src/icons/sidebar.js
index addd322a..c0c83859 100644
--- a/src/icons/sidebar.js
+++ b/src/icons/sidebar.js
@@ -14,6 +14,7 @@ const Sidebar = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-sidebar"
       {...rest}
     >
       <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
diff --git a/src/icons/skip-back.js b/src/icons/skip-back.js
index ccb6d16f..5335c6d7 100644
--- a/src/icons/skip-back.js
+++ b/src/icons/skip-back.js
@@ -14,6 +14,7 @@ const SkipBack = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-skip-back"
       {...rest}
     >
       <polygon points="19 20 9 12 19 4 19 20" />
diff --git a/src/icons/skip-forward.js b/src/icons/skip-forward.js
index 354d8d33..41a916f9 100644
--- a/src/icons/skip-forward.js
+++ b/src/icons/skip-forward.js
@@ -14,6 +14,7 @@ const SkipForward = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-skip-forward"
       {...rest}
     >
       <polygon points="5 4 15 12 5 20 5 4" />
diff --git a/src/icons/slack.js b/src/icons/slack.js
index 4a357e83..57778c6c 100644
--- a/src/icons/slack.js
+++ b/src/icons/slack.js
@@ -14,6 +14,7 @@ const Slack = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-slack"
       {...rest}
     >
       <path d="M14.5 10c-.83 0-1.5-.67-1.5-1.5v-5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5z" />
diff --git a/src/icons/slash.js b/src/icons/slash.js
index 1c9b78cd..fddd1e52 100644
--- a/src/icons/slash.js
+++ b/src/icons/slash.js
@@ -14,6 +14,7 @@ const Slash = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-slash"
       {...rest}
     >
       <circle cx="12" cy="12" r="10" />
diff --git a/src/icons/sliders.js b/src/icons/sliders.js
index 70475ee7..ce4332a2 100644
--- a/src/icons/sliders.js
+++ b/src/icons/sliders.js
@@ -14,6 +14,7 @@ const Sliders = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-sliders"
       {...rest}
     >
       <line x1="4" y1="21" x2="4" y2="14" />
diff --git a/src/icons/smartphone.js b/src/icons/smartphone.js
index 6d337fd3..66885b37 100644
--- a/src/icons/smartphone.js
+++ b/src/icons/smartphone.js
@@ -14,6 +14,7 @@ const Smartphone = forwardRef(({ color = 'currentColor', size = 24, ...rest }, r
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-smartphone"
       {...rest}
     >
       <rect x="5" y="2" width="14" height="20" rx="2" ry="2" />
diff --git a/src/icons/smile.js b/src/icons/smile.js
index 0352b03c..b68b42c7 100644
--- a/src/icons/smile.js
+++ b/src/icons/smile.js
@@ -14,6 +14,7 @@ const Smile = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-smile"
       {...rest}
     >
       <circle cx="12" cy="12" r="10" />
diff --git a/src/icons/speaker.js b/src/icons/speaker.js
index 317a7282..28c1de8d 100644
--- a/src/icons/speaker.js
+++ b/src/icons/speaker.js
@@ -14,6 +14,7 @@ const Speaker = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-speaker"
       {...rest}
     >
       <rect x="4" y="2" width="16" height="20" rx="2" ry="2" />
diff --git a/src/icons/square.js b/src/icons/square.js
index c4963054..1ba98280 100644
--- a/src/icons/square.js
+++ b/src/icons/square.js
@@ -14,6 +14,7 @@ const Square = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-square"
       {...rest}
     >
       <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
diff --git a/src/icons/star.js b/src/icons/star.js
index b7f84bea..1c699c88 100644
--- a/src/icons/star.js
+++ b/src/icons/star.js
@@ -14,6 +14,7 @@ const Star = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-star"
       {...rest}
     >
       <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
diff --git a/src/icons/stop-circle.js b/src/icons/stop-circle.js
index 58802d4d..7f251e53 100644
--- a/src/icons/stop-circle.js
+++ b/src/icons/stop-circle.js
@@ -14,6 +14,7 @@ const StopCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest }, r
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-stop-circle"
       {...rest}
     >
       <circle cx="12" cy="12" r="10" />
diff --git a/src/icons/sun.js b/src/icons/sun.js
index d05f4bc4..08f0050e 100644
--- a/src/icons/sun.js
+++ b/src/icons/sun.js
@@ -14,6 +14,7 @@ const Sun = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-sun"
       {...rest}
     >
       <circle cx="12" cy="12" r="5" />
diff --git a/src/icons/sunrise.js b/src/icons/sunrise.js
index d3265bcf..489f8ee1 100644
--- a/src/icons/sunrise.js
+++ b/src/icons/sunrise.js
@@ -14,6 +14,7 @@ const Sunrise = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-sunrise"
       {...rest}
     >
       <path d="M17 18a5 5 0 0 0-10 0" />
diff --git a/src/icons/sunset.js b/src/icons/sunset.js
index 280d30f1..67bc900c 100644
--- a/src/icons/sunset.js
+++ b/src/icons/sunset.js
@@ -14,6 +14,7 @@ const Sunset = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-sunset"
       {...rest}
     >
       <path d="M17 18a5 5 0 0 0-10 0" />
diff --git a/src/icons/tablet.js b/src/icons/tablet.js
index e3102721..6576b862 100644
--- a/src/icons/tablet.js
+++ b/src/icons/tablet.js
@@ -14,6 +14,7 @@ const Tablet = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-tablet"
       {...rest}
     >
       <rect x="4" y="2" width="16" height="20" rx="2" ry="2" />
diff --git a/src/icons/tag.js b/src/icons/tag.js
index 5572303b..151b56da 100644
--- a/src/icons/tag.js
+++ b/src/icons/tag.js
@@ -14,6 +14,7 @@ const Tag = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-tag"
       {...rest}
     >
       <path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z" />
diff --git a/src/icons/target.js b/src/icons/target.js
index 503d4f4d..b66aa44e 100644
--- a/src/icons/target.js
+++ b/src/icons/target.js
@@ -14,6 +14,7 @@ const Target = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-target"
       {...rest}
     >
       <circle cx="12" cy="12" r="10" />
diff --git a/src/icons/terminal.js b/src/icons/terminal.js
index caf6c283..8555dcbe 100644
--- a/src/icons/terminal.js
+++ b/src/icons/terminal.js
@@ -14,6 +14,7 @@ const Terminal = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-terminal"
       {...rest}
     >
       <polyline points="4 17 10 11 4 5" />
diff --git a/src/icons/thermometer.js b/src/icons/thermometer.js
index 1511983c..8b239158 100644
--- a/src/icons/thermometer.js
+++ b/src/icons/thermometer.js
@@ -14,6 +14,7 @@ const Thermometer = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-thermometer"
       {...rest}
     >
       <path d="M14 14.76V3.5a2.5 2.5 0 0 0-5 0v11.26a4.5 4.5 0 1 0 5 0z" />
diff --git a/src/icons/thumbs-down.js b/src/icons/thumbs-down.js
index c4e794ce..d13ef8b4 100644
--- a/src/icons/thumbs-down.js
+++ b/src/icons/thumbs-down.js
@@ -14,6 +14,7 @@ const ThumbsDown = forwardRef(({ color = 'currentColor', size = 24, ...rest }, r
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-thumbs-down"
       {...rest}
     >
       <path d="M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17" />
diff --git a/src/icons/thumbs-up.js b/src/icons/thumbs-up.js
index 8fb5de8e..d974a1d7 100644
--- a/src/icons/thumbs-up.js
+++ b/src/icons/thumbs-up.js
@@ -14,6 +14,7 @@ const ThumbsUp = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-thumbs-up"
       {...rest}
     >
       <path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3" />
diff --git a/src/icons/toggle-left.js b/src/icons/toggle-left.js
index 7b8e6a88..af233103 100644
--- a/src/icons/toggle-left.js
+++ b/src/icons/toggle-left.js
@@ -14,6 +14,7 @@ const ToggleLeft = forwardRef(({ color = 'currentColor', size = 24, ...rest }, r
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-toggle-left"
       {...rest}
     >
       <rect x="1" y="5" width="22" height="14" rx="7" ry="7" />
diff --git a/src/icons/toggle-right.js b/src/icons/toggle-right.js
index 60af8dc9..9b8fa482 100644
--- a/src/icons/toggle-right.js
+++ b/src/icons/toggle-right.js
@@ -14,6 +14,7 @@ const ToggleRight = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-toggle-right"
       {...rest}
     >
       <rect x="1" y="5" width="22" height="14" rx="7" ry="7" />
diff --git a/src/icons/tool.js b/src/icons/tool.js
index e97ad12f..dcadebca 100644
--- a/src/icons/tool.js
+++ b/src/icons/tool.js
@@ -14,6 +14,7 @@ const Tool = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-tool"
       {...rest}
     >
       <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" />
diff --git a/src/icons/trash-2.js b/src/icons/trash-2.js
index 9313c094..0968fe0a 100644
--- a/src/icons/trash-2.js
+++ b/src/icons/trash-2.js
@@ -14,6 +14,7 @@ const Trash2 = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-trash-2"
       {...rest}
     >
       <polyline points="3 6 5 6 21 6" />
diff --git a/src/icons/trash.js b/src/icons/trash.js
index fb049e9a..6db89bb0 100644
--- a/src/icons/trash.js
+++ b/src/icons/trash.js
@@ -14,6 +14,7 @@ const Trash = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-trash"
       {...rest}
     >
       <polyline points="3 6 5 6 21 6" />
diff --git a/src/icons/trello.js b/src/icons/trello.js
index 73fb289b..477952cb 100644
--- a/src/icons/trello.js
+++ b/src/icons/trello.js
@@ -14,6 +14,7 @@ const Trello = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-trello"
       {...rest}
     >
       <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
diff --git a/src/icons/trending-down.js b/src/icons/trending-down.js
index a3d8e28f..e9a01246 100644
--- a/src/icons/trending-down.js
+++ b/src/icons/trending-down.js
@@ -14,6 +14,7 @@ const TrendingDown = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-trending-down"
       {...rest}
     >
       <polyline points="23 18 13.5 8.5 8.5 13.5 1 6" />
diff --git a/src/icons/trending-up.js b/src/icons/trending-up.js
index 35e66e59..e84ae82e 100644
--- a/src/icons/trending-up.js
+++ b/src/icons/trending-up.js
@@ -14,6 +14,7 @@ const TrendingUp = forwardRef(({ color = 'currentColor', size = 24, ...rest }, r
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-trending-up"
       {...rest}
     >
       <polyline points="23 6 13.5 15.5 8.5 10.5 1 18" />
diff --git a/src/icons/triangle.js b/src/icons/triangle.js
index 396e0202..04dd8112 100644
--- a/src/icons/triangle.js
+++ b/src/icons/triangle.js
@@ -14,6 +14,7 @@ const Triangle = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-triangle"
       {...rest}
     >
       <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" />
diff --git a/src/icons/truck.js b/src/icons/truck.js
index f140ef7a..44ca375b 100644
--- a/src/icons/truck.js
+++ b/src/icons/truck.js
@@ -14,6 +14,7 @@ const Truck = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-truck"
       {...rest}
     >
       <rect x="1" y="3" width="15" height="13" />
diff --git a/src/icons/tv.js b/src/icons/tv.js
index d008b05a..91a6f2c3 100644
--- a/src/icons/tv.js
+++ b/src/icons/tv.js
@@ -14,6 +14,7 @@ const Tv = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-tv"
       {...rest}
     >
       <rect x="2" y="7" width="20" height="15" rx="2" ry="2" />
diff --git a/src/icons/twitch.js b/src/icons/twitch.js
index 57d41532..534c442d 100644
--- a/src/icons/twitch.js
+++ b/src/icons/twitch.js
@@ -14,6 +14,7 @@ const Twitch = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-twitch"
       {...rest}
     >
       <path d="M21 2H3v16h5v4l4-4h5l4-4V2zm-10 9V7m5 4V7" />
diff --git a/src/icons/twitter.js b/src/icons/twitter.js
index 2828da19..38f11e1a 100644
--- a/src/icons/twitter.js
+++ b/src/icons/twitter.js
@@ -14,6 +14,7 @@ const Twitter = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-twitter"
       {...rest}
     >
       <path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z" />
diff --git a/src/icons/type.js b/src/icons/type.js
index e6f9029c..88d4f8f9 100644
--- a/src/icons/type.js
+++ b/src/icons/type.js
@@ -14,6 +14,7 @@ const Type = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-type"
       {...rest}
     >
       <polyline points="4 7 4 4 20 4 20 7" />
diff --git a/src/icons/umbrella.js b/src/icons/umbrella.js
index aae4a4ae..8e42f68a 100644
--- a/src/icons/umbrella.js
+++ b/src/icons/umbrella.js
@@ -14,6 +14,7 @@ const Umbrella = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-umbrella"
       {...rest}
     >
       <path d="M23 12a11.05 11.05 0 0 0-22 0zm-5 7a3 3 0 0 1-6 0v-7" />
diff --git a/src/icons/underline.js b/src/icons/underline.js
index 5062088f..84b76e19 100644
--- a/src/icons/underline.js
+++ b/src/icons/underline.js
@@ -14,6 +14,7 @@ const Underline = forwardRef(({ color = 'currentColor', size = 24, ...rest }, re
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-underline"
       {...rest}
     >
       <path d="M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3" />
diff --git a/src/icons/unlock.js b/src/icons/unlock.js
index 15df0f6c..e109e32a 100644
--- a/src/icons/unlock.js
+++ b/src/icons/unlock.js
@@ -14,6 +14,7 @@ const Unlock = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-unlock"
       {...rest}
     >
       <rect x="3" y="11" width="18" height="11" rx="2" ry="2" />
diff --git a/src/icons/upload-cloud.js b/src/icons/upload-cloud.js
index 655b600c..0754eaa5 100644
--- a/src/icons/upload-cloud.js
+++ b/src/icons/upload-cloud.js
@@ -14,6 +14,7 @@ const UploadCloud = forwardRef(({ color = 'currentColor', size = 24, ...rest },
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-upload-cloud"
       {...rest}
     >
       <polyline points="16 16 12 12 8 16" />
diff --git a/src/icons/upload.js b/src/icons/upload.js
index 2e027348..199273df 100644
--- a/src/icons/upload.js
+++ b/src/icons/upload.js
@@ -14,6 +14,7 @@ const Upload = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-upload"
       {...rest}
     >
       <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
diff --git a/src/icons/user-check.js b/src/icons/user-check.js
index 2295490d..04b7681a 100644
--- a/src/icons/user-check.js
+++ b/src/icons/user-check.js
@@ -14,6 +14,7 @@ const UserCheck = forwardRef(({ color = 'currentColor', size = 24, ...rest }, re
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-user-check"
       {...rest}
     >
       <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
diff --git a/src/icons/user-minus.js b/src/icons/user-minus.js
index ef725ea8..9041f8e7 100644
--- a/src/icons/user-minus.js
+++ b/src/icons/user-minus.js
@@ -14,6 +14,7 @@ const UserMinus = forwardRef(({ color = 'currentColor', size = 24, ...rest }, re
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-user-minus"
       {...rest}
     >
       <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
diff --git a/src/icons/user-plus.js b/src/icons/user-plus.js
index 8b78e179..d5ec71d9 100644
--- a/src/icons/user-plus.js
+++ b/src/icons/user-plus.js
@@ -14,6 +14,7 @@ const UserPlus = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-user-plus"
       {...rest}
     >
       <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
diff --git a/src/icons/user-x.js b/src/icons/user-x.js
index bd6b35c7..220bb145 100644
--- a/src/icons/user-x.js
+++ b/src/icons/user-x.js
@@ -14,6 +14,7 @@ const UserX = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-user-x"
       {...rest}
     >
       <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
diff --git a/src/icons/user.js b/src/icons/user.js
index f0a1b89a..55a3d7d3 100644
--- a/src/icons/user.js
+++ b/src/icons/user.js
@@ -14,6 +14,7 @@ const User = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-user"
       {...rest}
     >
       <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" />
diff --git a/src/icons/users.js b/src/icons/users.js
index 2acd351b..2b1a76c1 100644
--- a/src/icons/users.js
+++ b/src/icons/users.js
@@ -14,6 +14,7 @@ const Users = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-users"
       {...rest}
     >
       <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
diff --git a/src/icons/video-off.js b/src/icons/video-off.js
index 14a6d24e..ab4cf056 100644
--- a/src/icons/video-off.js
+++ b/src/icons/video-off.js
@@ -14,6 +14,7 @@ const VideoOff = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-video-off"
       {...rest}
     >
       <path d="M16 16v1a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2m5.66 0H14a2 2 0 0 1 2 2v3.34l1 1L23 7v10" />
diff --git a/src/icons/video.js b/src/icons/video.js
index b6001f84..d6637f1c 100644
--- a/src/icons/video.js
+++ b/src/icons/video.js
@@ -14,6 +14,7 @@ const Video = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-video"
       {...rest}
     >
       <polygon points="23 7 16 12 23 17 23 7" />
diff --git a/src/icons/voicemail.js b/src/icons/voicemail.js
index 2e87a05c..03b46cd6 100644
--- a/src/icons/voicemail.js
+++ b/src/icons/voicemail.js
@@ -14,6 +14,7 @@ const Voicemail = forwardRef(({ color = 'currentColor', size = 24, ...rest }, re
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-voicemail"
       {...rest}
     >
       <circle cx="5.5" cy="11.5" r="4.5" />
diff --git a/src/icons/volume-1.js b/src/icons/volume-1.js
index d7dde9e0..50279936 100644
--- a/src/icons/volume-1.js
+++ b/src/icons/volume-1.js
@@ -14,6 +14,7 @@ const Volume1 = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-volume-1"
       {...rest}
     >
       <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" />
diff --git a/src/icons/volume-2.js b/src/icons/volume-2.js
index 39d1d902..5a4e9110 100644
--- a/src/icons/volume-2.js
+++ b/src/icons/volume-2.js
@@ -14,6 +14,7 @@ const Volume2 = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-volume-2"
       {...rest}
     >
       <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" />
diff --git a/src/icons/volume-x.js b/src/icons/volume-x.js
index 472fda37..42989fed 100644
--- a/src/icons/volume-x.js
+++ b/src/icons/volume-x.js
@@ -14,6 +14,7 @@ const VolumeX = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-volume-x"
       {...rest}
     >
       <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" />
diff --git a/src/icons/volume.js b/src/icons/volume.js
index 13df574d..85f78146 100644
--- a/src/icons/volume.js
+++ b/src/icons/volume.js
@@ -14,6 +14,7 @@ const Volume = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-volume"
       {...rest}
     >
       <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" />
diff --git a/src/icons/watch.js b/src/icons/watch.js
index f62a8bb6..8bbb3372 100644
--- a/src/icons/watch.js
+++ b/src/icons/watch.js
@@ -14,6 +14,7 @@ const Watch = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-watch"
       {...rest}
     >
       <circle cx="12" cy="12" r="7" />
diff --git a/src/icons/wifi-off.js b/src/icons/wifi-off.js
index 5efc091e..7f1a19be 100644
--- a/src/icons/wifi-off.js
+++ b/src/icons/wifi-off.js
@@ -14,6 +14,7 @@ const WifiOff = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-wifi-off"
       {...rest}
     >
       <line x1="1" y1="1" x2="23" y2="23" />
diff --git a/src/icons/wifi.js b/src/icons/wifi.js
index d6545a92..2334f469 100644
--- a/src/icons/wifi.js
+++ b/src/icons/wifi.js
@@ -14,6 +14,7 @@ const Wifi = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-wifi"
       {...rest}
     >
       <path d="M5 12.55a11 11 0 0 1 14.08 0" />
diff --git a/src/icons/wind.js b/src/icons/wind.js
index baacc273..06ab063a 100644
--- a/src/icons/wind.js
+++ b/src/icons/wind.js
@@ -14,6 +14,7 @@ const Wind = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-wind"
       {...rest}
     >
       <path d="M9.59 4.59A2 2 0 1 1 11 8H2m10.59 11.41A2 2 0 1 0 14 16H2m15.73-8.27A2.5 2.5 0 1 1 19.5 12H2" />
diff --git a/src/icons/x-circle.js b/src/icons/x-circle.js
index d67dbc2e..3acd3e34 100644
--- a/src/icons/x-circle.js
+++ b/src/icons/x-circle.js
@@ -14,6 +14,7 @@ const XCircle = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-x-circle"
       {...rest}
     >
       <circle cx="12" cy="12" r="10" />
diff --git a/src/icons/x-octagon.js b/src/icons/x-octagon.js
index fe8e50a4..35ccff36 100644
--- a/src/icons/x-octagon.js
+++ b/src/icons/x-octagon.js
@@ -14,6 +14,7 @@ const XOctagon = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-x-octagon"
       {...rest}
     >
       <polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" />
diff --git a/src/icons/x-square.js b/src/icons/x-square.js
index 0487ec70..4a0f6aa2 100644
--- a/src/icons/x-square.js
+++ b/src/icons/x-square.js
@@ -14,6 +14,7 @@ const XSquare = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-x-square"
       {...rest}
     >
       <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
diff --git a/src/icons/x.js b/src/icons/x.js
index 9e55193d..01cff8cb 100644
--- a/src/icons/x.js
+++ b/src/icons/x.js
@@ -14,6 +14,7 @@ const X = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) => {
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-x"
       {...rest}
     >
       <line x1="18" y1="6" x2="6" y2="18" />
diff --git a/src/icons/youtube.js b/src/icons/youtube.js
index 6e53c85e..52b56be8 100644
--- a/src/icons/youtube.js
+++ b/src/icons/youtube.js
@@ -14,6 +14,7 @@ const Youtube = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-youtube"
       {...rest}
     >
       <path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z" />
diff --git a/src/icons/zap-off.js b/src/icons/zap-off.js
index d98fecee..4c3f39d5 100644
--- a/src/icons/zap-off.js
+++ b/src/icons/zap-off.js
@@ -14,6 +14,7 @@ const ZapOff = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-zap-off"
       {...rest}
     >
       <polyline points="12.41 6.75 13 2 10.57 4.92" />
diff --git a/src/icons/zap.js b/src/icons/zap.js
index 26458d89..e0cafe92 100644
--- a/src/icons/zap.js
+++ b/src/icons/zap.js
@@ -14,6 +14,7 @@ const Zap = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref) =>
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-zap"
       {...rest}
     >
       <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2" />
diff --git a/src/icons/zoom-in.js b/src/icons/zoom-in.js
index 07427667..2b9f0375 100644
--- a/src/icons/zoom-in.js
+++ b/src/icons/zoom-in.js
@@ -14,6 +14,7 @@ const ZoomIn = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-zoom-in"
       {...rest}
     >
       <circle cx="11" cy="11" r="8" />
diff --git a/src/icons/zoom-out.js b/src/icons/zoom-out.js
index 375aed52..e001980b 100644
--- a/src/icons/zoom-out.js
+++ b/src/icons/zoom-out.js
@@ -14,6 +14,7 @@ const ZoomOut = forwardRef(({ color = 'currentColor', size = 24, ...rest }, ref)
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
+      className="feather feather-zoom-out"
       {...rest}
     >
       <circle cx="11" cy="11" r="8" />
diff --git a/src/index.js b/src/index.js
index 7a23fbf0..b3474b4f 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,286 +1,286 @@
-export { default as Activity } from './icons/activity';
-export { default as Airplay } from './icons/airplay';
-export { default as AlertCircle } from './icons/alert-circle';
-export { default as AlertOctagon } from './icons/alert-octagon';
-export { default as AlertTriangle } from './icons/alert-triangle';
-export { default as AlignCenter } from './icons/align-center';
-export { default as AlignJustify } from './icons/align-justify';
-export { default as AlignLeft } from './icons/align-left';
-export { default as AlignRight } from './icons/align-right';
-export { default as Anchor } from './icons/anchor';
-export { default as Aperture } from './icons/aperture';
-export { default as Archive } from './icons/archive';
-export { default as ArrowDownCircle } from './icons/arrow-down-circle';
-export { default as ArrowDownLeft } from './icons/arrow-down-left';
-export { default as ArrowDownRight } from './icons/arrow-down-right';
-export { default as ArrowDown } from './icons/arrow-down';
-export { default as ArrowLeftCircle } from './icons/arrow-left-circle';
-export { default as ArrowLeft } from './icons/arrow-left';
-export { default as ArrowRightCircle } from './icons/arrow-right-circle';
-export { default as ArrowRight } from './icons/arrow-right';
-export { default as ArrowUpCircle } from './icons/arrow-up-circle';
-export { default as ArrowUpLeft } from './icons/arrow-up-left';
-export { default as ArrowUpRight } from './icons/arrow-up-right';
-export { default as ArrowUp } from './icons/arrow-up';
-export { default as AtSign } from './icons/at-sign';
-export { default as Award } from './icons/award';
-export { default as BarChart2 } from './icons/bar-chart-2';
-export { default as BarChart } from './icons/bar-chart';
-export { default as BatteryCharging } from './icons/battery-charging';
-export { default as Battery } from './icons/battery';
-export { default as BellOff } from './icons/bell-off';
-export { default as Bell } from './icons/bell';
-export { default as Bluetooth } from './icons/bluetooth';
-export { default as Bold } from './icons/bold';
-export { default as BookOpen } from './icons/book-open';
-export { default as Book } from './icons/book';
-export { default as Bookmark } from './icons/bookmark';
-export { default as Box } from './icons/box';
-export { default as Briefcase } from './icons/briefcase';
-export { default as Calendar } from './icons/calendar';
-export { default as CameraOff } from './icons/camera-off';
-export { default as Camera } from './icons/camera';
-export { default as Cast } from './icons/cast';
-export { default as CheckCircle } from './icons/check-circle';
-export { default as CheckSquare } from './icons/check-square';
-export { default as Check } from './icons/check';
-export { default as ChevronDown } from './icons/chevron-down';
-export { default as ChevronLeft } from './icons/chevron-left';
-export { default as ChevronRight } from './icons/chevron-right';
-export { default as ChevronUp } from './icons/chevron-up';
-export { default as ChevronsDown } from './icons/chevrons-down';
-export { default as ChevronsLeft } from './icons/chevrons-left';
-export { default as ChevronsRight } from './icons/chevrons-right';
-export { default as ChevronsUp } from './icons/chevrons-up';
-export { default as Chrome } from './icons/chrome';
-export { default as Circle } from './icons/circle';
-export { default as Clipboard } from './icons/clipboard';
-export { default as Clock } from './icons/clock';
-export { default as CloudDrizzle } from './icons/cloud-drizzle';
-export { default as CloudLightning } from './icons/cloud-lightning';
-export { default as CloudOff } from './icons/cloud-off';
-export { default as CloudRain } from './icons/cloud-rain';
-export { default as CloudSnow } from './icons/cloud-snow';
-export { default as Cloud } from './icons/cloud';
-export { default as Code } from './icons/code';
-export { default as Codepen } from './icons/codepen';
-export { default as Codesandbox } from './icons/codesandbox';
-export { default as Coffee } from './icons/coffee';
-export { default as Columns } from './icons/columns';
-export { default as Command } from './icons/command';
-export { default as Compass } from './icons/compass';
-export { default as Copy } from './icons/copy';
-export { default as CornerDownLeft } from './icons/corner-down-left';
-export { default as CornerDownRight } from './icons/corner-down-right';
-export { default as CornerLeftDown } from './icons/corner-left-down';
-export { default as CornerLeftUp } from './icons/corner-left-up';
-export { default as CornerRightDown } from './icons/corner-right-down';
-export { default as CornerRightUp } from './icons/corner-right-up';
-export { default as CornerUpLeft } from './icons/corner-up-left';
-export { default as CornerUpRight } from './icons/corner-up-right';
-export { default as Cpu } from './icons/cpu';
-export { default as CreditCard } from './icons/credit-card';
-export { default as Crop } from './icons/crop';
-export { default as Crosshair } from './icons/crosshair';
-export { default as Database } from './icons/database';
-export { default as Delete } from './icons/delete';
-export { default as Disc } from './icons/disc';
-export { default as DivideCircle } from './icons/divide-circle';
-export { default as DivideSquare } from './icons/divide-square';
-export { default as Divide } from './icons/divide';
-export { default as DollarSign } from './icons/dollar-sign';
-export { default as DownloadCloud } from './icons/download-cloud';
-export { default as Download } from './icons/download';
-export { default as Dribbble } from './icons/dribbble';
-export { default as Droplet } from './icons/droplet';
-export { default as Edit2 } from './icons/edit-2';
-export { default as Edit3 } from './icons/edit-3';
-export { default as Edit } from './icons/edit';
-export { default as ExternalLink } from './icons/external-link';
-export { default as EyeOff } from './icons/eye-off';
-export { default as Eye } from './icons/eye';
-export { default as Facebook } from './icons/facebook';
-export { default as FastForward } from './icons/fast-forward';
-export { default as Feather } from './icons/feather';
-export { default as Figma } from './icons/figma';
-export { default as FileMinus } from './icons/file-minus';
-export { default as FilePlus } from './icons/file-plus';
-export { default as FileText } from './icons/file-text';
-export { default as File } from './icons/file';
-export { default as Film } from './icons/film';
-export { default as Filter } from './icons/filter';
-export { default as Flag } from './icons/flag';
-export { default as FolderMinus } from './icons/folder-minus';
-export { default as FolderPlus } from './icons/folder-plus';
-export { default as Folder } from './icons/folder';
-export { default as Framer } from './icons/framer';
-export { default as Frown } from './icons/frown';
-export { default as Gift } from './icons/gift';
-export { default as GitBranch } from './icons/git-branch';
-export { default as GitCommit } from './icons/git-commit';
-export { default as GitMerge } from './icons/git-merge';
-export { default as GitPullRequest } from './icons/git-pull-request';
-export { default as GitHub } from './icons/github';
-export { default as Gitlab } from './icons/gitlab';
-export { default as Globe } from './icons/globe';
-export { default as Grid } from './icons/grid';
-export { default as HardDrive } from './icons/hard-drive';
-export { default as Hash } from './icons/hash';
-export { default as Headphones } from './icons/headphones';
-export { default as Heart } from './icons/heart';
-export { default as HelpCircle } from './icons/help-circle';
-export { default as Hexagon } from './icons/hexagon';
-export { default as Home } from './icons/home';
-export { default as Image } from './icons/image';
-export { default as Inbox } from './icons/inbox';
-export { default as Info } from './icons/info';
-export { default as Instagram } from './icons/instagram';
-export { default as Italic } from './icons/italic';
-export { default as Key } from './icons/key';
-export { default as Layers } from './icons/layers';
-export { default as Layout } from './icons/layout';
-export { default as LifeBuoy } from './icons/life-buoy';
-export { default as Link2 } from './icons/link-2';
-export { default as Link } from './icons/link';
-export { default as Linkedin } from './icons/linkedin';
-export { default as List } from './icons/list';
-export { default as Loader } from './icons/loader';
-export { default as Lock } from './icons/lock';
-export { default as LogIn } from './icons/log-in';
-export { default as LogOut } from './icons/log-out';
-export { default as Mail } from './icons/mail';
-export { default as MapPin } from './icons/map-pin';
-export { default as Map } from './icons/map';
-export { default as Maximize2 } from './icons/maximize-2';
-export { default as Maximize } from './icons/maximize';
-export { default as Meh } from './icons/meh';
-export { default as Menu } from './icons/menu';
-export { default as MessageCircle } from './icons/message-circle';
-export { default as MessageSquare } from './icons/message-square';
-export { default as MicOff } from './icons/mic-off';
-export { default as Mic } from './icons/mic';
-export { default as Minimize2 } from './icons/minimize-2';
-export { default as Minimize } from './icons/minimize';
-export { default as MinusCircle } from './icons/minus-circle';
-export { default as MinusSquare } from './icons/minus-square';
-export { default as Minus } from './icons/minus';
-export { default as Monitor } from './icons/monitor';
-export { default as Moon } from './icons/moon';
-export { default as MoreHorizontal } from './icons/more-horizontal';
-export { default as MoreVertical } from './icons/more-vertical';
-export { default as MousePointer } from './icons/mouse-pointer';
-export { default as Move } from './icons/move';
-export { default as Music } from './icons/music';
-export { default as Navigation2 } from './icons/navigation-2';
-export { default as Navigation } from './icons/navigation';
-export { default as Octagon } from './icons/octagon';
-export { default as Package } from './icons/package';
-export { default as Paperclip } from './icons/paperclip';
-export { default as PauseCircle } from './icons/pause-circle';
-export { default as Pause } from './icons/pause';
-export { default as PenTool } from './icons/pen-tool';
-export { default as Percent } from './icons/percent';
-export { default as PhoneCall } from './icons/phone-call';
-export { default as PhoneForwarded } from './icons/phone-forwarded';
-export { default as PhoneIncoming } from './icons/phone-incoming';
-export { default as PhoneMissed } from './icons/phone-missed';
-export { default as PhoneOff } from './icons/phone-off';
-export { default as PhoneOutgoing } from './icons/phone-outgoing';
-export { default as Phone } from './icons/phone';
-export { default as PieChart } from './icons/pie-chart';
-export { default as PlayCircle } from './icons/play-circle';
-export { default as Play } from './icons/play';
-export { default as PlusCircle } from './icons/plus-circle';
-export { default as PlusSquare } from './icons/plus-square';
-export { default as Plus } from './icons/plus';
-export { default as Pocket } from './icons/pocket';
-export { default as Power } from './icons/power';
-export { default as Printer } from './icons/printer';
-export { default as Radio } from './icons/radio';
-export { default as RefreshCcw } from './icons/refresh-ccw';
-export { default as RefreshCw } from './icons/refresh-cw';
-export { default as Repeat } from './icons/repeat';
-export { default as Rewind } from './icons/rewind';
-export { default as RotateCcw } from './icons/rotate-ccw';
-export { default as RotateCw } from './icons/rotate-cw';
-export { default as Rss } from './icons/rss';
-export { default as Save } from './icons/save';
-export { default as Scissors } from './icons/scissors';
-export { default as Search } from './icons/search';
-export { default as Send } from './icons/send';
-export { default as Server } from './icons/server';
-export { default as Settings } from './icons/settings';
-export { default as Share2 } from './icons/share-2';
-export { default as Share } from './icons/share';
-export { default as ShieldOff } from './icons/shield-off';
-export { default as Shield } from './icons/shield';
-export { default as ShoppingBag } from './icons/shopping-bag';
-export { default as ShoppingCart } from './icons/shopping-cart';
-export { default as Shuffle } from './icons/shuffle';
-export { default as Sidebar } from './icons/sidebar';
-export { default as SkipBack } from './icons/skip-back';
-export { default as SkipForward } from './icons/skip-forward';
-export { default as Slack } from './icons/slack';
-export { default as Slash } from './icons/slash';
-export { default as Sliders } from './icons/sliders';
-export { default as Smartphone } from './icons/smartphone';
-export { default as Smile } from './icons/smile';
-export { default as Speaker } from './icons/speaker';
-export { default as Square } from './icons/square';
-export { default as Star } from './icons/star';
-export { default as StopCircle } from './icons/stop-circle';
-export { default as Sun } from './icons/sun';
-export { default as Sunrise } from './icons/sunrise';
-export { default as Sunset } from './icons/sunset';
-export { default as Tablet } from './icons/tablet';
-export { default as Tag } from './icons/tag';
-export { default as Target } from './icons/target';
-export { default as Terminal } from './icons/terminal';
-export { default as Thermometer } from './icons/thermometer';
-export { default as ThumbsDown } from './icons/thumbs-down';
-export { default as ThumbsUp } from './icons/thumbs-up';
-export { default as ToggleLeft } from './icons/toggle-left';
-export { default as ToggleRight } from './icons/toggle-right';
-export { default as Tool } from './icons/tool';
-export { default as Trash2 } from './icons/trash-2';
-export { default as Trash } from './icons/trash';
-export { default as Trello } from './icons/trello';
-export { default as TrendingDown } from './icons/trending-down';
-export { default as TrendingUp } from './icons/trending-up';
-export { default as Triangle } from './icons/triangle';
-export { default as Truck } from './icons/truck';
-export { default as Tv } from './icons/tv';
-export { default as Twitch } from './icons/twitch';
-export { default as Twitter } from './icons/twitter';
-export { default as Type } from './icons/type';
-export { default as Umbrella } from './icons/umbrella';
-export { default as Underline } from './icons/underline';
-export { default as Unlock } from './icons/unlock';
-export { default as UploadCloud } from './icons/upload-cloud';
-export { default as Upload } from './icons/upload';
-export { default as UserCheck } from './icons/user-check';
-export { default as UserMinus } from './icons/user-minus';
-export { default as UserPlus } from './icons/user-plus';
-export { default as UserX } from './icons/user-x';
-export { default as User } from './icons/user';
-export { default as Users } from './icons/users';
-export { default as VideoOff } from './icons/video-off';
-export { default as Video } from './icons/video';
-export { default as Voicemail } from './icons/voicemail';
-export { default as Volume1 } from './icons/volume-1';
-export { default as Volume2 } from './icons/volume-2';
-export { default as VolumeX } from './icons/volume-x';
-export { default as Volume } from './icons/volume';
-export { default as Watch } from './icons/watch';
-export { default as WifiOff } from './icons/wifi-off';
-export { default as Wifi } from './icons/wifi';
-export { default as Wind } from './icons/wind';
-export { default as XCircle } from './icons/x-circle';
-export { default as XOctagon } from './icons/x-octagon';
-export { default as XSquare } from './icons/x-square';
-export { default as X } from './icons/x';
-export { default as Youtube } from './icons/youtube';
-export { default as ZapOff } from './icons/zap-off';
-export { default as Zap } from './icons/zap';
-export { default as ZoomIn } from './icons/zoom-in';
-export { default as ZoomOut } from './icons/zoom-out';
+export { default as Activity } from './icons/activity';
+export { default as Airplay } from './icons/airplay';
+export { default as AlertCircle } from './icons/alert-circle';
+export { default as AlertOctagon } from './icons/alert-octagon';
+export { default as AlertTriangle } from './icons/alert-triangle';
+export { default as AlignCenter } from './icons/align-center';
+export { default as AlignJustify } from './icons/align-justify';
+export { default as AlignLeft } from './icons/align-left';
+export { default as AlignRight } from './icons/align-right';
+export { default as Anchor } from './icons/anchor';
+export { default as Aperture } from './icons/aperture';
+export { default as Archive } from './icons/archive';
+export { default as ArrowDownCircle } from './icons/arrow-down-circle';
+export { default as ArrowDownLeft } from './icons/arrow-down-left';
+export { default as ArrowDownRight } from './icons/arrow-down-right';
+export { default as ArrowDown } from './icons/arrow-down';
+export { default as ArrowLeftCircle } from './icons/arrow-left-circle';
+export { default as ArrowLeft } from './icons/arrow-left';
+export { default as ArrowRightCircle } from './icons/arrow-right-circle';
+export { default as ArrowRight } from './icons/arrow-right';
+export { default as ArrowUpCircle } from './icons/arrow-up-circle';
+export { default as ArrowUpLeft } from './icons/arrow-up-left';
+export { default as ArrowUpRight } from './icons/arrow-up-right';
+export { default as ArrowUp } from './icons/arrow-up';
+export { default as AtSign } from './icons/at-sign';
+export { default as Award } from './icons/award';
+export { default as BarChart2 } from './icons/bar-chart-2';
+export { default as BarChart } from './icons/bar-chart';
+export { default as BatteryCharging } from './icons/battery-charging';
+export { default as Battery } from './icons/battery';
+export { default as BellOff } from './icons/bell-off';
+export { default as Bell } from './icons/bell';
+export { default as Bluetooth } from './icons/bluetooth';
+export { default as Bold } from './icons/bold';
+export { default as BookOpen } from './icons/book-open';
+export { default as Book } from './icons/book';
+export { default as Bookmark } from './icons/bookmark';
+export { default as Box } from './icons/box';
+export { default as Briefcase } from './icons/briefcase';
+export { default as Calendar } from './icons/calendar';
+export { default as CameraOff } from './icons/camera-off';
+export { default as Camera } from './icons/camera';
+export { default as Cast } from './icons/cast';
+export { default as CheckCircle } from './icons/check-circle';
+export { default as CheckSquare } from './icons/check-square';
+export { default as Check } from './icons/check';
+export { default as ChevronDown } from './icons/chevron-down';
+export { default as ChevronLeft } from './icons/chevron-left';
+export { default as ChevronRight } from './icons/chevron-right';
+export { default as ChevronUp } from './icons/chevron-up';
+export { default as ChevronsDown } from './icons/chevrons-down';
+export { default as ChevronsLeft } from './icons/chevrons-left';
+export { default as ChevronsRight } from './icons/chevrons-right';
+export { default as ChevronsUp } from './icons/chevrons-up';
+export { default as Chrome } from './icons/chrome';
+export { default as Circle } from './icons/circle';
+export { default as Clipboard } from './icons/clipboard';
+export { default as Clock } from './icons/clock';
+export { default as CloudDrizzle } from './icons/cloud-drizzle';
+export { default as CloudLightning } from './icons/cloud-lightning';
+export { default as CloudOff } from './icons/cloud-off';
+export { default as CloudRain } from './icons/cloud-rain';
+export { default as CloudSnow } from './icons/cloud-snow';
+export { default as Cloud } from './icons/cloud';
+export { default as Code } from './icons/code';
+export { default as Codepen } from './icons/codepen';
+export { default as Codesandbox } from './icons/codesandbox';
+export { default as Coffee } from './icons/coffee';
+export { default as Columns } from './icons/columns';
+export { default as Command } from './icons/command';
+export { default as Compass } from './icons/compass';
+export { default as Copy } from './icons/copy';
+export { default as CornerDownLeft } from './icons/corner-down-left';
+export { default as CornerDownRight } from './icons/corner-down-right';
+export { default as CornerLeftDown } from './icons/corner-left-down';
+export { default as CornerLeftUp } from './icons/corner-left-up';
+export { default as CornerRightDown } from './icons/corner-right-down';
+export { default as CornerRightUp } from './icons/corner-right-up';
+export { default as CornerUpLeft } from './icons/corner-up-left';
+export { default as CornerUpRight } from './icons/corner-up-right';
+export { default as Cpu } from './icons/cpu';
+export { default as CreditCard } from './icons/credit-card';
+export { default as Crop } from './icons/crop';
+export { default as Crosshair } from './icons/crosshair';
+export { default as Database } from './icons/database';
+export { default as Delete } from './icons/delete';
+export { default as Disc } from './icons/disc';
+export { default as DivideCircle } from './icons/divide-circle';
+export { default as DivideSquare } from './icons/divide-square';
+export { default as Divide } from './icons/divide';
+export { default as DollarSign } from './icons/dollar-sign';
+export { default as DownloadCloud } from './icons/download-cloud';
+export { default as Download } from './icons/download';
+export { default as Dribbble } from './icons/dribbble';
+export { default as Droplet } from './icons/droplet';
+export { default as Edit2 } from './icons/edit-2';
+export { default as Edit3 } from './icons/edit-3';
+export { default as Edit } from './icons/edit';
+export { default as ExternalLink } from './icons/external-link';
+export { default as EyeOff } from './icons/eye-off';
+export { default as Eye } from './icons/eye';
+export { default as Facebook } from './icons/facebook';
+export { default as FastForward } from './icons/fast-forward';
+export { default as Feather } from './icons/feather';
+export { default as Figma } from './icons/figma';
+export { default as FileMinus } from './icons/file-minus';
+export { default as FilePlus } from './icons/file-plus';
+export { default as FileText } from './icons/file-text';
+export { default as File } from './icons/file';
+export { default as Film } from './icons/film';
+export { default as Filter } from './icons/filter';
+export { default as Flag } from './icons/flag';
+export { default as FolderMinus } from './icons/folder-minus';
+export { default as FolderPlus } from './icons/folder-plus';
+export { default as Folder } from './icons/folder';
+export { default as Framer } from './icons/framer';
+export { default as Frown } from './icons/frown';
+export { default as Gift } from './icons/gift';
+export { default as GitBranch } from './icons/git-branch';
+export { default as GitCommit } from './icons/git-commit';
+export { default as GitMerge } from './icons/git-merge';
+export { default as GitPullRequest } from './icons/git-pull-request';
+export { default as GitHub } from './icons/github';
+export { default as Gitlab } from './icons/gitlab';
+export { default as Globe } from './icons/globe';
+export { default as Grid } from './icons/grid';
+export { default as HardDrive } from './icons/hard-drive';
+export { default as Hash } from './icons/hash';
+export { default as Headphones } from './icons/headphones';
+export { default as Heart } from './icons/heart';
+export { default as HelpCircle } from './icons/help-circle';
+export { default as Hexagon } from './icons/hexagon';
+export { default as Home } from './icons/home';
+export { default as Image } from './icons/image';
+export { default as Inbox } from './icons/inbox';
+export { default as Info } from './icons/info';
+export { default as Instagram } from './icons/instagram';
+export { default as Italic } from './icons/italic';
+export { default as Key } from './icons/key';
+export { default as Layers } from './icons/layers';
+export { default as Layout } from './icons/layout';
+export { default as LifeBuoy } from './icons/life-buoy';
+export { default as Link2 } from './icons/link-2';
+export { default as Link } from './icons/link';
+export { default as Linkedin } from './icons/linkedin';
+export { default as List } from './icons/list';
+export { default as Loader } from './icons/loader';
+export { default as Lock } from './icons/lock';
+export { default as LogIn } from './icons/log-in';
+export { default as LogOut } from './icons/log-out';
+export { default as Mail } from './icons/mail';
+export { default as MapPin } from './icons/map-pin';
+export { default as Map } from './icons/map';
+export { default as Maximize2 } from './icons/maximize-2';
+export { default as Maximize } from './icons/maximize';
+export { default as Meh } from './icons/meh';
+export { default as Menu } from './icons/menu';
+export { default as MessageCircle } from './icons/message-circle';
+export { default as MessageSquare } from './icons/message-square';
+export { default as MicOff } from './icons/mic-off';
+export { default as Mic } from './icons/mic';
+export { default as Minimize2 } from './icons/minimize-2';
+export { default as Minimize } from './icons/minimize';
+export { default as MinusCircle } from './icons/minus-circle';
+export { default as MinusSquare } from './icons/minus-square';
+export { default as Minus } from './icons/minus';
+export { default as Monitor } from './icons/monitor';
+export { default as Moon } from './icons/moon';
+export { default as MoreHorizontal } from './icons/more-horizontal';
+export { default as MoreVertical } from './icons/more-vertical';
+export { default as MousePointer } from './icons/mouse-pointer';
+export { default as Move } from './icons/move';
+export { default as Music } from './icons/music';
+export { default as Navigation2 } from './icons/navigation-2';
+export { default as Navigation } from './icons/navigation';
+export { default as Octagon } from './icons/octagon';
+export { default as Package } from './icons/package';
+export { default as Paperclip } from './icons/paperclip';
+export { default as PauseCircle } from './icons/pause-circle';
+export { default as Pause } from './icons/pause';
+export { default as PenTool } from './icons/pen-tool';
+export { default as Percent } from './icons/percent';
+export { default as PhoneCall } from './icons/phone-call';
+export { default as PhoneForwarded } from './icons/phone-forwarded';
+export { default as PhoneIncoming } from './icons/phone-incoming';
+export { default as PhoneMissed } from './icons/phone-missed';
+export { default as PhoneOff } from './icons/phone-off';
+export { default as PhoneOutgoing } from './icons/phone-outgoing';
+export { default as Phone } from './icons/phone';
+export { default as PieChart } from './icons/pie-chart';
+export { default as PlayCircle } from './icons/play-circle';
+export { default as Play } from './icons/play';
+export { default as PlusCircle } from './icons/plus-circle';
+export { default as PlusSquare } from './icons/plus-square';
+export { default as Plus } from './icons/plus';
+export { default as Pocket } from './icons/pocket';
+export { default as Power } from './icons/power';
+export { default as Printer } from './icons/printer';
+export { default as Radio } from './icons/radio';
+export { default as RefreshCcw } from './icons/refresh-ccw';
+export { default as RefreshCw } from './icons/refresh-cw';
+export { default as Repeat } from './icons/repeat';
+export { default as Rewind } from './icons/rewind';
+export { default as RotateCcw } from './icons/rotate-ccw';
+export { default as RotateCw } from './icons/rotate-cw';
+export { default as Rss } from './icons/rss';
+export { default as Save } from './icons/save';
+export { default as Scissors } from './icons/scissors';
+export { default as Search } from './icons/search';
+export { default as Send } from './icons/send';
+export { default as Server } from './icons/server';
+export { default as Settings } from './icons/settings';
+export { default as Share2 } from './icons/share-2';
+export { default as Share } from './icons/share';
+export { default as ShieldOff } from './icons/shield-off';
+export { default as Shield } from './icons/shield';
+export { default as ShoppingBag } from './icons/shopping-bag';
+export { default as ShoppingCart } from './icons/shopping-cart';
+export { default as Shuffle } from './icons/shuffle';
+export { default as Sidebar } from './icons/sidebar';
+export { default as SkipBack } from './icons/skip-back';
+export { default as SkipForward } from './icons/skip-forward';
+export { default as Slack } from './icons/slack';
+export { default as Slash } from './icons/slash';
+export { default as Sliders } from './icons/sliders';
+export { default as Smartphone } from './icons/smartphone';
+export { default as Smile } from './icons/smile';
+export { default as Speaker } from './icons/speaker';
+export { default as Square } from './icons/square';
+export { default as Star } from './icons/star';
+export { default as StopCircle } from './icons/stop-circle';
+export { default as Sun } from './icons/sun';
+export { default as Sunrise } from './icons/sunrise';
+export { default as Sunset } from './icons/sunset';
+export { default as Tablet } from './icons/tablet';
+export { default as Tag } from './icons/tag';
+export { default as Target } from './icons/target';
+export { default as Terminal } from './icons/terminal';
+export { default as Thermometer } from './icons/thermometer';
+export { default as ThumbsDown } from './icons/thumbs-down';
+export { default as ThumbsUp } from './icons/thumbs-up';
+export { default as ToggleLeft } from './icons/toggle-left';
+export { default as ToggleRight } from './icons/toggle-right';
+export { default as Tool } from './icons/tool';
+export { default as Trash2 } from './icons/trash-2';
+export { default as Trash } from './icons/trash';
+export { default as Trello } from './icons/trello';
+export { default as TrendingDown } from './icons/trending-down';
+export { default as TrendingUp } from './icons/trending-up';
+export { default as Triangle } from './icons/triangle';
+export { default as Truck } from './icons/truck';
+export { default as Tv } from './icons/tv';
+export { default as Twitch } from './icons/twitch';
+export { default as Twitter } from './icons/twitter';
+export { default as Type } from './icons/type';
+export { default as Umbrella } from './icons/umbrella';
+export { default as Underline } from './icons/underline';
+export { default as Unlock } from './icons/unlock';
+export { default as UploadCloud } from './icons/upload-cloud';
+export { default as Upload } from './icons/upload';
+export { default as UserCheck } from './icons/user-check';
+export { default as UserMinus } from './icons/user-minus';
+export { default as UserPlus } from './icons/user-plus';
+export { default as UserX } from './icons/user-x';
+export { default as User } from './icons/user';
+export { default as Users } from './icons/users';
+export { default as VideoOff } from './icons/video-off';
+export { default as Video } from './icons/video';
+export { default as Voicemail } from './icons/voicemail';
+export { default as Volume1 } from './icons/volume-1';
+export { default as Volume2 } from './icons/volume-2';
+export { default as VolumeX } from './icons/volume-x';
+export { default as Volume } from './icons/volume';
+export { default as Watch } from './icons/watch';
+export { default as WifiOff } from './icons/wifi-off';
+export { default as Wifi } from './icons/wifi';
+export { default as Wind } from './icons/wind';
+export { default as XCircle } from './icons/x-circle';
+export { default as XOctagon } from './icons/x-octagon';
+export { default as XSquare } from './icons/x-square';
+export { default as X } from './icons/x';
+export { default as Youtube } from './icons/youtube';
+export { default as ZapOff } from './icons/zap-off';
+export { default as Zap } from './icons/zap';
+export { default as ZoomIn } from './icons/zoom-in';
+export { default as ZoomOut } from './icons/zoom-out';