feathericons · aelfric · Jul 3, 2020
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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" />