Maybe like so?

Author: FDiskas

src/icons/Activity.js

@@ -3,9 +3,9 @@ import Svg, { Path, SvgProps } from "react-native-svg";
 
 /**
  * @param {SvgProps} props 
- * @returns 
+ * @returns React.Element
  */
-function SvgActivity(props) {
+export const Activity = (props) => {
   return (
     <Svg
       width={24}
@@ -24,4 +24,4 @@ function SvgActivity(props) {
   );
 }
 
-export default SvgActivity;
+export default Activity;

src/icons/Airplay.js

@@ -1,7 +1,11 @@
 import * as React from "react";
-import Svg, { Path } from "react-native-svg";
+import Svg, { Path, SvgProps } from "react-native-svg";
 
-function SvgAirplay(props) {
+/**
+ * @param {SvgProps} props 
+ * @returns JSX.Element
+ */
+export const Airplay = (props) => {
   return (
     <Svg
       width={24}
@@ -21,4 +25,4 @@ function SvgAirplay(props) {
   );
 }
 
-export default SvgAirplay;
+export default Airplay;

src/icons/AlertCircle.js

@@ -1,7 +1,11 @@
 import * as React from "react";
-import Svg, { Circle, Path } from "react-native-svg";
+import Svg, { Circle, Path, SvgProps } from "react-native-svg";
 
-function SvgAlertCircle(props) {
+/**
+ * @param {SvgProps} props 
+ * @returns JSX.Element
+ */
+export const AlertCircle = (props) => {
   return (
     <Svg
       width={24}
@@ -21,4 +25,4 @@ function SvgAlertCircle(props) {
   );
 }
 
-export default SvgAlertCircle;
+export default AlertCircle;

src/icons/AlertOctagon.js

@@ -1,7 +1,11 @@
 import * as React from "react";
-import Svg, { Path } from "react-native-svg";
+import Svg, { Path, SvgProps } from "react-native-svg";
 
-function SvgAlertOctagon(props) {
+/**
+ * @param {SvgProps} props 
+ * @returns JSX.Element
+ */
+export const AlertOctagon = (props) => {
   return (
     <Svg
       width={24}
@@ -20,4 +24,4 @@ function SvgAlertOctagon(props) {
   );
 }
 
-export default SvgAlertOctagon;
+export default AlertOctagon;

src/icons/AlertTriangle.js

@@ -1,7 +1,11 @@
 import * as React from "react";
-import Svg, { Path } from "react-native-svg";
+import Svg, { Path, SvgProps } from "react-native-svg";
 
-function SvgAlertTriangle(props) {
+/**
+ * @param {SvgProps} props 
+ * @returns JSX.Element
+ */
+export const AlertTriangle = (props) => {
   return (
     <Svg
       width={24}
@@ -20,4 +24,4 @@ function SvgAlertTriangle(props) {
   );
 }
 
-export default SvgAlertTriangle;
+export default AlertTriangle;

src/icons/AlignCenter.js

@@ -1,7 +1,11 @@
 import * as React from "react";
-import Svg, { Path } from "react-native-svg";
+import Svg, { Path, SvgProps } from "react-native-svg";
 
-function SvgAlignCenter(props) {
+/**
+ * @param {SvgProps} props 
+ * @returns JSX.Element
+ */
+export const AlignCenter = (props) => {
   return (
     <Svg
       width={24}
@@ -20,4 +24,4 @@ function SvgAlignCenter(props) {
   );
 }
 
-export default SvgAlignCenter;
+export default AlignCenter;

src/icons/AlignJustify.js

@@ -1,7 +1,11 @@
 import * as React from "react";
-import Svg, { Path } from "react-native-svg";
+import Svg, { Path, SvgProps } from "react-native-svg";
 
-function SvgAlignJustify(props) {
+/**
+ * @param {SvgProps} props 
+ * @returns JSX.Element
+ */
+export const AlignJustify = (props) => {
   return (
     <Svg
       width={24}
@@ -20,4 +24,4 @@ function SvgAlignJustify(props) {
   );
 }
 
-export default SvgAlignJustify;
+export default AlignJustify;

src/icons/AlignLeft.js

@@ -1,7 +1,11 @@
 import * as React from "react";
-import Svg, { Path } from "react-native-svg";
+import Svg, { Path, SvgProps } from "react-native-svg";
 
-function SvgAlignLeft(props) {
+/**
+ * @param {SvgProps} props 
+ * @returns JSX.Element
+ */
+export const AlignLeft = (props) => {
   return (
     <Svg
       width={24}
@@ -20,4 +24,4 @@ function SvgAlignLeft(props) {
   );
 }
 
-export default SvgAlignLeft;
+export default AlignLeft;

src/icons/AlignRight.js

@@ -1,7 +1,11 @@
 import * as React from "react";
-import Svg, { Path } from "react-native-svg";
+import Svg, { Path, SvgProps } from "react-native-svg";
 
-function SvgAlignRight(props) {
+/**
+ * @param {SvgProps} props 
+ * @returns JSX.Element
+ */
+export const AlignRight = (props) => {
   return (
     <Svg
       width={24}
@@ -20,4 +24,4 @@ function SvgAlignRight(props) {
   );
 }
 
-export default SvgAlignRight;
+export default AlignRight;

src/icons/Anchor.js

@@ -1,7 +1,11 @@
 import * as React from "react";
-import Svg, { Circle, Path } from "react-native-svg";
+import Svg, { Circle, Path, SvgProps } from "react-native-svg";
 
-function SvgAnchor(props) {
+/**
+ * @param {SvgProps} props 
+ * @returns JSX.Element
+ */
+export const Anchor = (props) => {
   return (
     <Svg
       width={24}
@@ -21,4 +25,4 @@ function SvgAnchor(props) {
   );
 }
 
-export default SvgAnchor;
+export default Anchor;