feat: add forwardRef support for react components

react/outline/Adjustments.jsx

@@ -1,7 +1,8 @@
 import * as React from "react";
 
-function AdjustmentsIcon(props) {
-  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4" /></svg>;
+function AdjustmentsIcon(props, svgRef) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" ref={svgRef} {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4" /></svg>;
 }
 
-export default AdjustmentsIcon;
+const ForwardRef = React.forwardRef(AdjustmentsIcon);
+export default ForwardRef;

react/outline/Annotation.jsx

@@ -1,7 +1,8 @@
 import * as React from "react";
 
-function AnnotationIcon(props) {
-  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z" /></svg>;
+function AnnotationIcon(props, svgRef) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" ref={svgRef} {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z" /></svg>;
 }
 
-export default AnnotationIcon;
+const ForwardRef = React.forwardRef(AnnotationIcon);
+export default ForwardRef;

react/outline/Archive.jsx

@@ -1,7 +1,8 @@
 import * as React from "react";
 
-function ArchiveIcon(props) {
-  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4" /></svg>;
+function ArchiveIcon(props, svgRef) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" ref={svgRef} {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4" /></svg>;
 }
 
-export default ArchiveIcon;
+const ForwardRef = React.forwardRef(ArchiveIcon);
+export default ForwardRef;

react/outline/ArrowCircleDown.jsx

@@ -1,7 +1,8 @@
 import * as React from "react";
 
-function ArrowCircleDownIcon(props) {
-  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 13l-3 3m0 0l-3-3m3 3V8m0 13a9 9 0 110-18 9 9 0 010 18z" /></svg>;
+function ArrowCircleDownIcon(props, svgRef) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" ref={svgRef} {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 13l-3 3m0 0l-3-3m3 3V8m0 13a9 9 0 110-18 9 9 0 010 18z" /></svg>;
 }
 
-export default ArrowCircleDownIcon;
+const ForwardRef = React.forwardRef(ArrowCircleDownIcon);
+export default ForwardRef;

react/outline/ArrowCircleLeft.jsx

@@ -1,7 +1,8 @@
 import * as React from "react";
 
-function ArrowCircleLeftIcon(props) {
-  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M11 15l-3-3m0 0l3-3m-3 3h8M3 12a9 9 0 1118 0 9 9 0 01-18 0z" /></svg>;
+function ArrowCircleLeftIcon(props, svgRef) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" ref={svgRef} {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M11 15l-3-3m0 0l3-3m-3 3h8M3 12a9 9 0 1118 0 9 9 0 01-18 0z" /></svg>;
 }
 
-export default ArrowCircleLeftIcon;
+const ForwardRef = React.forwardRef(ArrowCircleLeftIcon);
+export default ForwardRef;

react/outline/ArrowCircleRight.jsx

@@ -1,7 +1,8 @@
 import * as React from "react";
 
-function ArrowCircleRightIcon(props) {
-  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 9l3 3m0 0l-3 3m3-3H8m13 0a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>;
+function ArrowCircleRightIcon(props, svgRef) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" ref={svgRef} {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 9l3 3m0 0l-3 3m3-3H8m13 0a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>;
 }
 
-export default ArrowCircleRightIcon;
+const ForwardRef = React.forwardRef(ArrowCircleRightIcon);
+export default ForwardRef;

react/outline/ArrowCircleUp.jsx

@@ -1,7 +1,8 @@
 import * as React from "react";
 
-function ArrowCircleUpIcon(props) {
-  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 11l3-3m0 0l3 3m-3-3v8m0-13a9 9 0 110 18 9 9 0 010-18z" /></svg>;
+function ArrowCircleUpIcon(props, svgRef) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" ref={svgRef} {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 11l3-3m0 0l3 3m-3-3v8m0-13a9 9 0 110 18 9 9 0 010-18z" /></svg>;
 }
 
-export default ArrowCircleUpIcon;
+const ForwardRef = React.forwardRef(ArrowCircleUpIcon);
+export default ForwardRef;

react/outline/ArrowDown.jsx

@@ -1,7 +1,8 @@
 import * as React from "react";
 
-function ArrowDownIcon(props) {
-  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 14l-7 7m0 0l-7-7m7 7V3" /></svg>;
+function ArrowDownIcon(props, svgRef) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" ref={svgRef} {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 14l-7 7m0 0l-7-7m7 7V3" /></svg>;
 }
 
-export default ArrowDownIcon;
+const ForwardRef = React.forwardRef(ArrowDownIcon);
+export default ForwardRef;

react/outline/ArrowLeft.jsx

@@ -1,7 +1,8 @@
 import * as React from "react";
 
-function ArrowLeftIcon(props) {
-  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg>;
+function ArrowLeftIcon(props, svgRef) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" ref={svgRef} {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg>;
 }
 
-export default ArrowLeftIcon;
+const ForwardRef = React.forwardRef(ArrowLeftIcon);
+export default ForwardRef;

react/outline/ArrowNarrowDown.jsx

@@ -1,7 +1,8 @@
 import * as React from "react";
 
-function ArrowNarrowDownIcon(props) {
-  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M16 17l-4 4m0 0l-4-4m4 4V3" /></svg>;
+function ArrowNarrowDownIcon(props, svgRef) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" ref={svgRef} {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M16 17l-4 4m0 0l-4-4m4 4V3" /></svg>;
 }
 
-export default ArrowNarrowDownIcon;
+const ForwardRef = React.forwardRef(ArrowNarrowDownIcon);
+export default ForwardRef;

react/outline/ArrowNarrowLeft.jsx

@@ -1,7 +1,8 @@
 import * as React from "react";
 
-function ArrowNarrowLeftIcon(props) {
-  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M7 16l-4-4m0 0l4-4m-4 4h18" /></svg>;
+function ArrowNarrowLeftIcon(props, svgRef) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" ref={svgRef} {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M7 16l-4-4m0 0l4-4m-4 4h18" /></svg>;
 }
 
-export default ArrowNarrowLeftIcon;
+const ForwardRef = React.forwardRef(ArrowNarrowLeftIcon);
+export default ForwardRef;

react/outline/ArrowNarrowRight.jsx

@@ -1,7 +1,8 @@
 import * as React from "react";
 
-function ArrowNarrowRightIcon(props) {
-  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 8l4 4m0 0l-4 4m4-4H3" /></svg>;
+function ArrowNarrowRightIcon(props, svgRef) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" ref={svgRef} {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 8l4 4m0 0l-4 4m4-4H3" /></svg>;
 }
 
-export default ArrowNarrowRightIcon;
+const ForwardRef = React.forwardRef(ArrowNarrowRightIcon);
+export default ForwardRef;

react/outline/ArrowNarrowUp.jsx

@@ -1,7 +1,8 @@
 import * as React from "react";
 
-function ArrowNarrowUpIcon(props) {
-  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 7l4-4m0 0l4 4m-4-4v18" /></svg>;
+function ArrowNarrowUpIcon(props, svgRef) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" ref={svgRef} {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 7l4-4m0 0l4 4m-4-4v18" /></svg>;
 }
 
-export default ArrowNarrowUpIcon;
+const ForwardRef = React.forwardRef(ArrowNarrowUpIcon);
+export default ForwardRef;

react/outline/ArrowRight.jsx

@@ -1,7 +1,8 @@
 import * as React from "react";
 
-function ArrowRightIcon(props) {
-  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M14 5l7 7m0 0l-7 7m7-7H3" /></svg>;
+function ArrowRightIcon(props, svgRef) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" ref={svgRef} {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M14 5l7 7m0 0l-7 7m7-7H3" /></svg>;
 }
 
-export default ArrowRightIcon;
+const ForwardRef = React.forwardRef(ArrowRightIcon);
+export default ForwardRef;

react/outline/ArrowUp.jsx

@@ -1,7 +1,8 @@
 import * as React from "react";
 
-function ArrowUpIcon(props) {
-  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 10l7-7m0 0l7 7m-7-7v18" /></svg>;
+function ArrowUpIcon(props, svgRef) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" ref={svgRef} {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 10l7-7m0 0l7 7m-7-7v18" /></svg>;
 }
 
-export default ArrowUpIcon;
+const ForwardRef = React.forwardRef(ArrowUpIcon);
+export default ForwardRef;

react/outline/ArrowsExpand.jsx

@@ -1,7 +1,8 @@
 import * as React from "react";
 
-function ArrowsExpandIcon(props) {
-  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4" /></svg>;
+function ArrowsExpandIcon(props, svgRef) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" ref={svgRef} {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4" /></svg>;
 }
 
-export default ArrowsExpandIcon;
+const ForwardRef = React.forwardRef(ArrowsExpandIcon);
+export default ForwardRef;

react/outline/AtSymbol.jsx

@@ -1,7 +1,8 @@
 import * as React from "react";
 
-function AtSymbolIcon(props) {
-  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M16 12a4 4 0 10-8 0 4 4 0 008 0zm0 0v1.5a2.5 2.5 0 005 0V12a9 9 0 10-9 9m4.5-1.206a8.959 8.959 0 01-4.5 1.207" /></svg>;
+function AtSymbolIcon(props, svgRef) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" ref={svgRef} {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M16 12a4 4 0 10-8 0 4 4 0 008 0zm0 0v1.5a2.5 2.5 0 005 0V12a9 9 0 10-9 9m4.5-1.206a8.959 8.959 0 01-4.5 1.207" /></svg>;
 }
 
-export default AtSymbolIcon;
+const ForwardRef = React.forwardRef(AtSymbolIcon);
+export default ForwardRef;

react/outline/BadgeCheck.jsx

@@ -1,7 +1,8 @@
 import * as React from "react";
 
-function BadgeCheckIcon(props) {
-  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z" /></svg>;
+function BadgeCheckIcon(props, svgRef) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" ref={svgRef} {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z" /></svg>;
 }
 
-export default BadgeCheckIcon;
+const ForwardRef = React.forwardRef(BadgeCheckIcon);
+export default ForwardRef;

react/outline/Ban.jsx

@@ -1,7 +1,8 @@
 import * as React from "react";
 
-function BanIcon(props) {
-  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636" /></svg>;
+function BanIcon(props, svgRef) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" ref={svgRef} {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636" /></svg>;
 }
 
-export default BanIcon;
+const ForwardRef = React.forwardRef(BanIcon);
+export default ForwardRef;

react/outline/Bell.jsx

@@ -1,7 +1,8 @@
 import * as React from "react";
 
-function BellIcon(props) {
-  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" /></svg>;
+function BellIcon(props, svgRef) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" ref={svgRef} {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" /></svg>;
 }
 
-export default BellIcon;
+const ForwardRef = React.forwardRef(BellIcon);
+export default ForwardRef;

react/outline/BookOpen.jsx

@@ -1,7 +1,8 @@
 import * as React from "react";
 
-function BookOpenIcon(props) {
-  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" /></svg>;
+function BookOpenIcon(props, svgRef) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" ref={svgRef} {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" /></svg>;
 }
 
-export default BookOpenIcon;
+const ForwardRef = React.forwardRef(BookOpenIcon);
+export default ForwardRef;

react/outline/Bookmark.jsx

@@ -1,7 +1,8 @@
 import * as React from "react";
 
-function BookmarkIcon(props) {
-  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z" /></svg>;
+function BookmarkIcon(props, svgRef) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" ref={svgRef} {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z" /></svg>;
 }
 
-export default BookmarkIcon;
+const ForwardRef = React.forwardRef(BookmarkIcon);
+export default ForwardRef;

react/outline/BookmarkAlt.jsx

@@ -1,7 +1,8 @@
 import * as React from "react";
 
-function BookmarkAltIcon(props) {
-  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M16 4v12l-4-2-4 2V4M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" /></svg>;
+function BookmarkAltIcon(props, svgRef) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" ref={svgRef} {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M16 4v12l-4-2-4 2V4M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" /></svg>;
 }
 
-export default BookmarkAltIcon;
+const ForwardRef = React.forwardRef(BookmarkAltIcon);
+export default ForwardRef;

react/outline/Briefcase.jsx

@@ -1,7 +1,8 @@
 import * as React from "react";
 
-function BriefcaseIcon(props) {
-  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" /></svg>;
+function BriefcaseIcon(props, svgRef) {
+  return <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" ref={svgRef} {...props}><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" /></svg>;
 }
 
-export default BriefcaseIcon;
+const ForwardRef = React.forwardRef(BriefcaseIcon);
+export default ForwardRef;