@factorialco/f0-react-native 0.19.1

package/src/icons/app/Briefcase.tsx

@@ -0,0 +1,18 @@
+import Svg, { Rect, Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgBriefcase = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Rect width={16} height={12} x={4} y={7} stroke="currentColor" rx={3} />
+    <Path stroke="currentColor" d="M9 7V6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1" />
+    <Path stroke="currentColor" strokeLinejoin="round" d="M8 7v12M16 7v12" />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgBriefcase);
+export default ForwardRef;

package/src/icons/app/Bucket.tsx

@@ -0,0 +1,23 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgBucket = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      d="m9.002 4.538-4.149 5.659a3.5 3.5 0 0 0 .348 4.544l.152.153a3.5 3.5 0 0 0 4.575.325l5.574-4.18"
+    />
+    <Path
+      stroke="currentColor"
+      d="M15.502 11.038c-.85.85-3 .077-4.792-1.715C8.917 7.53 8.152 5.388 9.002 4.538s2.991-.085 4.784 1.708 2.566 3.943 1.716 4.792ZM19.5 17.5a2 2 0 1 1-4 0c0-1.641 1.347-3.282 1.83-3.818a.227.227 0 0 1 .34 0c.483.536 1.83 2.177 1.83 3.818Z"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgBucket);
+export default ForwardRef;

package/src/icons/app/Building.tsx

@@ -0,0 +1,25 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgBuilding = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="m5.53 6.64 5-2.813a3 3 0 0 1 2.94 0l5 2.813A3 3 0 0 1 20 9.255v5.49a3 3 0 0 1-1.53 2.615l-5 2.813a3 3 0 0 1-2.94 0l-5-2.813A3 3 0 0 1 4 14.746V9.255A3 3 0 0 1 5.53 6.64M5 8l7 4m0 8v-8m7-4-7 4"
+    />
+    <Path
+      fill="currentColor"
+      d="M15 15.066v3.168a1 1 0 0 0 1.515.857l.5-.3a1 1 0 0 0 .485-.857v-4.05a.5.5 0 0 0-.757-.43l-1.257.755a1 1 0 0 0-.486.857"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgBuilding);
+export default ForwardRef;

package/src/icons/app/Bullet.tsx

@@ -0,0 +1,19 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgBullet = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 20 20"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      d="M10 7c-2.25 0-3 .75-3 3s.75 3 3 3 3-.75 3-3-.75-3-3-3"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgBullet);
+export default ForwardRef;

package/src/icons/app/Calculator.tsx

@@ -0,0 +1,17 @@
+import Svg, { Rect, Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgCalculator = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Rect width={12} height={16} x={6} y={4} stroke="currentColor" rx={3} />
+    <Path stroke="currentColor" d="M18 8H6M14 8v12M10 8v12M18 12H6M14 16H6" />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgCalculator);
+export default ForwardRef;

package/src/icons/app/Calendar.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgCalendar = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M15 3v2m0 2V5m0 0H9m6 0h1a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h1m0 0V3m0 2v2M5 10h14"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgCalendar);
+export default ForwardRef;

package/src/icons/app/CalendarArrowDown.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgCalendarArrowDown = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M15 3v2m0 2V5m0 0H9m6 0h1a3 3 0 0 1 3 3v4M9 5V3m0 2v2m0-2H8a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h2M5 10h14M16.5 15v6m0 0L14 18.5m2.5 2.5 2.5-2.5"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgCalendarArrowDown);
+export default ForwardRef;

package/src/icons/app/CalendarArrowLeft.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgCalendarArrowLeft = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M15 3v2m0 2V5m0 0H9m6 0h1a3 3 0 0 1 3 3v4M9 5V3m0 2v2m0-2H8a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h2M5 10h14M20 17.5h-7m0 0 3-3m-3 3 3 3"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgCalendarArrowLeft);
+export default ForwardRef;

package/src/icons/app/CalendarArrowRight.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgCalendarArrowRight = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M15 3v2m0 2V5m0 0H9m6 0h1a3 3 0 0 1 3 3v4M9 5V3m0 2v2m0-2H8a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h2M5 10h14M13 17.5h7m0 0-3-3m3 3-3 3"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgCalendarArrowRight);
+export default ForwardRef;

package/src/icons/app/CameraPlus.tsx

@@ -0,0 +1,22 @@
+import Svg, { Path, Circle } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgCameraPlus = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      d="M20 10v5a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-5a3 3 0 0 1 3-3h.28a1 1 0 0 0 .948-.684l.088-.265A3 3 0 0 1 11.162 4H14"
+    />
+    <Circle cx={12} cy={12} r={3} stroke="currentColor" strokeLinecap="round" />
+    <Path stroke="currentColor" strokeLinecap="round" d="M19 6.5h-3M17.5 8V5" />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgCameraPlus);
+export default ForwardRef;

package/src/icons/app/ChartLine.tsx

@@ -0,0 +1,26 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgChartLine = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      d="M4 6v9a3 3 0 0 0 3 3h13"
+    />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="m4 13 4.5-4 3.5 1 4.5-4L20 9M5.5 17 9 13.5l3.5 2 4-3.5 3.5 2.5"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgChartLine);
+export default ForwardRef;

package/src/icons/app/ChartPie.tsx

@@ -0,0 +1,25 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgChartPie = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinejoin="round"
+      d="M11 13h7a7 7 0 1 1-7-7z"
+    />
+    <Path
+      stroke="currentColor"
+      strokeLinejoin="round"
+      d="M14 4a6 6 0 0 1 6 6h-6z"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgChartPie);
+export default ForwardRef;

package/src/icons/app/Check.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgCheck = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="m10.75 16.75 7-9.5M6.25 11.75l4.5 5"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgCheck);
+export default ForwardRef;

package/src/icons/app/CheckCircle.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgCheckCircle = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M20 12a8 8 0 1 1-16 0 8 8 0 0 1 16 0m-3.48-2.61a.65.65 0 1 0-1.04-.78l-4.05 5.4-2.47-2.47a.65.65 0 1 0-.92.92l3 3a.65.65 0 0 0 .98-.07z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgCheckCircle);
+export default ForwardRef;

package/src/icons/app/CheckCircleLine.tsx

@@ -0,0 +1,22 @@
+import Svg, { Circle, Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgCheckCircleLine = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Circle cx={12} cy={12} r={8} stroke="currentColor" />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="m9 12 2.4 2.4L15 9.6"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgCheckCircleLine);
+export default ForwardRef;

package/src/icons/app/CheckDouble.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgCheckDouble = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="m12 18 7.5-10M4.5 13l3.178 3.178a1 1 0 0 0 1.512-.114L15.5 7.5"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgCheckDouble);
+export default ForwardRef;

package/src/icons/app/ChevronDown.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgChevronDown = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="m18 10-6 6M6 10l6 6"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgChevronDown);
+export default ForwardRef;

package/src/icons/app/ChevronLeft.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgChevronLeft = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="m15 6-6 6M15 18l-6-6"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgChevronLeft);
+export default ForwardRef;

package/src/icons/app/ChevronRight.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgChevronRight = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="m9 6 6 6M9 18l6-6"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgChevronRight);
+export default ForwardRef;

package/src/icons/app/ChevronUp.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgChevronUp = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="m18 14-6-6M6 14l6-6"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgChevronUp);
+export default ForwardRef;

package/src/icons/app/Circle.tsx

@@ -0,0 +1,16 @@
+import Svg, { Rect } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgCircle = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Rect width={16} height={16} x={4} y={4} fill="currentColor" rx={8} />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgCircle);
+export default ForwardRef;

package/src/icons/app/Clock.tsx

@@ -0,0 +1,22 @@
+import Svg, { Circle, Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgClock = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Circle cx={12} cy={12} r={8} stroke="currentColor" />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M12 9v3l3.5 2"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgClock);
+export default ForwardRef;

package/src/icons/app/Code.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgCode = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="m9 17-5-5 5-5M15 17l5-5-5-5"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgCode);
+export default ForwardRef;

package/src/icons/app/Coffee.tsx

@@ -0,0 +1,24 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgCoffee = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      d="M6 17V8.5a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1V17a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3Z"
+    />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      d="M8 2v0a1.414 1.414 0 0 0 0 2v0M12 2v0a1.414 1.414 0 0 0 0 2v0M16 11h1.5a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H16"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgCoffee);
+export default ForwardRef;

package/src/icons/app/Comment.tsx

@@ -0,0 +1,19 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgComment = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      d="M17 6H6.857A2.857 2.857 0 0 0 4 8.857v6.272A2.87 2.87 0 0 0 6.87 18a.18.18 0 0 1 .17.123l.521 1.56a1 1 0 0 0 1.549.485l2.623-1.968a1 1 0 0 1 .6-.2H17a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3Z"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgComment);
+export default ForwardRef;

package/src/icons/app/Completed.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgCompleted = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M4.65 12a7.35 7.35 0 1 1 14.7 0 7.35 7.35 0 0 1-14.7 0M12 3.35a8.65 8.65 0 1 0 0 17.3 8.65 8.65 0 0 0 0-17.3M12 18a6 6 0 1 0 0-12 6 6 0 0 0 0 12"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgCompleted);
+export default ForwardRef;

package/src/icons/app/CreditCard.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgCreditCard = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M20 10v5a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-5m16 0V9a3 3 0 0 0-3-3H7a3 3 0 0 0-3 3v1m16 0H4M7 14h3"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgCreditCard);
+export default ForwardRef;

package/src/icons/app/Cross.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgCross = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M16.95 7.05 12 12l-4.95 4.95M12 12 7.05 7.05l9.9 9.9"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgCross);
+export default ForwardRef;

package/src/icons/app/CrossedCircle.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgCrossedCircle = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M3.35 12a8.65 8.65 0 1 1 17.3 0 8.65 8.65 0 0 1-17.3 0m6.11-3.46a.65.65 0 0 0-.92.92L11.08 12l-2.54 2.54a.65.65 0 1 0 .92.92L12 12.92l2.54 2.54a.65.65 0 1 0 .92-.92L12.92 12l2.54-2.54a.65.65 0 1 0-.92-.92L12 11.08z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgCrossedCircle);
+export default ForwardRef;