@postal-music/icons 0.1.0

package/src/icons/general/Share01Icon.web.tsx

@@ -0,0 +1,32 @@
+import React from "react";
+
+type IconProps = {
+  size?: number;
+  color?: string;
+  className?: string;
+};
+
+export const Share01Icon: React.FC<IconProps> = ({
+  size = 18,
+  color = "currentColor",
+  className,
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 18 18"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+    role="img"
+    aria-hidden="true"
+  >
+    <path
+      d="M15.75 9V12.15C15.75 13.4101 15.75 14.0402 15.5048 14.5215C15.289 14.9448 14.9448 15.289 14.5215 15.5048C14.0402 15.75 13.4101 15.75 12.15 15.75H5.85C4.58988 15.75 3.95982 15.75 3.47852 15.5048C3.05516 15.289 2.71095 14.9448 2.49524 14.5215C2.25 14.0402 2.25 13.4101 2.25 12.15V9M12 5.25L9 2.25M9 2.25L6 5.25M9 2.25V11.25"
+      stroke={color}
+      strokeWidth="1.25"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);

package/src/icons/general/ShareIcon.native.tsx

@@ -0,0 +1,28 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+type Props = {
+  size?: number | string;
+  strokeWidth?: number;
+};
+
+const ShareIcon: React.FC<Props> = ({ size = 18, strokeWidth = 1.5 }) => (
+  <Svg
+    width={size}
+    height={size}
+    viewBox="0 0 17 17"
+    fill="none"
+  >
+    <Path
+      opacity={0.9}
+      d="M14.875 6.37501L14.875 2.12501M14.875 2.12501H10.625M14.875 2.12501L8.5 8.5M7.08333 2.125H5.525C4.33489 2.125 3.73983 2.125 3.28527 2.35661C2.88543 2.56034 2.56034 2.88543 2.35661 3.28527C2.125 3.73983 2.125 4.33489 2.125 5.525V11.475C2.125 12.6651 2.125 13.2602 2.35661 13.7147C2.56034 14.1146 2.88543 14.4397 3.28527 14.6434C3.73983 14.875 4.33489 14.875 5.525 14.875H11.475C12.6651 14.875 13.2602 14.875 13.7147 14.6434C14.1146 14.4397 14.4397 14.1146 14.6434 13.7147C14.875 13.2602 14.875 12.6651 14.875 11.475V9.91667"
+      stroke="currentColor"
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </Svg>
+);
+
+export { ShareIcon };
+export default ShareIcon;

package/src/icons/general/ShareIcon.web.tsx

@@ -0,0 +1,33 @@
+import * as React from "react";
+import { SVGProps } from "react";
+
+type Props = SVGProps<SVGSVGElement> & {
+  size?: number | string;
+};
+
+const ShareIcon = React.forwardRef<SVGSVGElement, Props>(
+  ({ size = 18, strokeWidth = 1.5, ...props }, ref) => (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 17 17"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        opacity={0.9}
+        d="M14.875 6.37501L14.875 2.12501M14.875 2.12501H10.625M14.875 2.12501L8.5 8.5M7.08333 2.125H5.525C4.33489 2.125 3.73983 2.125 3.28527 2.35661C2.88543 2.56034 2.56034 2.88543 2.35661 3.28527C2.125 3.73983 2.125 4.33489 2.125 5.525V11.475C2.125 12.6651 2.125 13.2602 2.35661 13.7147C2.56034 14.1146 2.88543 14.4397 3.28527 14.6434C3.73983 14.875 4.33489 14.875 5.525 14.875H11.475C12.6651 14.875 13.2602 14.875 13.7147 14.6434C14.1146 14.4397 14.4397 14.1146 14.6434 13.7147C14.875 13.2602 14.875 12.6651 14.875 11.475V9.91667"
+        stroke="currentColor"
+        strokeWidth={strokeWidth}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  )
+);
+
+ShareIcon.displayName = "ShareIcon";
+
+export default ShareIcon;

package/src/icons/general/StarIcon.native.tsx

@@ -0,0 +1,36 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+type StarIconProps = {
+  size?: number;
+  color?: string;
+  strokeWidth?: number;
+  filled?: boolean;
+};
+
+const StarIcon: React.FC<StarIconProps> = ({
+  size = 18,
+  color = '#000000',
+  strokeWidth = 1.5,
+  filled = true,
+}) => {
+  return (
+    <Svg
+      width={size}
+      height={size}
+      viewBox="0 0 18 18"
+    >
+      <Path
+        d="M8.46101 2.59041C8.63388 2.24021 8.72031 2.06511 8.83764 2.00916C8.93973 1.96049 9.05834 1.96049 9.16043 2.00916C9.27776 2.06511 9.3642 2.24021 9.53706 2.59041L11.1771 5.91289C11.2281 6.01628 11.2536 6.06797 11.2909 6.10811C11.3239 6.14365 11.3635 6.17244 11.4075 6.19289C11.4572 6.21599 11.5142 6.22433 11.6283 6.24101L15.2968 6.77721C15.6831 6.83367 15.8762 6.8619 15.9656 6.95625C16.0434 7.03835 16.08 7.15115 16.0652 7.26326C16.0481 7.39211 15.9083 7.52831 15.6286 7.80071L12.9751 10.3852C12.8924 10.4658 12.851 10.5061 12.8243 10.554C12.8007 10.5965 12.7856 10.6431 12.7797 10.6913C12.7731 10.7458 12.7829 10.8027 12.8024 10.9165L13.4285 14.567C13.4945 14.952 13.5275 15.1446 13.4655 15.2588C13.4115 15.3582 13.3155 15.4279 13.2043 15.4485C13.0765 15.4722 12.9036 15.3813 12.5579 15.1995L9.27831 13.4748C9.17612 13.4211 9.12503 13.3942 9.0712 13.3836C9.02355 13.3743 8.97453 13.3743 8.92687 13.3836C8.87304 13.3942 8.82195 13.4211 8.71977 13.4748L5.44022 15.1995C5.09446 15.3813 4.92158 15.4722 4.79375 15.4485C4.68253 15.4279 4.58657 15.3582 4.53258 15.2588C4.47052 15.1446 4.50354 14.952 4.56958 14.567L5.19569 10.9165C5.21521 10.8027 5.22497 10.7458 5.21836 10.6913C5.21252 10.6431 5.19736 10.5965 5.17373 10.554C5.14704 10.5061 5.10568 10.4658 5.02296 10.3852L2.36944 7.80071C2.08977 7.52831 1.94993 7.39211 1.93292 7.26326C1.91811 7.15115 1.95469 7.03835 2.03246 6.95625C2.12185 6.8619 2.315 6.83367 2.70131 6.77721L6.36976 6.24101C6.48384 6.22433 6.54088 6.21599 6.59056 6.19289C6.63455 6.17244 6.67414 6.14365 6.70716 6.10811C6.74445 6.06797 6.76997 6.01628 6.821 5.91289L8.46101 2.59041Z"
+        stroke={color}
+        strokeWidth={strokeWidth}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        fill={filled ? color : 'none'}
+      />
+    </Svg>
+  );
+};
+
+export { StarIcon };
+export default StarIcon;

package/src/icons/general/StarIcon.web.tsx

@@ -0,0 +1,30 @@
+// StarIcon.tsx
+import * as React from "react";
+
+export default function StarIcon({
+  size = 18,
+  className = "",
+  strokeWidth = 1.5,
+  filled = true, // <-- new prop
+  ...props
+}: any) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 18 18"
+      className={className}
+      {...props}
+    >
+      <path
+        d="M8.46101 2.59041C8.63388 2.24021 8.72031 2.06511 8.83764 2.00916C8.93973 1.96049 9.05834 1.96049 9.16043 2.00916C9.27776 2.06511 9.3642 2.24021 9.53706 2.59041L11.1771 5.91289C11.2281 6.01628 11.2536 6.06797 11.2909 6.10811C11.3239 6.14365 11.3635 6.17244 11.4075 6.19289C11.4572 6.21599 11.5142 6.22433 11.6283 6.24101L15.2968 6.77721C15.6831 6.83367 15.8762 6.8619 15.9656 6.95625C16.0434 7.03835 16.08 7.15115 16.0652 7.26326C16.0481 7.39211 15.9083 7.52831 15.6286 7.80071L12.9751 10.3852C12.8924 10.4658 12.851 10.5061 12.8243 10.554C12.8007 10.5965 12.7856 10.6431 12.7797 10.6913C12.7731 10.7458 12.7829 10.8027 12.8024 10.9165L13.4285 14.567C13.4945 14.952 13.5275 15.1446 13.4655 15.2588C13.4115 15.3582 13.3155 15.4279 13.2043 15.4485C13.0765 15.4722 12.9036 15.3813 12.5579 15.1995L9.27831 13.4748C9.17612 13.4211 9.12503 13.3942 9.0712 13.3836C9.02355 13.3743 8.97453 13.3743 8.92687 13.3836C8.87304 13.3942 8.82195 13.4211 8.71977 13.4748L5.44022 15.1995C5.09446 15.3813 4.92158 15.4722 4.79375 15.4485C4.68253 15.4279 4.58657 15.3582 4.53258 15.2588C4.47052 15.1446 4.50354 14.952 4.56958 14.567L5.19569 10.9165C5.21521 10.8027 5.22497 10.7458 5.21836 10.6913C5.21252 10.6431 5.19736 10.5965 5.17373 10.554C5.14704 10.5061 5.10568 10.4658 5.02296 10.3852L2.36944 7.80071C2.08977 7.52831 1.94993 7.39211 1.93292 7.26326C1.91811 7.15115 1.95469 7.03835 2.03246 6.95625C2.12185 6.8619 2.315 6.83367 2.70131 6.77721L6.36976 6.24101C6.48384 6.22433 6.54088 6.21599 6.59056 6.19289C6.63455 6.17244 6.67414 6.14365 6.70716 6.10811C6.74445 6.06797 6.76997 6.01628 6.821 5.91289L8.46101 2.59041Z"
+        stroke="currentColor"
+        strokeWidth={strokeWidth}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        fill={filled ? "currentColor" : "none"}
+        vectorEffect="non-scaling-stroke"
+      />
+    </svg>
+  );
+}

package/src/icons/general/Stars01Icon.native.tsx

@@ -0,0 +1,56 @@
+import * as React from "react";
+import Svg, { Path, G, Defs, ClipPath, Rect } from "react-native-svg";
+
+type Stars01IconProps = {
+  size?: number | string;
+  currentColor?: string;
+  fill?: string;
+};
+
+const Stars01Icon: React.FC<Stars01IconProps> = ({
+  size = 16,
+  currentColor,
+  fill,
+}) => {
+  return (
+    <Svg
+      viewBox="0 0 16 16"
+      width={size}
+      height={size}
+      fill={currentColor || fill || "currentColor"}
+    >
+      <G clipPath="url(#stars01-clip)">
+        <Path
+          d="M4.33398 8.66659L4.85696 9.71253C5.03395 10.0665 5.12245 10.2435 5.24067 10.3969C5.34558 10.533 5.46759 10.655 5.60369 10.7599C5.75706 10.8781 5.93405 10.9666 6.28804 11.1436L7.33398 11.6666L6.28804 12.1896C5.93405 12.3666 5.75706 12.455 5.60369 12.5733C5.46759 12.6782 5.34558 12.8002 5.24067 12.9363C5.12245 13.0897 5.03395 13.2667 4.85696 13.6206L4.33398 14.6666L3.81101 13.6206C3.63402 13.2667 3.54552 13.0897 3.4273 12.9363C3.32239 12.8002 3.20038 12.6782 3.06428 12.5733C2.91091 12.455 2.73391 12.3666 2.37993 12.1896L1.33398 11.6666L2.37993 11.1436C2.73391 10.9666 2.91091 10.8781 3.06428 10.7599C3.20038 10.655 3.32239 10.533 3.4273 10.3969C3.54552 10.2435 3.63402 10.0665 3.81101 9.71253L4.33398 8.66659Z"
+          fill="currentColor"
+        />
+        <Path
+          d="M10.0007 1.33325L10.7864 3.3762C10.9744 3.86502 11.0684 4.10943 11.2146 4.31501C11.3442 4.49722 11.5033 4.65642 11.6856 4.78598C11.8911 4.93216 12.1356 5.02616 12.6244 5.21417L14.6673 5.99992L12.6244 6.78567C12.1356 6.97367 11.8911 7.06768 11.6856 7.21386C11.5033 7.34342 11.3442 7.50262 11.2146 7.68482C11.0684 7.89041 10.9744 8.13482 10.7864 8.62364L10.0007 10.6666L9.2149 8.62364C9.0269 8.13482 8.93289 7.89041 8.78671 7.68482C8.65715 7.50262 8.49795 7.34342 8.31575 7.21386C8.11016 7.06768 7.86575 6.97367 7.37693 6.78567L5.33398 5.99992L7.37693 5.21417C7.86575 5.02616 8.11016 4.93216 8.31575 4.78598C8.49795 4.65642 8.65715 4.49722 8.78671 4.31501C8.93289 4.10943 9.0269 3.86502 9.2149 3.3762L10.0007 1.33325Z"
+          fill="currentColor"
+        />
+        <Path
+          d="M4.33398 8.66659L4.85696 9.71253C5.03395 10.0665 5.12245 10.2435 5.24067 10.3969C5.34558 10.533 5.46759 10.655 5.60369 10.7599C5.75706 10.8781 5.93405 10.9666 6.28804 11.1436L7.33398 11.6666L6.28804 12.1896C5.93405 12.3666 5.75706 12.455 5.60369 12.5733C5.46759 12.6782 5.34558 12.8002 5.24067 12.9363C5.12245 13.0897 5.03395 13.2667 4.85696 13.6206L4.33398 14.6666L3.81101 13.6206C3.63402 13.2667 3.54552 13.0897 3.4273 12.9363C3.32239 12.8002 3.20038 12.6782 3.06428 12.5733C2.91091 12.455 2.73391 12.3666 2.37993 12.1896L1.33398 11.6666L2.37993 11.1436C2.73391 10.9666 2.91091 10.8781 3.06428 10.7599C3.20038 10.655 3.32239 10.533 3.4273 10.3969C3.54552 10.2435 3.63402 10.0665 3.81101 9.71253L4.33398 8.66659Z"
+          stroke="currentColor"
+          strokeWidth="1.25"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <Path
+          d="M10.0007 1.33325L10.7864 3.3762C10.9744 3.86502 11.0684 4.10943 11.2146 4.31501C11.3442 4.49722 11.5033 4.65642 11.6856 4.78598C11.8911 4.93216 12.1356 5.02616 12.6244 5.21417L14.6673 5.99992L12.6244 6.78567C12.1356 6.97367 11.8911 7.06768 11.6856 7.21386C11.5033 7.34342 11.3442 7.50262 11.2146 7.68482C11.0684 7.89041 10.9744 8.13482 10.7864 8.62364L10.0007 10.6666L9.2149 8.62364C9.0269 8.13482 8.93289 7.89041 8.78671 7.68482C8.65715 7.50262 8.49795 7.34342 8.31575 7.21386C8.11016 7.06768 7.86575 6.97367 7.37693 6.78567L5.33398 5.99992L7.37693 5.21417C7.86575 5.02616 8.11016 4.93216 8.31575 4.78598C8.49795 4.65642 8.65715 4.49722 8.78671 4.31501C8.93289 4.10943 9.0269 3.86502 9.2149 3.3762L10.0007 1.33325Z"
+          stroke="currentColor"
+          strokeWidth="1.25"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </G>
+      <Defs>
+        <ClipPath id="stars01-clip">
+          <Rect width="16" height="16" fill="white" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  );
+};
+
+export { Stars01Icon };
+export default Stars01Icon;

package/src/icons/general/Stars01Icon.web.tsx

@@ -0,0 +1,66 @@
+import * as React from "react";
+
+type Stars01IconProps = {
+  size?: number | string;
+  className?: string;
+  currentColor?: string;
+  fill?: string;
+  title?: string;
+};
+
+const Stars01Icon: React.FC<Stars01IconProps> = ({
+  size = 16,
+  className,
+  currentColor,
+  fill,
+  title,
+}) => {
+  const ariaProps = title
+    ? { role: "img", "aria-label": title }
+    : { "aria-hidden": true };
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 16 16"
+      width={size}
+      height={size}
+      className={className}
+      fill={currentColor || "currentColor"}
+      {...ariaProps}
+    >
+      {title ? <title>{title}</title> : null}
+      <g clipPath="url(#clip0_878_14485)">
+        <path
+          d="M4.33398 8.66659L4.85696 9.71253C5.03395 10.0665 5.12245 10.2435 5.24067 10.3969C5.34558 10.533 5.46759 10.655 5.60369 10.7599C5.75706 10.8781 5.93405 10.9666 6.28804 11.1436L7.33398 11.6666L6.28804 12.1896C5.93405 12.3666 5.75706 12.455 5.60369 12.5733C5.46759 12.6782 5.34558 12.8002 5.24067 12.9363C5.12245 13.0897 5.03395 13.2667 4.85696 13.6206L4.33398 14.6666L3.81101 13.6206C3.63402 13.2667 3.54552 13.0897 3.4273 12.9363C3.32239 12.8002 3.20038 12.6782 3.06428 12.5733C2.91091 12.455 2.73391 12.3666 2.37993 12.1896L1.33398 11.6666L2.37993 11.1436C2.73391 10.9666 2.91091 10.8781 3.06428 10.7599C3.20038 10.655 3.32239 10.533 3.4273 10.3969C3.54552 10.2435 3.63402 10.0665 3.81101 9.71253L4.33398 8.66659Z"
+          fill="currentColor"
+        />
+        <path
+          d="M10.0007 1.33325L10.7864 3.3762C10.9744 3.86502 11.0684 4.10943 11.2146 4.31501C11.3442 4.49722 11.5033 4.65642 11.6856 4.78598C11.8911 4.93216 12.1356 5.02616 12.6244 5.21417L14.6673 5.99992L12.6244 6.78567C12.1356 6.97367 11.8911 7.06768 11.6856 7.21386C11.5033 7.34342 11.3442 7.50262 11.2146 7.68482C11.0684 7.89041 10.9744 8.13482 10.7864 8.62364L10.0007 10.6666L9.2149 8.62364C9.0269 8.13482 8.93289 7.89041 8.78671 7.68482C8.65715 7.50262 8.49795 7.34342 8.31575 7.21386C8.11016 7.06768 7.86575 6.97367 7.37693 6.78567L5.33398 5.99992L7.37693 5.21417C7.86575 5.02616 8.11016 4.93216 8.31575 4.78598C8.49795 4.65642 8.65715 4.49722 8.78671 4.31501C8.93289 4.10943 9.0269 3.86502 9.2149 3.3762L10.0007 1.33325Z"
+          fill="currentColor"
+        />
+        <path
+          d="M4.33398 8.66659L4.85696 9.71253C5.03395 10.0665 5.12245 10.2435 5.24067 10.3969C5.34558 10.533 5.46759 10.655 5.60369 10.7599C5.75706 10.8781 5.93405 10.9666 6.28804 11.1436L7.33398 11.6666L6.28804 12.1896C5.93405 12.3666 5.75706 12.455 5.60369 12.5733C5.46759 12.6782 5.34558 12.8002 5.24067 12.9363C5.12245 13.0897 5.03395 13.2667 4.85696 13.6206L4.33398 14.6666L3.81101 13.6206C3.63402 13.2667 3.54552 13.0897 3.4273 12.9363C3.32239 12.8002 3.20038 12.6782 3.06428 12.5733C2.91091 12.455 2.73391 12.3666 2.37993 12.1896L1.33398 11.6666L2.37993 11.1436C2.73391 10.9666 2.91091 10.8781 3.06428 10.7599C3.20038 10.655 3.32239 10.533 3.4273 10.3969C3.54552 10.2435 3.63402 10.0665 3.81101 9.71253L4.33398 8.66659Z"
+          stroke="currentColor"
+          strokeWidth="1.25"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M10.0007 1.33325L10.7864 3.3762C10.9744 3.86502 11.0684 4.10943 11.2146 4.31501C11.3442 4.49722 11.5033 4.65642 11.6856 4.78598C11.8911 4.93216 12.1356 5.02616 12.6244 5.21417L14.6673 5.99992L12.6244 6.78567C12.1356 6.97367 11.8911 7.06768 11.6856 7.21386C11.5033 7.34342 11.3442 7.50262 11.2146 7.68482C11.0684 7.89041 10.9744 8.13482 10.7864 8.62364L10.0007 10.6666L9.2149 8.62364C9.0269 8.13482 8.93289 7.89041 8.78671 7.68482C8.65715 7.50262 8.49795 7.34342 8.31575 7.21386C8.11016 7.06768 7.86575 6.97367 7.37693 6.78567L5.33398 5.99992L7.37693 5.21417C7.86575 5.02616 8.11016 4.93216 8.31575 4.78598C8.49795 4.65642 8.65715 4.49722 8.78671 4.31501C8.93289 4.10943 9.0269 3.86502 9.2149 3.3762L10.0007 1.33325Z"
+          stroke="currentColor"
+          strokeWidth="1.25"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_878_14485">
+          <rect width="16" height="16" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};
+
+export default Stars01Icon;

package/src/icons/general/Stars02Icon.native.tsx

@@ -0,0 +1,40 @@
+import * as React from "react";
+import Svg, { Path, G, Defs, ClipPath, Rect } from "react-native-svg";
+
+type StarsIcon02Props = {
+  size?: number | string;
+  stroke?: string;
+  strokeWidth?: number | string;
+};
+
+const StarsIcon02: React.FC<StarsIcon02Props> = ({
+  size = 18,
+  stroke = '#000000',
+  strokeWidth = 1.5,
+}) => {
+  return (
+    <Svg
+      width={size}
+      height={size}
+      viewBox="0 0 18 18"
+      fill="none"
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <G clipPath="url(#stars02-clip)">
+        <Path d="M4.875 9.75L5.46334 10.9267C5.66246 11.3249 5.76202 11.524 5.89502 11.6966C6.01304 11.8497 6.15031 11.987 6.30341 12.105C6.47596 12.238 6.67508 12.3375 7.07331 12.5367L8.25 13.125L7.07331 13.7133C6.67508 13.9125 6.47596 14.012 6.30342 14.145C6.15031 14.263 6.01304 14.4003 5.89502 14.5534C5.76202 14.726 5.66246 14.9251 5.46334 15.3233L4.875 16.5L4.28666 15.3233C4.08754 14.9251 3.98798 14.726 3.85498 14.5534C3.73696 14.4003 3.59969 14.263 3.44659 14.145C3.27404 14.012 3.07492 13.9125 2.67669 13.7133L1.5 13.125L2.67669 12.5367C3.07492 12.3375 3.27404 12.238 3.44658 12.105C3.59969 11.987 3.73696 11.8497 3.85498 11.6966C3.98798 11.524 4.08754 11.3249 4.28666 10.9267L4.875 9.75Z" />
+        <Path d="M11.25 1.5L12.134 3.79831C12.3455 4.34824 12.4512 4.6232 12.6157 4.85448C12.7614 5.05947 12.9405 5.23856 13.1455 5.38431C13.3768 5.54877 13.6518 5.65452 14.2017 5.86603L16.5 6.75L14.2017 7.63397C13.6518 7.84548 13.3768 7.95123 13.1455 8.11569C12.9405 8.26144 12.7614 8.44054 12.6157 8.64552C12.4512 8.8768 12.3455 9.15176 12.134 9.70169L11.25 12L10.366 9.70169C10.1545 9.15176 10.0488 8.8768 9.88431 8.64552C9.73856 8.44054 9.55947 8.26144 9.35448 8.11569C9.1232 7.95123 8.84824 7.84548 8.29831 7.63397L6 6.75L8.29831 5.86603C8.84824 5.65452 9.1232 5.54877 9.35448 5.38431C9.55946 5.23856 9.73856 5.05947 9.88431 4.85448C10.0488 4.6232 10.1545 4.34824 10.366 3.79831L11.25 1.5Z" />
+      </G>
+      <Defs>
+        <ClipPath id="stars02-clip">
+          <Rect width="18" height="18" fill="white" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  );
+};
+
+export { StarsIcon02 };
+export default StarsIcon02;

package/src/icons/general/Stars02Icon.web.tsx

@@ -0,0 +1,66 @@
+import * as React from "react";
+
+type StarsIcon02Props = React.SVGProps<SVGSVGElement> & {
+  /** Width/height in px or any CSS unit */
+  size?: number | string;
+  /** Stroke color. Defaults to currentColor for easy theming */
+  stroke?: string;
+  /** Stroke width */
+  strokeWidth?: number | string;
+  /** Accessible title for screen readers */
+  title?: string;
+};
+
+const StarsIcon02 = React.forwardRef<SVGSVGElement, StarsIcon02Props>(
+  (
+    {
+      size = 18,
+      stroke = "currentColor",
+      strokeWidth = 1.5,
+      className,
+      title,
+      ...rest
+    },
+    ref,
+  ) => {
+    const clipId = React.useId();
+
+    return (
+      <svg
+        ref={ref}
+        width={size}
+        height={size}
+        viewBox="0 0 18 18"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        stroke={stroke}
+        strokeWidth={strokeWidth}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        role={title ? "img" : "presentation"}
+        aria-label={title}
+        className={className}
+        {...rest}
+      >
+        {title ? <title>{title}</title> : null}
+        <g clipPath={`url(#${clipId})`}>
+          <path d="M4.875 9.75L5.46334 10.9267C5.66246 11.3249 5.76202 11.524 5.89502 11.6966C6.01304 11.8497 6.15031 11.987 6.30341 12.105C6.47596 12.238 6.67508 12.3375 7.07331 12.5367L8.25 13.125L7.07331 13.7133C6.67508 13.9125 6.47596 14.012 6.30342 14.145C6.15031 14.263 6.01304 14.4003 5.89502 14.5534C5.76202 14.726 5.66246 14.9251 5.46334 15.3233L4.875 16.5L4.28666 15.3233C4.08754 14.9251 3.98798 14.726 3.85498 14.5534C3.73696 14.4003 3.59969 14.263 3.44659 14.145C3.27404 14.012 3.07492 13.9125 2.67669 13.7133L1.5 13.125L2.67669 12.5367C3.07492 12.3375 3.27404 12.238 3.44658 12.105C3.59969 11.987 3.73696 11.8497 3.85498 11.6966C3.98798 11.524 4.08754 11.3249 4.28666 10.9267L4.875 9.75Z" />
+          <path d="M11.25 1.5L12.134 3.79831C12.3455 4.34824 12.4512 4.6232 12.6157 4.85448C12.7614 5.05947 12.9405 5.23856 13.1455 5.38431C13.3768 5.54877 13.6518 5.65452 14.2017 5.86603L16.5 6.75L14.2017 7.63397C13.6518 7.84548 13.3768 7.95123 13.1455 8.11569C12.9405 8.26144 12.7614 8.44054 12.6157 8.64552C12.4512 8.8768 12.3455 9.15176 12.134 9.70169L11.25 12L10.366 9.70169C10.1545 9.15176 10.0488 8.8768 9.88431 8.64552C9.73856 8.44054 9.55947 8.26144 9.35448 8.11569C9.1232 7.95123 8.84824 7.84548 8.29831 7.63397L6 6.75L8.29831 5.86603C8.84824 5.65452 9.1232 5.54877 9.35448 5.38431C9.55946 5.23856 9.73856 5.05947 9.88431 4.85448C10.0488 4.6232 10.1545 4.34824 10.366 3.79831L11.25 1.5Z" />
+        </g>
+        <defs>
+          <clipPath id={clipId}>
+            <rect width="18" height="18" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    );
+  },
+);
+
+StarsIcon02.displayName = "StarsIcon02";
+
+export default StarsIcon02;
+
+// Example usage:
+// <StarsIcon02 className="text-gray-700" size={18} />
+// <StarsIcon02 stroke="#111827" strokeWidth={2} title="Double star icon" />

package/src/icons/general/Stars04Icon.native.tsx

@@ -0,0 +1,37 @@
+import React from "react";
+import Svg, { Path, G, Defs, ClipPath, Rect } from "react-native-svg";
+
+interface IconProps {
+  size?: number;
+  color?: string;
+}
+
+const Star04Icon: React.FC<IconProps> = ({
+  size = 18,
+  color = '#000000',
+}) => (
+  <Svg
+    width={size}
+    height={size}
+    viewBox="0 0 18 18"
+    fill="none"
+  >
+    <G clipPath="url(#stars04-clip)">
+      <Path
+        d="M9 1.5L10.509 5.42331C10.7205 5.97324 10.8262 6.2482 10.9907 6.47948C11.1364 6.68447 11.3155 6.86356 11.5205 7.00931C11.7518 7.17377 12.0268 7.27952 12.5767 7.49103L16.5 9L12.5767 10.509C12.0268 10.7205 11.7518 10.8262 11.5205 10.9907C11.3155 11.1364 11.1364 11.3155 10.9907 11.5205C10.8262 11.7518 10.7205 12.0268 10.509 12.5767L9 16.5L7.49103 12.5767C7.27952 12.0268 7.17377 11.7518 7.00931 11.5205C6.86356 11.3155 6.68447 11.1364 6.47948 10.9907C6.2482 10.8262 5.97324 10.7205 5.42331 10.509L1.5 9L5.42331 7.49103C5.97324 7.27952 6.2482 7.17377 6.47948 7.00931C6.68446 6.86356 6.86356 6.68446 7.00931 6.47948C7.17377 6.2482 7.27952 5.97324 7.49103 5.42331L9 1.5Z"
+        stroke={color}
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </G>
+    <Defs>
+      <ClipPath id="stars04-clip">
+        <Rect width="18" height="18" fill="white" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+export { Star04Icon };
+export default Star04Icon;

package/src/icons/general/Stars04Icon.web.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+
+interface IconProps {
+  size?: number;
+  color?: string;
+  className?: string;
+}
+
+const Star04Icon: React.FC<IconProps> = ({
+  size = 18,
+  color = "currentColor",
+  className,
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 18 18"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+  >
+    <g clipPath="url(#clip0_10870_4507)">
+      <path
+        d="M9 1.5L10.509 5.42331C10.7205 5.97324 10.8262 6.2482 10.9907 6.47948C11.1364 6.68447 11.3155 6.86356 11.5205 7.00931C11.7518 7.17377 12.0268 7.27952 12.5767 7.49103L16.5 9L12.5767 10.509C12.0268 10.7205 11.7518 10.8262 11.5205 10.9907C11.3155 11.1364 11.1364 11.3155 10.9907 11.5205C10.8262 11.7518 10.7205 12.0268 10.509 12.5767L9 16.5L7.49103 12.5767C7.27952 12.0268 7.17377 11.7518 7.00931 11.5205C6.86356 11.3155 6.68447 11.1364 6.47948 10.9907C6.2482 10.8262 5.97324 10.7205 5.42331 10.509L1.5 9L5.42331 7.49103C5.97324 7.27952 6.2482 7.17377 6.47948 7.00931C6.68446 6.86356 6.86356 6.68446 7.00931 6.47948C7.17377 6.2482 7.27952 5.97324 7.49103 5.42331L9 1.5Z"
+        stroke={color}
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_10870_4507">
+        <rect width="18" height="18" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+
+export default Star04Icon;

package/src/icons/general/Stars06Icon.native.tsx

@@ -0,0 +1,37 @@
+import React from "react";
+import Svg, { Path, G, Defs, ClipPath, Rect } from "react-native-svg";
+
+interface Stars06IconProps {
+  size?: number | string;
+  strokeColor?: string;
+}
+
+const Stars06Icon: React.FC<Stars06IconProps> = ({
+  size = 22,
+  strokeColor = '#000000',
+}) => (
+  <Svg
+    width={size}
+    height={size}
+    viewBox="0 0 22 22"
+    fill="none"
+  >
+    <G clipPath="url(#stars06-clip)">
+      <Path
+        d="M4.1237 20.1663V15.583M4.1237 6.41634V1.83301M1.83203 4.12467H6.41536M1.83203 17.8747H6.41536M11.9154 2.74967L10.3257 6.8828C10.0672 7.55493 9.93794 7.89099 9.73693 8.17367C9.55879 8.42421 9.3399 8.6431 9.08936 8.82124C8.80668 9.02225 8.47061 9.1515 7.79849 9.41001L3.66536 10.9997L7.79849 12.5893C8.47062 12.8478 8.80668 12.9771 9.08936 13.1781C9.3399 13.3563 9.55879 13.5751 9.73693 13.8257C9.93794 14.1084 10.0672 14.4444 10.3257 15.1166L11.9154 19.2497L13.505 15.1165C13.7635 14.4444 13.8928 14.1084 14.0938 13.8257C14.2719 13.5751 14.4908 13.3563 14.7414 13.1781C15.0241 12.9771 15.3601 12.8478 16.0322 12.5893L20.1654 10.9997L16.0322 9.41001C15.3601 9.1515 15.024 9.02225 14.7414 8.82124C14.4908 8.6431 14.2719 8.42421 14.0938 8.17367C13.8928 7.89099 13.7635 7.55493 13.505 6.8828L11.9154 2.74967Z"
+        stroke={strokeColor}
+        strokeWidth={1.8}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </G>
+    <Defs>
+      <ClipPath id="stars06-clip">
+        <Rect width="22" height="22" fill="white" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+export { Stars06Icon };
+export default Stars06Icon;

package/src/icons/general/Stars06Icon.web.tsx

@@ -0,0 +1,38 @@
+import React from "react";
+
+interface Stars06IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+  strokeColor?: string;
+}
+
+const Stars06Icon: React.FC<Stars06IconProps> = ({
+  size = 22,
+  strokeColor = "currentColor",
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 22 22"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g clipPath="url(#clip0_stars06)">
+      <path
+        d="M4.1237 20.1663V15.583M4.1237 6.41634V1.83301M1.83203 4.12467H6.41536M1.83203 17.8747H6.41536M11.9154 2.74967L10.3257 6.8828C10.0672 7.55493 9.93794 7.89099 9.73693 8.17367C9.55879 8.42421 9.3399 8.6431 9.08936 8.82124C8.80668 9.02225 8.47061 9.1515 7.79849 9.41001L3.66536 10.9997L7.79849 12.5893C8.47062 12.8478 8.80668 12.9771 9.08936 13.1781C9.3399 13.3563 9.55879 13.5751 9.73693 13.8257C9.93794 14.1084 10.0672 14.4444 10.3257 15.1166L11.9154 19.2497L13.505 15.1165C13.7635 14.4444 13.8928 14.1084 14.0938 13.8257C14.2719 13.5751 14.4908 13.3563 14.7414 13.1781C15.0241 12.9771 15.3601 12.8478 16.0322 12.5893L20.1654 10.9997L16.0322 9.41001C15.3601 9.1515 15.024 9.02225 14.7414 8.82124C14.4908 8.6431 14.2719 8.42421 14.0938 8.17367C13.8928 7.89099 13.7635 7.55493 13.505 6.8828L11.9154 2.74967Z"
+        stroke={strokeColor}
+        strokeWidth={1.8}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_stars06">
+        <rect width="22" height="22" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+
+export default Stars06Icon;

package/src/icons/general/TagsIcon.native.tsx

@@ -0,0 +1,26 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+interface TagsIconProps {
+  size?: number | string;
+}
+
+const TagsIcon: React.FC<TagsIconProps> = ({ size = 18 }) => (
+  <Svg
+    width={size}
+    height={size}
+    viewBox="0 0 18 18"
+    fill="none"
+  >
+    <Path
+      d="M15.75 8.25L10.0544 2.55442C9.66527 2.16527 9.4707 1.9707 9.24364 1.83156C9.04233 1.70819 8.82285 1.61729 8.59327 1.56217C8.33432 1.5 8.05916 1.5 7.50883 1.5L4.5 1.5M2.25 6.525L2.25 8.00589C2.25 8.37277 2.25 8.55622 2.29145 8.72885C2.32819 8.8819 2.3888 9.02822 2.47104 9.16243C2.5638 9.3138 2.69352 9.44352 2.95294 9.70294L8.80294 15.5529C9.39697 16.147 9.69398 16.444 10.0365 16.5553C10.3377 16.6532 10.6623 16.6532 10.9635 16.5553C11.306 16.444 11.603 16.147 12.1971 15.5529L14.0529 13.6971C14.647 13.103 14.944 12.806 15.0553 12.4635C15.1532 12.1623 15.1532 11.8377 15.0553 11.5365C14.944 11.194 14.647 10.897 14.0529 10.3029L8.57794 4.82794C8.31852 4.56852 8.1888 4.4388 8.03743 4.34604C7.90322 4.2638 7.7569 4.20319 7.60385 4.16645C7.43122 4.125 7.24777 4.125 6.88089 4.125H4.65C3.80992 4.125 3.38988 4.125 3.06901 4.28849C2.78677 4.4323 2.5573 4.66177 2.41349 4.94401C2.25 5.26488 2.25 5.68492 2.25 6.525Z"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </Svg>
+);
+
+export { TagsIcon };
+export default TagsIcon;

package/src/icons/general/TagsIcon.web.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { LucideProps } from 'lucide-react';
+
+interface TagsIconProps extends LucideProps {
+  size?: number | string;
+  className?: string;
+}
+
+const TagsIcon: React.FC<TagsIconProps> = ({ size = 18, className, ...props }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 18 18"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M15.75 8.25L10.0544 2.55442C9.66527 2.16527 9.4707 1.9707 9.24364 1.83156C9.04233 1.70819 8.82285 1.61729 8.59327 1.56217C8.33432 1.5 8.05916 1.5 7.50883 1.5L4.5 1.5M2.25 6.525L2.25 8.00589C2.25 8.37277 2.25 8.55622 2.29145 8.72885C2.32819 8.8819 2.3888 9.02822 2.47104 9.16243C2.5638 9.3138 2.69352 9.44352 2.95294 9.70294L8.80294 15.5529C9.39697 16.147 9.69398 16.444 10.0365 16.5553C10.3377 16.6532 10.6623 16.6532 10.9635 16.5553C11.306 16.444 11.603 16.147 12.1971 15.5529L14.0529 13.6971C14.647 13.103 14.944 12.806 15.0553 12.4635C15.1532 12.1623 15.1532 11.8377 15.0553 11.5365C14.944 11.194 14.647 10.897 14.0529 10.3029L8.57794 4.82794C8.31852 4.56852 8.1888 4.4388 8.03743 4.34604C7.90322 4.2638 7.7569 4.20319 7.60385 4.16645C7.43122 4.125 7.24777 4.125 6.88089 4.125H4.65C3.80992 4.125 3.38988 4.125 3.06901 4.28849C2.78677 4.4323 2.5573 4.66177 2.41349 4.94401C2.25 5.26488 2.25 5.68492 2.25 6.525Z"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default TagsIcon;

package/src/icons/general/ThumbsDownIcon.native.tsx

@@ -0,0 +1,28 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+type ThumbsDownIconProps = {
+  size?: number;
+};
+
+const ThumbsDownIcon: React.FC<ThumbsDownIconProps> = ({ size = 18 }) => {
+  return (
+    <Svg
+      width={size}
+      height={size}
+      viewBox="0 0 18 18"
+      fill="none"
+    >
+      <Path
+        d="M12.75 1.5V9.75M16.5 7.35V3.9C16.5 3.05992 16.5 2.63988 16.3365 2.31901C16.1927 2.03677 15.9632 1.8073 15.681 1.66349C15.3601 1.5 14.9401 1.5 14.1 1.5H6.0885C4.99239 1.5 4.44433 1.5 4.00168 1.70058C3.61154 1.87735 3.27997 2.16182 3.04592 2.52054C2.78037 2.92755 2.69704 3.46923 2.53036 4.55259L2.13806 7.10259C1.91823 8.53148 1.80831 9.24593 2.02035 9.80184C2.20645 10.2898 2.55648 10.6978 3.01044 10.9559C3.52764 11.25 4.25049 11.25 5.69619 11.25H6.29999C6.72003 11.25 6.93005 11.25 7.09049 11.3317C7.23161 11.4037 7.34634 11.5184 7.41825 11.6595C7.49999 11.8199 7.49999 12.03 7.49999 12.45V14.6506C7.49999 15.672 8.32799 16.5 9.34937 16.5C9.59299 16.5 9.81376 16.3565 9.9127 16.1339L12.4333 10.4626C12.5479 10.2047 12.6052 10.0757 12.6958 9.98114C12.7759 9.89755 12.8743 9.83363 12.9832 9.79439C13.1064 9.75 13.2476 9.75 13.5298 9.75H14.1C14.9401 9.75 15.3601 9.75 15.681 9.58651C15.9632 9.4427 16.1927 9.21323 16.3365 8.93099C16.5 8.61012 16.5 8.19008 16.5 7.35Z"
+        stroke="currentColor"
+        strokeWidth={1.25}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  );
+};
+
+export { ThumbsDownIcon };
+export default ThumbsDownIcon;