@factorialco/f0-react-native 0.19.1

package/src/icons/app/Crown.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 SvgCrown = (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="m4.572 9.908 2 6.667A2 2 0 0 0 8.488 18h7.024a2 2 0 0 0 1.916-1.425l2-6.667a1 1 0 0 0-1.3-1.227l-2.73.993a1 1 0 0 1-1.265-.556l-1.21-2.903c-.342-.82-1.504-.82-1.846 0l-1.21 2.903a1 1 0 0 1-1.265.556l-2.73-.993a1 1 0 0 0-1.3 1.227"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgCrown);
+export default ForwardRef;

package/src/icons/app/Delete.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 SvgDelete = (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="M17 8v9a3 3 0 0 1-3 3h-4a3 3 0 0 1-3-3V8m10 0h-1.5M17 8h1.5M7 8h1.5M7 8H5.5m10 0V5a1 1 0 0 0-1-1h-5a1 1 0 0 0-1 1v3m7 0h-7"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgDelete);
+export default ForwardRef;

package/src/icons/app/Deny.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 SvgDeny = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 20 20"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M3.983 10a6.017 6.017 0 0 1 9.787-4.69l-8.46 8.46A6 6 0 0 1 3.983 10m2.247 4.69a6.017 6.017 0 0 0 8.46-8.46zM10 2.682a7.317 7.317 0 1 0 0 14.634 7.317 7.317 0 0 0 0-14.634"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgDeny);
+export default ForwardRef;

package/src/icons/app/Desktop.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 SvgDesktop = (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="M6 4h12a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3Z"
+    />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M7 20h10M9 20v-4M15 20v-4"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgDesktop);
+export default ForwardRef;

package/src/icons/app/DollarBill.tsx

@@ -0,0 +1,22 @@
+import Svg, { Rect, Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgDollarBill = (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={6} stroke="currentColor" rx={3} />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      d="M14 9h-2.5a1.5 1.5 0 0 0-1.5 1.5v0a1.5 1.5 0 0 0 1.5 1.5h1a1.5 1.5 0 0 1 1.5 1.5v0a1.5 1.5 0 0 1-1.5 1.5H10"
+    />
+    <Path stroke="currentColor" strokeLinecap="round" d="M7 12v.1M17 12v.1" />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgDollarBill);
+export default ForwardRef;

package/src/icons/app/DottedCircle.tsx

@@ -0,0 +1,16 @@
+import Svg, { Circle } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgDottedCircle = (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" strokeDasharray="2 2" />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgDottedCircle);
+export default ForwardRef;

package/src/icons/app/Download.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 SvgDownload = (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="M19 15v1a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3v-1M12 5v9m0 0-3-3m3 3 3-3"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgDownload);
+export default ForwardRef;

package/src/icons/app/DropdownDefault.tsx

@@ -0,0 +1,25 @@
+import Svg, { Rect, Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgDropdownDefault = (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="#052657"
+      fillOpacity={0.06}
+      rx={4}
+    />
+    <Path stroke="currentColor" d="m8.5 10.25 3.5 3.5 3.5-3.5" />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgDropdownDefault);
+export default ForwardRef;

package/src/icons/app/DropdownOpen.tsx

@@ -0,0 +1,25 @@
+import Svg, { Rect, Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgDropdownOpen = (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="#052657"
+      fillOpacity={0.06}
+      rx={4}
+    />
+    <Path stroke="currentColor" d="m15.5 13.75-3.5-3.5-3.5 3.5" />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgDropdownOpen);
+export default ForwardRef;

package/src/icons/app/Ellipsis.tsx

@@ -0,0 +1,36 @@
+import Svg, { Circle } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgEllipsis = (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={1.5}
+      fill="currentColor"
+      transform="rotate(90 12 12)"
+    />
+    <Circle
+      cx={12}
+      cy={6.5}
+      r={1.5}
+      fill="currentColor"
+      transform="rotate(90 12 6.5)"
+    />
+    <Circle
+      cx={12}
+      cy={17.5}
+      r={1.5}
+      fill="currentColor"
+      transform="rotate(90 12 17.5)"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgEllipsis);
+export default ForwardRef;

package/src/icons/app/EllipsisHorizontal.tsx

@@ -0,0 +1,18 @@
+import Svg, { Circle } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgEllipsisHorizontal = (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={1.5} fill="currentColor" />
+    <Circle cx={6.5} cy={12} r={1.5} fill="currentColor" />
+    <Circle cx={17.5} cy={12} r={1.5} fill="currentColor" />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgEllipsisHorizontal);
+export default ForwardRef;

package/src/icons/app/Envelope.tsx

@@ -0,0 +1,21 @@
+import Svg, { Rect, Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgEnvelope = (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={6} stroke="currentColor" rx={3} />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      d="m4.5 9.5 6.654 3.105a2 2 0 0 0 1.692 0L19.5 9.5"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgEnvelope);
+export default ForwardRef;

package/src/icons/app/EnvelopeOpen.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 SvgEnvelopeOpen = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      d="M20 15V8.618a1 1 0 0 0-.553-.894L13.342 4.67a3 3 0 0 0-2.684 0L4.553 7.724A1 1 0 0 0 4 8.618V15a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3Z"
+    />
+    <Path
+      stroke="currentColor"
+      d="m4 9 7.497 3.748c.317.159.69.159 1.006 0L20 9"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgEnvelopeOpen);
+export default ForwardRef;

package/src/icons/app/Exit.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 SvgExit = (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 12h9m0 0-3-3m3 3-3 3M11 19H8a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h3"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgExit);
+export default ForwardRef;

package/src/icons/app/ExternalLink.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 SvgExternalLink = (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 5H8a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3v-2.5M12.5 11.5 20 4m0 0h-4.5M20 4v4.5"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgExternalLink);
+export default ForwardRef;

package/src/icons/app/EyeInvisible.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 SvgEyeInvisible = (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="M19.592 7.665c-1.274 2.632-4.038 5-7.592 5s-6.318-2.368-7.592-5"
+    />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      d="m10.008 13.016-1.11 3.32M14.058 13.016l1.11 3.32M17.523 10.543 20 13.016M6.477 10.543 4 13.016"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgEyeInvisible);
+export default ForwardRef;

package/src/icons/app/EyeVisible.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path, Circle } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgEyeVisible = (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="M20 12c-1-3-4-6-8-6s-7 3-8 6c1 3 4 6 8 6s7-3 8-6Z"
+    />
+    <Circle cx={12} cy={12} r={2.35} stroke="currentColor" />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgEyeVisible);
+export default ForwardRef;

package/src/icons/app/FaceNegative.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 SvgFaceNegative = (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="M12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18m0 9.5c-1.525 0-2.727.611-3.525 1.191-.401.292-.711.583-.923.804a6 6 0 0 0-.319.361l-.021.028-.007.01-.003.004-.002.002a1 1 0 0 0 1.6 1.2l-.001.002.003-.003q.008-.013.033-.042.05-.06.16-.177c.147-.154.369-.363.655-.571.577-.42 1.375-.809 2.35-.809s1.773.389 2.35.809a5 5 0 0 1 .815.748q.025.03.033.042l.002.002.001-.001a.999.999 0 1 0 1.599-1.2l-.002-.002-.003-.004-.007-.01-.021-.028-.07-.085a6 6 0 0 0-.249-.276 7 7 0 0 0-.923-.804c-.798-.58-2-1.191-3.525-1.191M8 9a1 1 0 0 0 0 2h2a1 1 0 1 0 0-2zm6 0a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgFaceNegative);
+export default ForwardRef;

package/src/icons/app/FaceNeutral.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 SvgFaceNeutral = (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="M12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18M8 14a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2zm2-6a1 1 0 0 0-1 1v2a1 1 0 1 0 2 0V9a1 1 0 0 0-1-1m4 0a1 1 0 0 0-1 1v2a1 1 0 1 0 2 0V9a1 1 0 0 0-1-1"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgFaceNeutral);
+export default ForwardRef;

package/src/icons/app/FacePositive.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 SvgFacePositive = (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="M12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18m4.6 10.7a1 1 0 0 0-1.4.2l.001-.002-.003.003-.033.042q-.05.061-.16.177a5 5 0 0 1-.655.571c-.577.42-1.376.809-2.35.809s-1.773-.389-2.35-.809a5 5 0 0 1-.815-.748l-.033-.042L8.8 13.9l-.001.001A.999.999 0 1 0 7.2 15.1l.002.002.003.004.007.01.021.028.07.085a6.96 6.96 0 0 0 1.17 1.08c.8.58 2.002 1.19 3.527 1.191 1.525 0 2.727-.611 3.525-1.191.4-.292.711-.583.923-.804.107-.111.19-.207.248-.277q.045-.052.07-.084.015-.016.022-.028l.007-.01.003-.004.002-.002a1 1 0 0 0-.2-1.4M10 8a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0V9a1 1 0 0 0-1-1m4 0a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0V9a1 1 0 0 0-1-1"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgFacePositive);
+export default ForwardRef;

package/src/icons/app/FaceSuperNegative.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 SvgFaceSuperNegative = (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="M12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18m0 10.5c-1.037 0-1.988.325-2.7.825-.677.476-1.3 1.24-1.3 2.175a1 1 0 0 0 .897.995L9 17.5h6a1 1 0 0 0 .995-.898L16 16.5c0-.934-.623-1.699-1.3-2.175-.712-.5-1.663-.825-2.7-.825M8.44 8.103a1 1 0 0 0-1.054 1.686l.084.059.643.402-.643.402a1 1 0 0 0 1.06 1.696l2-1.25.104-.075a1 1 0 0 0 0-1.546l-.104-.075-2-1.25zm8.408.367a1 1 0 0 0-1.288-.367l-.09.05-2 1.25-.104.074a1 1 0 0 0 0 1.546l.104.075 2 1.25a1 1 0 0 0 1.06-1.696l-.643-.402.643-.402.084-.059a1 1 0 0 0 .234-1.32"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgFaceSuperNegative);
+export default ForwardRef;

package/src/icons/app/FaceSuperPositive.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 SvgFaceSuperPositive = (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="M12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18M9 14a1 1 0 0 0-.995.898L8 15c0 .935.623 1.699 1.3 2.175.712.5 1.663.825 2.7.825s1.988-.325 2.7-.825c.677-.476 1.3-1.24 1.3-2.175a1 1 0 0 0-.898-.995L15 14zm-.25-5c-.887 0-1.615.518-2.077 1.198l-.054.088a1 1 0 0 0 1.647 1.117l.061-.082c.196-.289.368-.321.423-.321.04 0 .172.018.353.231l.08.105.062.08a1 1 0 0 0 1.627-1.146l-.055-.086-.184-.24C10.175 9.404 9.534 9 8.75 9m6.5 0c-.887 0-1.615.518-2.077 1.198l-.054.088a1 1 0 0 0 1.647 1.117l.061-.082c.196-.289.368-.321.423-.321.04 0 .172.018.352.231l.08.105.063.08a1 1 0 0 0 1.627-1.146l-.055-.086-.184-.24C16.675 9.404 16.034 9 15.25 9"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgFaceSuperPositive);
+export default ForwardRef;

package/src/icons/app/Feed.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 SvgFeed = (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="M4 12h3l2.5-5.5 5 11L17 12h3"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgFeed);
+export default ForwardRef;

package/src/icons/app/File.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 SvgFile = (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="M14.879 4.879 17.12 7.12A3 3 0 0 1 18 9.243V17a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h3.757a3 3 0 0 1 2.122.879"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgFile);
+export default ForwardRef;

package/src/icons/app/FileFilled.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 SvgFileFilled = (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="M14.879 4.879 17.12 7.12A3 3 0 0 1 18 9.243V17a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h3.757a3 3 0 0 1 2.122.879M14 12h-4M12 16h-2"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgFileFilled);
+export default ForwardRef;

package/src/icons/app/Filter.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 SvgFilter = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      d="M5.415 6.65A1 1 0 0 1 6.175 5h11.65a1 1 0 0 1 .76 1.65l-4.344 5.07a1 1 0 0 0-.241.65v4.13a1 1 0 0 1-.4.8l-2 1.5A1 1 0 0 1 10 18v-5.63a1 1 0 0 0-.24-.65z"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgFilter);
+export default ForwardRef;

package/src/icons/app/Flag.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 SvgFlag = (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="M6 5.5c3.5-1 5-.5 6.5.5S16 7 18 5.5V15c-2 1.5-4 1.5-5.5.5S9.5 14 6 15M6 4v16"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgFlag);
+export default ForwardRef;

package/src/icons/app/Folder.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 SvgFolder = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      d="M11.438 6a1.96 1.96 0 0 0-1.71-1H7.2c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.874.874C4 6.52 4 7.08 4 8.2v6c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C6.28 19 7.12 19 8.8 19h6.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C20 16.72 20 15.88 20 14.2v-2.4c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311C17.72 7 16.88 7 15.2 7h-2.053a1.96 1.96 0 0 1-1.71-1Z"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgFolder);
+export default ForwardRef;