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

package/src/components/native/ServiceGoogleDrive.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 ServiceGoogleDrive = (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="M11.4775 20.982L8.21954 10.957M17.7406 5.05176L14.3696 15.4258M9.67157 15.4258H20.3436M3.36957 14.4813L12.0206 8.19531M15.8216 10.9571L6.98663 4.53809M21.0206 12C21.0206 16.9706 16.9911 21 12.0206 21C7.05001 21 3.02057 16.9706 3.02057 12C3.02057 7.02944 7.05001 3 12.0206 3C16.9911 3 21.0206 7.02944 21.0206 12Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+ServiceGoogleDrive.displayName = "ServiceGoogleDrive";
+const ForwardRef = forwardRef(ServiceGoogleDrive);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as ServiceGoogleDrive };

package/src/components/native/Setting.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 Setting = (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
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.2292 9.78786C15.4497 11.0083 15.4497 12.987 14.2292 14.2074C13.0087 15.4279 11.0299 15.4279 9.80937 14.2074C8.58886 12.987 8.58886 11.0083 9.80937 9.78786C11.0299 8.56743 13.0087 8.56743 14.2292 9.78786Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15.5809 2.14732L16.3097 2.38983C16.9773 2.61234 17.4285 3.23737 17.4285 3.94114V4.98743C17.4285 5.87746 18.1386 6.60374 19.0287 6.62249L20.0763 6.64499C20.6826 6.65749 21.2327 7.00626 21.504 7.54878L21.8477 8.2363C22.1628 8.86633 22.039 9.62636 21.5415 10.1239L20.8014 10.8639C20.1726 11.4927 20.1613 12.509 20.7764 13.1515L21.5015 13.909C21.9215 14.3478 22.064 14.9816 21.8715 15.5578L21.629 16.2866C21.4064 16.9541 20.7814 17.4054 20.0776 17.4054H19.0312C18.1411 17.4054 17.4148 18.1154 17.396 19.0055L17.3735 20.053C17.361 20.6593 17.0123 21.2093 16.4697 21.4806L15.7821 21.8243C15.1521 22.1393 14.392 22.0156 13.8944 21.5181L13.1544 20.778C12.5256 20.1493 11.5092 20.138 10.8666 20.753L10.1091 21.4781C9.67027 21.8981 9.03646 22.0406 8.46015 21.8481L7.73133 21.6056C7.06376 21.383 6.61247 20.758 6.61247 20.0542V19.008C6.61247 18.1179 5.9024 17.3916 5.01231 17.3729L3.9647 17.3504C3.35839 17.3379 2.80834 16.9891 2.53706 16.4466L2.19327 15.7591C1.87824 15.1291 2.002 14.369 2.49955 13.8715L3.23963 13.1315C3.86844 12.5027 3.87969 11.4864 3.26463 10.8439L2.53956 10.0864C2.11827 9.64636 1.97575 9.01133 2.16827 8.43631L2.4108 7.70753C2.63332 7.04001 3.25838 6.58874 3.9622 6.58874H5.00856C5.89865 6.58874 6.62497 5.87872 6.64372 4.98868L6.66622 3.94114C6.68122 3.33487 7.02876 2.78485 7.57131 2.51359L8.25888 2.16983C8.88894 1.85481 9.64902 1.97857 10.1466 2.47609L10.8866 3.21611C11.5155 3.84489 12.5318 3.85614 13.1744 3.24112L13.9319 2.51609C14.3707 2.09732 15.0058 1.95482 15.5809 2.14732Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Setting.displayName = "Setting";
+const ForwardRef = forwardRef(Setting);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Setting };

package/src/components/native/Share.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 Share = (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.02063 10H5.02063C4.4902 10 3.98146 10.2107 3.60638 10.5858C3.23131 10.9609 3.02063 11.4696 3.02063 12V19C3.02063 19.5304 3.23131 20.0392 3.60638 20.4143C3.98146 20.7894 4.4902 21 5.02063 21H19.0206C19.5511 21 20.0597 20.7894 20.4348 20.4143C20.8099 20.0392 21.0206 19.5304 21.0206 19V12C21.0206 11.4696 20.8099 10.9609 20.4348 10.5858C20.0597 10.2107 19.5511 10 19.0206 10H16.0206M12.0206 17V3M12.0206 3L15.0206 6M12.0206 3L9.02063 6"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Share.displayName = "Share";
+const ForwardRef = forwardRef(Share);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Share };

package/src/components/native/ShieldCheck.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 ShieldCheck = (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
+        d="M12.3397 8.34033L8.19165 12.4888L5.70267 9.99951M17.0207 10.9995C17.0207 13.1212 16.1778 15.156 14.6775 16.6562C13.1772 18.1565 11.1424 18.9995 9.02066 18.9995C6.89893 18.9995 4.86409 18.1565 3.3638 16.6562C1.86351 15.156 1.02066 13.1212 1.02066 10.9995V4.9126C1.01867 4.66443 1.11016 4.42452 1.27692 4.24072C1.44367 4.05692 1.67347 3.94275 1.92066 3.92065C4.3059 3.73423 6.56972 2.79271 8.38367 1.23267C8.56213 1.08246 8.78792 1 9.02118 1C9.25444 1 9.4802 1.08246 9.65866 1.23267C11.4723 2.79251 13.7358 3.73402 16.1207 3.92065C16.3679 3.94275 16.5977 4.05692 16.7644 4.24072C16.9312 4.42452 17.0227 4.66443 17.0207 4.9126V10.9995Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+ShieldCheck.displayName = "ShieldCheck";
+const ForwardRef = forwardRef(ShieldCheck);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as ShieldCheck };

package/src/components/native/Smile.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 Smile = (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.51031 9V10M15.5103 9V10M15.5103 14.688C15.5103 14.688 14.1973 16 12.0103 16C9.82231 16 8.51031 14.688 8.51031 14.688M3.01031 12C3.01031 7.029 7.03931 3 12.0103 3C16.9813 3 21.0103 7.029 21.0103 12C21.0103 16.971 16.9813 21 12.0103 21C7.03931 21 3.01031 16.971 3.01031 12Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Smile.displayName = "Smile";
+const ForwardRef = forwardRef(Smile);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Smile };

package/src/components/native/SocialWhatsapp.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 SocialWhatsapp = (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.119 13.5584L13.525 13.159C13.707 12.9798 13.9461 12.8694 14.2006 12.8484C14.4552 12.8274 14.709 12.8968 14.918 13.0437C15.334 13.3357 15.709 13.5975 16.059 13.8435C16.1892 13.9341 16.298 14.052 16.3775 14.1892C16.457 14.3264 16.5054 14.4795 16.5192 14.6375C16.5331 14.7955 16.512 14.9543 16.4575 15.1033C16.403 15.2522 16.3165 15.388 16.204 15.4998L15.845 15.8572M8.16797 8.17698L8.52698 7.82053C8.6387 7.70779 8.77384 7.62032 8.92285 7.56565C9.07186 7.51098 9.23109 7.49039 9.38922 7.50413C9.54735 7.51787 9.70054 7.56617 9.83789 7.64573C9.97524 7.72528 10.0934 7.83376 10.184 7.96409C10.427 8.31409 10.6889 8.68969 10.9839 9.10569C11.1309 9.31473 11.2 9.5688 11.1791 9.82346C11.1583 10.0781 11.0489 10.3178 10.87 10.5002L10.47 10.9065M15.845 15.8535C14.364 17.3285 11.875 16.0773 9.90997 14.1113M9.91199 14.1133C7.94599 12.1463 6.69497 9.65878 8.16797 8.17578M10.464 10.9043C10.806 11.434 11.2051 11.9244 11.654 12.3672C12.097 12.8156 12.5875 13.2137 13.1169 13.5557M18.228 5.76107C16.7327 4.26567 14.745 3.3649 12.6348 3.22591C10.5247 3.08692 8.43593 3.71886 6.75745 5.00521C5.07896 6.29156 3.92518 8.14438 3.5108 10.2181C3.09643 12.2918 3.4497 14.446 4.50494 16.2786L3.26794 20.7933L7.88995 19.5824C9.16845 20.2787 10.6011 20.643 12.0569 20.6429C13.7809 20.6426 15.4661 20.1319 16.8995 19.1742C18.3329 18.2164 19.4502 16.8546 20.1102 15.262C20.7702 13.6695 20.9433 11.9168 20.6075 10.2259C20.2718 8.53498 19.4424 6.98169 18.224 5.76204L18.228 5.76107Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+SocialWhatsapp.displayName = "SocialWhatsapp";
+const ForwardRef = forwardRef(SocialWhatsapp);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as SocialWhatsapp };

package/src/components/native/SocialYoutube.tsx

@@ -0,0 +1,55 @@
+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 SocialYoutube = (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="M21.605 6.37335C21.5147 5.90488 21.3041 5.46793 20.994 5.10538C20.6838 4.74283 20.2848 4.46715 19.836 4.30536C18.277 3.81836 12.0211 3.81836 12.0211 3.81836C12.0211 3.81836 5.76909 3.81836 4.20709 4.30536C3.75832 4.46724 3.35925 4.74297 3.04913 5.1055C2.73901 5.46803 2.52845 5.90492 2.43805 6.37335C1.88206 10.1037 1.88206 13.8959 2.43805 17.6263C2.52854 18.0947 2.73903 18.5316 3.04913 18.8941C3.35924 19.2567 3.75837 19.5324 4.20709 19.6944C5.76909 20.1814 12.0211 20.1814 12.0211 20.1814C12.0211 20.1814 18.277 20.1814 19.836 19.6944C20.2846 19.5322 20.6834 19.2564 20.9935 18.8939C21.3035 18.5314 21.5144 18.0947 21.605 17.6263C22.1597 13.8958 22.1597 10.1038 21.605 6.37335Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M10.024 15.0004L15.2239 12.0004L10.024 9.00037V15.0004Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+SocialYoutube.displayName = "SocialYoutube";
+const ForwardRef = forwardRef(SocialYoutube);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as SocialYoutube };

package/src/components/native/Sort.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 Sort = (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="M10.021 8L7.021 5M7.021 5L4.021 8M7.021 5V16M14.021 16L17.021 19M17.021 19L20.021 16M17.021 19V8"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Sort.displayName = "Sort";
+const ForwardRef = forwardRef(Sort);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Sort };

package/src/components/native/SortTrans.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 SortTrans = (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 15H5.02063C4.4902 15 3.98152 14.7894 3.60645 14.4143C3.23137 14.0392 3.02063 13.5304 3.02063 13V5C3.02063 4.46957 3.23137 3.96101 3.60645 3.58594C3.98152 3.21086 4.4902 3 5.02063 3H16.0206C16.5511 3 17.0597 3.21086 17.4348 3.58594C17.8099 3.96101 18.0206 4.46957 18.0206 5V9M13.0206 15L11.5206 16.5M13.0206 15L11.5206 13.5M7.02063 12V11C7.02063 10.4696 7.23137 9.96101 7.60645 9.58594C7.98152 9.21086 8.4902 9 9.02063 9H19.0206C19.5511 9 20.0597 9.21086 20.4348 9.58594C20.8099 9.96101 21.0206 10.4696 21.0206 11V19C21.0206 19.5304 20.8099 20.0392 20.4348 20.4143C20.0597 20.7894 19.5511 21 19.0206 21H9.02063C8.4902 21 7.98152 20.7894 7.60645 20.4143C7.23137 20.0392 7.02063 19.5304 7.02063 19V18"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+SortTrans.displayName = "SortTrans";
+const ForwardRef = forwardRef(SortTrans);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as SortTrans };

package/src/components/native/Sport.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 Sport = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 20 20"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M7.93084 5.34267H10.0207M10.0207 5.34267L11.6494 4.35025C11.9096 4.19175 12.2278 4.16045 12.5139 4.26523C12.8 4.37 13.0227 4.59943 13.119 4.88848L15.423 11.8004L18.6643 16.1222C19.0736 16.6678 19.1394 17.3979 18.8344 18.0079C18.5293 18.618 17.9058 19.0034 17.2237 19.0034H13.2921C12.1803 19.004 11.1185 18.5415 10.3619 17.7268L1.8173 8.52999C1.26239 7.9315 0.975161 7.13283 1.02178 6.31801C1.0684 5.50319 1.44485 4.74249 2.0644 4.21119L5.48883 1.27697C5.83264 0.982456 6.31642 0.914977 6.7277 1.10417C7.13899 1.29337 7.40254 1.70463 7.40262 2.15734V5.34267H10.0207ZM1.01696 15.5019H3.0178M6.01905 19.0034H1.01696M18.5713 16.0021H13.5452C12.7124 16.0044 11.9166 15.6584 11.3503 15.0477L1.67224 4.62537M11.0211 11L14.9278 10.3237M10.0207 8.49898L14.0864 7.79569"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Sport.displayName = "Sport";
+const ForwardRef = forwardRef(Sport);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Sport };

package/src/components/native/Star.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 Star = (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.0746 3.41248L14.8986 7.11249C14.9919 7.30211 15.13 7.46615 15.3009 7.59039C15.4718 7.71463 15.6705 7.79534 15.8796 7.8255L19.9597 8.41852C20.2009 8.45236 20.4277 8.55328 20.6143 8.70978C20.8009 8.86628 20.9399 9.07204 21.0152 9.30365C21.0906 9.53526 21.0994 9.78341 21.0406 10.0198C20.9818 10.2561 20.8578 10.4712 20.6826 10.6405L17.7306 13.5175C17.5792 13.665 17.466 13.8471 17.4008 14.0482C17.3356 14.2493 17.3204 14.4632 17.3566 14.6715L18.0566 18.7345C18.0989 18.9744 18.0728 19.2214 17.9815 19.4472C17.8902 19.673 17.7373 19.8687 17.5401 20.0118C17.343 20.155 17.1096 20.2398 16.8666 20.2567C16.6236 20.2736 16.3807 20.2219 16.1656 20.1075L12.5176 18.1895C12.3307 18.0909 12.1225 18.0394 11.9111 18.0394C11.6998 18.0394 11.4916 18.0909 11.3047 18.1895L7.65664 20.1075C7.44159 20.2219 7.1987 20.2736 6.95568 20.2567C6.71267 20.2398 6.47929 20.155 6.28216 20.0118C6.08503 19.8687 5.93208 19.673 5.84075 19.4472C5.74943 19.2214 5.72342 18.9744 5.76565 18.7345L6.46563 14.6715C6.50169 14.4632 6.48639 14.2491 6.42105 14.048C6.3557 13.8469 6.24227 13.6649 6.09063 13.5175L3.13864 10.6405C2.96353 10.4712 2.8395 10.2561 2.7807 10.0198C2.72189 9.78341 2.73069 9.53526 2.80606 9.30365C2.88142 9.07204 3.02033 8.86628 3.20697 8.70978C3.3936 8.55328 3.62043 8.45236 3.86163 8.41852L7.94165 7.8255C8.1508 7.79534 8.34944 7.71463 8.52038 7.59039C8.69132 7.46615 8.82938 7.30211 8.92263 7.11249L10.7466 3.41248C10.8544 3.19588 11.0204 3.01369 11.226 2.88629C11.4316 2.7589 11.6687 2.69141 11.9106 2.69141C12.1525 2.69141 12.3896 2.7589 12.5953 2.88629C12.8009 3.01369 12.9669 3.19588 13.0746 3.41248Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Star.displayName = "Star";
+const ForwardRef = forwardRef(Star);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Star };

package/src/components/native/Stethoscope.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 Stethoscope = (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.5206 16C20.9013 16 22.0206 14.8807 22.0206 13.5C22.0206 12.1193 20.9013 11 19.5206 11C18.1399 11 17.0206 12.1193 17.0206 13.5C17.0206 14.8807 18.1399 16 19.5206 16ZM19.5206 16V16.25C19.5206 17.775 18.9148 19.2371 17.8364 20.3154C16.7581 21.3938 15.2956 22 13.7706 22C12.2456 22 10.783 21.3938 9.70465 20.3154C8.62632 19.2371 8.02057 17.775 8.02057 16.25V15M6.02057 3H4.02057C3.49014 3 2.9814 3.21086 2.60632 3.58594C2.23125 3.96101 2.02057 4.46957 2.02057 5V9C2.02057 10.5913 2.65267 12.117 3.77789 13.2422C4.90311 14.3674 6.42927 15 8.02057 15M8.02057 15C9.61187 15 11.138 14.3674 12.2632 13.2422C13.3884 12.117 14.0206 10.5913 14.0206 9V5C14.0206 4.46957 13.8098 3.96101 13.4348 3.58594C13.0597 3.21086 12.551 3 12.0206 3H10.0206M6.02057 2V4M10.0206 2V4"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+Stethoscope.displayName = "Stethoscope";
+const ForwardRef = forwardRef(Stethoscope);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Stethoscope };

package/src/components/native/StoreApple.tsx

@@ -0,0 +1,55 @@
+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 StoreApple = (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="M12.1334 8.49844C11.4284 8.49844 10.3304 7.67644 9.18842 7.67644C8.42726 7.70237 7.68619 7.92736 7.03909 8.32899C6.39199 8.73062 5.86147 9.29485 5.50042 9.96544C3.92642 12.6974 5.09542 16.7344 6.63042 18.9554C7.38342 20.0364 8.27142 21.2554 9.44942 21.2144C10.5794 21.1664 11.0034 20.4804 12.3754 20.4804C13.7474 20.4804 14.1234 21.2144 15.3204 21.1854C16.5374 21.1664 17.3094 20.0854 18.0524 18.9934C18.5863 18.2117 19.0027 17.3559 19.2884 16.4534C18.5797 16.1518 17.9749 15.649 17.549 15.0072C17.1232 14.3653 16.8949 13.6127 16.8924 12.8424C16.8988 12.1598 17.0795 11.4901 17.4175 10.897C17.7554 10.3038 18.2394 9.80693 18.8234 9.45344C18.4524 8.9277 17.965 8.49472 17.3992 8.18823C16.8334 7.88174 16.2045 7.71002 15.5614 7.68644C14.0734 7.57044 12.8294 8.49844 12.1334 8.49844Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M13.2707 2.89318C14.2049 2.54531 14.8154 3.05763 14.635 4.03804C14.5075 4.56757 14.2589 5.06031 13.9088 5.47753C13.5587 5.89476 13.1166 6.22509 12.6172 6.44258C11.683 6.79046 11.0725 6.27813 11.2529 5.29773C11.3804 4.7682 11.629 4.27546 11.9791 3.85823C12.3292 3.44101 12.7714 3.11067 13.2707 2.89318Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+StoreApple.displayName = "StoreApple";
+const ForwardRef = forwardRef(StoreApple);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as StoreApple };