@kivid/icons 1.0.0-alpha.10 → 1.0.0-alpha.15

package/src/components/native/Pricetag.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const Pricetag = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 25 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M6.11755 10.5474L13.4766 17.9064M17.9395 7.35742C17.9395 7.5552 17.8808 7.74854 17.7709 7.91299C17.661 8.07744 17.5049 8.20561 17.3221 8.2813C17.1394 8.35699 16.9383 8.37679 16.7444 8.33821C16.5504 8.29962 16.3722 8.20438 16.2323 8.06453C16.0925 7.92468 15.9973 7.74649 15.9587 7.55251C15.9201 7.35853 15.9399 7.15747 16.0156 6.97474C16.0913 6.79201 16.2194 6.63583 16.3839 6.52595C16.5483 6.41607 16.7417 6.35742 16.9395 6.35742C17.2047 6.35742 17.459 6.46278 17.6466 6.65032C17.8341 6.83785 17.9395 7.09221 17.9395 7.35742ZM14.1515 3.00244H18.7945C19.3849 3.00244 19.9511 3.23697 20.3686 3.65442C20.786 4.07188 21.0205 4.63807 21.0205 5.22844V9.87244C21.0202 10.4624 20.7857 11.0282 20.3685 11.4454L11.4685 20.3454C11.0511 20.7629 10.4849 20.9974 9.89454 20.9974C9.30418 20.9974 8.738 20.7629 8.32055 20.3454L3.67354 15.7024C3.46661 15.4959 3.30244 15.2505 3.19042 14.9804C3.07841 14.7104 3.02075 14.4208 3.02075 14.1284C3.02075 13.8361 3.07841 13.5465 3.19042 13.2764C3.30244 13.0064 3.46661 12.761 3.67354 12.5544L12.5735 3.65444C12.7808 3.4474 13.0269 3.28324 13.2976 3.17136C13.5684 3.05949 13.8586 3.00209 14.1515 3.00244Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Pricetag.displayName = "Pricetag";
+const ForwardRef = forwardRef(Pricetag);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Pricetag };

package/src/components/native/Print.tsx

@@ -0,0 +1,61 @@
+import * as React from "react";
+import Svg, { G, Path, Defs, ClipPath, Rect } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const Print = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 25 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <G clipPath="url(#15-clip0_912_3077)">
+        <Path
+          d="M7.02057 8V4C7.02057 3.73478 7.12593 3.48043 7.31346 3.29289C7.501 3.10536 7.75535 3 8.02057 3H16.0206C16.2858 3 16.5401 3.10536 16.7277 3.29289C16.9152 3.48043 17.0206 3.73478 17.0206 4V8M7.02057 17H5.02057C4.49014 17 3.98143 16.7893 3.60636 16.4142C3.23128 16.0391 3.02057 15.5304 3.02057 15V10C3.02057 9.46957 3.23128 8.96086 3.60636 8.58579C3.98143 8.21071 4.49014 8 5.02057 8H19.0206C19.551 8 20.0597 8.21071 20.4348 8.58579C20.8099 8.96086 21.0206 9.46957 21.0206 10V15C21.0206 15.5304 20.8099 16.0391 20.4348 16.4142C20.0597 16.7893 19.551 17 19.0206 17H17.0206M7.02057 11H8.02057M7.02057 13.8H17.0206V20C17.0206 20.2652 16.9152 20.5196 16.7277 20.7071C16.5401 20.8946 16.2858 21 16.0206 21H8.02057C7.75535 21 7.501 20.8946 7.31346 20.7071C7.12593 20.5196 7.02057 20.2652 7.02057 20V13.8Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </G>
+      <Defs>
+        <ClipPath id="15-clip0_912_3077">
+          <Rect
+            width={24}
+            height={24}
+            fill="white"
+            transform="translate(0.0205688)"
+          />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  );
+};
+Print.displayName = "Print";
+const ForwardRef = forwardRef(Print);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Print };

package/src/components/native/Procedure.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const Procedure = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 25 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M7.02051 16H16.0205M7.02051 12H12.0205M7.02051 8H9.02051M20.0205 14V18C20.0205 19.6569 18.6774 21 17.0205 21H6.02051C4.36365 21 3.02051 19.6569 3.02051 18V6C3.02051 4.34315 4.36365 3 6.02051 3H10.0205M18.6455 8.625V10C18.6455 10.5523 18.1978 11 17.6455 11H16.3955C15.8432 11 15.3955 10.5523 15.3955 10V8.625H14.0205C13.4682 8.625 13.0205 8.17728 13.0205 7.625V6.375C13.0205 5.82272 13.4682 5.375 14.0205 5.375H15.3955V4C15.3955 3.44772 15.8432 3 16.3955 3H17.6455C18.1978 3 18.6455 3.44772 18.6455 4V5.375H20.0205C20.5728 5.375 21.0205 5.82272 21.0205 6.375V7.625C21.0205 8.17728 20.5728 8.625 20.0205 8.625H18.6455Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Procedure.displayName = "Procedure";
+const ForwardRef = forwardRef(Procedure);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Procedure };

package/src/components/native/Professional.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const Professional = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 20 22"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M12.1216 13.405L13.0206 16M13.0206 16L16.5138 16.5822C17.9604 16.8233 19.0206 18.0749 19.0206 19.5414V21M13.0206 16L10.0206 19M7.92164 13.405L7.02064 16M7.02064 16L10.0206 19M7.02064 16L3.52743 16.5822C2.08087 16.8233 1.02063 18.0749 1.02063 19.5414V21M10.0206 19L10.0206 21M17.0206 16.7138V8.5C17.0206 4.63401 13.8866 1.5 10.0206 1.5C6.15464 1.5 3.02063 4.63401 3.02063 8.5V16.714M13.5206 20.75H15.5206M6.02063 8.00011H7.78463C9.15501 8.00008 10.4078 7.22581 11.0206 6.00011L11.1262 6.21115C11.6744 7.30748 12.7949 8 14.0206 8V10C14.0206 12.2091 12.2298 14 10.0206 14C7.81149 14 6.02063 12.2091 6.02063 10V8.00011Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Professional.displayName = "Professional";
+const ForwardRef = forwardRef(Professional);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Professional };

package/src/components/native/Protected.tsx

@@ -0,0 +1,59 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const Protected = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 18 20"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M17.0206 9.24175C17.0206 13.6097 13.8636 17.7037 9.54063 18.9277C9.20263 19.0237 8.83863 19.0237 8.50063 18.9277C4.17763 17.7047 1.02063 13.6097 1.02063 9.24175V5.21375C1.02063 4.40175 1.51163 3.66975 2.26363 3.36275L7.12763 1.37275C8.34163 0.87575 9.70163 0.87575 10.9146 1.37275L15.7786 3.36275C16.5296 3.66975 17.0206 4.40175 17.0206 5.21375V9.24175Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.5586 9.92475C10.9946 9.43575 11.2006 8.73875 11.0056 7.99975C10.8246 7.31175 10.2606 6.75075 9.57263 6.57175C8.19763 6.21375 6.96163 7.24175 6.96163 8.55875C6.96163 9.08375 7.15863 9.56175 7.48163 9.92475C7.71363 10.1848 7.80763 10.5378 7.71263 10.8728L7.32663 12.2257C7.14363 12.8647 7.62363 13.5007 8.28863 13.5007H9.75463C10.4186 13.5007 10.8986 12.8647 10.7166 12.2257L10.3306 10.8728C10.2326 10.5378 10.3276 10.1848 10.5586 9.92475Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Protected.displayName = "Protected";
+const ForwardRef = forwardRef(Protected);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Protected };

package/src/components/native/Queue.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const Queue = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 25 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M13.0206 18H19.5206C20.9013 18 22.0206 16.8807 22.0206 15.5V5.5C22.0206 4.11929 20.9013 3 19.5206 3H12.5206C11.1399 3 10.0206 4.11929 10.0206 5.5V14M12.5206 7.5H13.0206M15.7706 7.49995L16.2706 7.50005M19.0206 7.5H19.5206M3.02063 15L5.57119 10.7491C5.86473 10.2598 6.2917 9.86445 6.80201 9.60929L7.3872 9.3167C7.80378 9.10842 8.26313 8.99999 8.72887 9H10.0206M8.02063 21L10.8291 19.9262C11.6043 19.6298 12.2681 19.0997 12.7285 18.4092L15.7441 13.8873C16.1794 13.2346 16.0934 12.3653 15.5386 11.8105C14.8959 11.1679 13.8541 11.1678 13.2113 11.8103L11.0207 14H9.02063"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Queue.displayName = "Queue";
+const ForwardRef = forwardRef(Queue);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Queue };

package/src/components/native/Refresh.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const Refresh = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 20 18"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M16.4561 8.9989C16.4563 10.5395 15.9996 12.0456 15.1438 13.3267C14.288 14.6077 13.0715 15.6062 11.6482 16.1959C10.2249 16.7855 8.65875 16.9399 7.14774 16.6393C5.63673 16.3388 4.24877 15.5969 3.1594 14.5076C2.07003 13.4182 1.32818 12.0302 1.02767 10.5192C0.727161 9.00821 0.881496 7.44203 1.47115 6.01874C2.06081 4.59544 3.0593 3.37898 4.34035 2.52319C5.6214 1.6674 7.12746 1.21074 8.66807 1.21094M13.3651 10.7189L16.5111 8.06694L19.1631 11.2129"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Refresh.displayName = "Refresh";
+const ForwardRef = forwardRef(Refresh);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Refresh };

package/src/components/native/Relation.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const Relation = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 25 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M8.51861 11.6101L13.189 6.93967M10.8521 13.9464V17.0577H13.9633M15.5239 12.3886L10.8535 17.0591M10.075 6.93967H13.1862V10.0509M22.0205 11.999C22.0205 17.5219 17.5434 21.999 12.0205 21.999C6.49766 21.999 2.02051 17.5219 2.02051 11.999C2.02051 6.47618 6.49766 1.99902 12.0205 1.99902C17.5434 1.99902 22.0205 6.47618 22.0205 11.999Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Relation.displayName = "Relation";
+const ForwardRef = forwardRef(Relation);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Relation };

package/src/components/native/Reload.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const Reload = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 25 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M19.3523 6.79339C18.1744 5.1179 16.4593 3.89474 14.4913 3.32757C12.5232 2.7604 10.4205 2.88359 8.53154 3.67523C6.6426 4.46687 5.08088 5.88026 4.10527 7.68109C3.12965 9.48191 2.79872 11.5619 3.16731 13.5766M4.44431 19.5938V17.207H6.8313M4.68829 17.207C5.86622 18.8825 7.58136 20.1047 9.54938 20.6719C11.5174 21.239 13.6201 21.1168 15.5091 20.3252C17.398 19.5336 18.9597 18.1202 19.9353 16.3193C20.9109 14.5185 21.2419 12.4385 20.8733 10.4238M19.5963 4.40625V6.79297H17.2073"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Reload.displayName = "Reload";
+const ForwardRef = forwardRef(Reload);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Reload };

package/src/components/native/ReloadHeart.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const ReloadHeart = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 25 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M19.3468 6.79339C18.1689 5.1179 16.4538 3.89474 14.4858 3.32757C12.5177 2.7604 10.415 2.88359 8.52604 3.67523C6.6371 4.46687 5.07539 5.88026 4.09978 7.68109C3.12416 9.48191 2.79323 11.5619 3.16182 13.5766M4.43881 19.5938V17.207H6.82581M4.6828 17.207C5.86073 18.8825 7.57586 20.1047 9.54388 20.6719C11.5119 21.239 13.6146 21.1168 15.5036 20.3252C17.3925 19.5336 18.9542 18.1202 19.9298 16.3193C20.9055 14.5185 21.2364 12.4385 20.8678 10.4238M19.5908 4.40625V6.79297H17.2018M12.0148 10.1418C12.1934 9.93695 12.4145 9.77411 12.6626 9.66325C12.9108 9.55239 13.1801 9.49657 13.4518 9.50016C14.0086 9.52145 14.5353 9.75852 14.9203 10.1613C15.3054 10.5641 15.5186 11.1012 15.5148 11.6584C15.5148 13.8334 12.7068 15.5002 12.0148 15.5002C11.3228 15.5002 8.51479 13.8334 8.51479 11.6584C8.51101 11.1012 8.72419 10.5641 9.10924 10.1613C9.49429 9.75852 10.021 9.52145 10.5778 9.50016C10.8495 9.49671 11.1188 9.5524 11.3669 9.66325C11.615 9.7741 11.8361 9.93706 12.0148 10.1418Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+ReloadHeart.displayName = "ReloadHeart";
+const ForwardRef = forwardRef(ReloadHeart);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as ReloadHeart };

package/src/components/native/ReloadMoney.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const ReloadMoney = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M11.7599 7V8.25M11.7599 16.9999V15.7539M14.2469 10C14.2169 9.52634 14.0077 9.08187 13.6619 8.75684C13.3161 8.4318 12.8595 8.25058 12.3849 8.25H11.0149C10.5862 8.24928 10.1721 8.40552 9.85063 8.68921C9.5292 8.97291 9.32273 9.36456 9.27019 9.79004C9.21765 10.2155 9.32271 10.6454 9.56548 10.9988C9.80824 11.3521 10.1719 11.6044 10.5879 11.708L12.9319 12.2959C13.3479 12.3995 13.7116 12.6518 13.9544 13.0051C14.1972 13.3585 14.3022 13.7886 14.2497 14.2141C14.1971 14.6396 13.9907 15.031 13.6692 15.3147C13.3478 15.5984 12.9336 15.7546 12.5049 15.7539H11.1349C10.6596 15.753 10.2025 15.5714 9.85649 15.2456C9.51044 14.9198 9.30138 14.4744 9.2719 14M5.87988 5.87211C7.20833 4.5355 8.93644 3.66848 10.8021 3.40287C12.6678 3.13727 14.5692 3.48741 16.2179 4.40019C17.8666 5.31297 19.1726 6.73858 19.9377 8.46073C20.7029 10.1829 20.8856 12.1078 20.4579 13.9432M19.1168 12.6021L20.6838 14.1689L22.2509 12.6021M18.1399 18.1279C16.8115 19.4645 15.0832 20.3316 13.2176 20.5972C11.3519 20.8628 9.45058 20.5126 7.8019 19.5999C6.15322 18.6871 4.84723 17.2615 4.08205 15.5393C3.31688 13.8171 3.13424 11.8922 3.56191 10.0569M4.90283 11.3979L3.33582 9.83105L1.76892 11.3979"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+ReloadMoney.displayName = "ReloadMoney";
+const ForwardRef = forwardRef(ReloadMoney);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as ReloadMoney };

package/src/components/native/ReorderDown.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const ReorderDown = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M12.0096 21V8M12.0096 21L14.0096 19M12.0096 21L10.0096 19M15.0096 11H18.5096C19.8903 11 21.0096 12.1193 21.0096 13.5C21.0096 14.8807 19.8903 16 18.5096 16H15.0096M9.00958 11H5.50958C4.12887 11 3.00958 12.1193 3.00958 13.5C3.00958 14.8807 4.12887 16 5.50958 16H9.00958M18.5096 3H5.50958C4.12887 3 3.00958 4.11929 3.00958 5.5C3.00958 6.88071 4.12887 8 5.50958 8H18.5096C19.8903 8 21.0096 6.88071 21.0096 5.5C21.0096 4.11929 19.8903 3 18.5096 3Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+ReorderDown.displayName = "ReorderDown";
+const ForwardRef = forwardRef(ReorderDown);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as ReorderDown };

package/src/components/native/ReorderUp.tsx

@@ -0,0 +1,49 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const ReorderUp = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M12.0095 3V16M12.0095 3L10.0095 5M12.0095 3L14.0095 5M15.0095 13H18.5095C19.8902 13 21.0095 11.8807 21.0095 10.5C21.0095 9.11929 19.8902 8 18.5095 8H15.0095M9.00952 13H5.50952C4.12881 13 3.00952 11.8807 3.00952 10.5C3.00952 9.11929 4.12881 8 5.50952 8H9.00952M5.50952 21H18.5095C19.8902 21 21.0095 19.8807 21.0095 18.5C21.0095 17.1193 19.8902 16 18.5095 16H5.50952C4.12881 16 3.00952 17.1193 3.00952 18.5C3.00952 19.8807 4.12881 21 5.50952 21Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+ReorderUp.displayName = "ReorderUp";
+const ForwardRef = forwardRef(ReorderUp);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as ReorderUp };