@postal-music/icons 0.1.13 → 0.1.15

package/dist/types/icons/actions/Download01Icon.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface Download01IconProps extends React.SVGProps<SVGSVGElement> {
+    size?: number;
+    color?: string;
+    fill?: string;
+    strokeWidth?: number;
+}
+declare const Download01Icon: React.FC<Download01IconProps>;
+export default Download01Icon;

package/dist/types/icons/actions/Pencil02Icon.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface Pencil02IconProps extends React.SVGProps<SVGSVGElement> {
+    size?: number;
+    color?: string;
+    fill?: string;
+    strokeWidth?: number;
+}
+declare const Pencil02Icon: React.FC<Pencil02IconProps>;
+export default Pencil02Icon;

package/dist/types/icons/actions/index.d.ts

@@ -2,6 +2,7 @@ export { default as CheckIcon } from './CheckIcon';
 export { default as Copy02Icon } from './Copy02Icon';
 export { Copy06Icon } from './Copy06Icon';
 export { default as CopyIcon } from './CopyIcon';
+export { default as Download01Icon } from './Download01Icon';
 export { default as Expand01Icon } from './Expand01Icon';
 export { default as LogoutIcon } from './LogoutIcon';
 export { default as MinCircleIcon } from './MinCircleIcon';
@@ -10,6 +11,7 @@ export { default as MinusIcon } from './MinusIcon';
 export { default as MoreOptionsIcon } from './MoreOptionsIcon';
 export { default as MoveIcon } from './MoveIcon';
 export { default as PencilIcon } from './PencilIcon';
+export { default as Pencil02Icon } from './Pencil02Icon';
 export { default as PlusCircleIcon } from './PlusCircleIcon';
 export { default as PlusIcon } from './PlusIcon';
 export { RefreshIcon } from './RefreshIcon';

package/dist/types/icons/charts/TrendUp01Icon.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface TrendUp01IconProps extends React.SVGProps<SVGSVGElement> {
+    size?: number;
+    color?: string;
+    fill?: string;
+    strokeWidth?: number;
+}
+declare const TrendUp01Icon: React.FC<TrendUp01IconProps>;
+export default TrendUp01Icon;

package/dist/types/icons/charts/index.d.ts

@@ -1,3 +1,4 @@
 export { default as BarChart01Icon } from './BarChart01Icon';
 export { default as BarChart10Icon } from './BarChart10Icon';
 export { default as LineChart03UpIcon } from './LineChart03UpIcon';
+export { default as TrendUp01Icon } from './TrendUp01Icon';

package/dist/types/icons/general/MusicNote02Icon.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+    size?: number;
+    color?: string;
+    fill?: string;
+    strokeWidth?: number;
+}
+declare const MusicNote02Icon: React.FC<IconProps>;
+export default MusicNote02Icon;

package/dist/types/icons/general/Share06Icon.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+type IconProps = React.SVGProps<SVGSVGElement> & {
+    size?: number;
+    color?: string;
+    fill?: string;
+    strokeWidth?: number;
+    className?: string;
+};
+export declare const Share06Icon: React.FC<IconProps>;
+export default Share06Icon;

package/dist/types/icons/general/index.d.ts

@@ -28,6 +28,7 @@ export { default as LandingUploadIcon } from './LandingUploadIcon';
 export { default as LayersThree01Icon } from './LayersThree01Icon';
 export { default as LyricsIcon } from './LyricsIcon';
 export { default as MoonIcon } from './MoonIcon';
+export { default as MusicNote02Icon } from './MusicNote02Icon';
 export { default as MusicNoteIcon } from './MusicNoteIcon';
 export { default as MusicNotePlusIcon } from './MusicNotePlusIcon';
 export { default as PinIcon } from './PinIcon';
@@ -35,6 +36,7 @@ export { default as QuestionCircleIcon } from './QuestionCircleIcon';
 export { default as Recording01Icon } from './Recordering01';
 export { default as Recording02Icon } from './Recording02';
 export { Share01Icon } from './Share01Icon';
+export { Share06Icon } from './Share06Icon';
 export { default as ShareIcon } from './ShareIcon';
 export { default as StarIcon } from './StarIcon';
 export { default as Star01Icon } from './Star01Icon';

package/dist/types/icons/users/User02Icon.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+    size?: number;
+    color?: string;
+    fill?: string;
+    strokeWidth?: number;
+}
+declare const User02Icon: React.FC<IconProps>;
+export default User02Icon;

package/dist/types/icons/users/index.d.ts

@@ -1,4 +1,5 @@
 export { default as AccountIcon } from './AccountIcon';
+export { default as User02Icon } from './User02Icon';
 export { default as UserApproveIcon } from './UserApproveIcon';
 export { default as UserIcon } from './UserIcon';
 export { UserPlusIcon } from './UserPlusIcon';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@postal-music/icons",
-  "version": "0.1.13",
+  "version": "0.1.15",
   "description": "Shared design system for Postal — icons and tokens for React and React Native",
   "publishConfig": {
     "access": "public"

package/src/icons/actions/Download01Icon.native.tsx

@@ -0,0 +1,30 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+interface Download01IconProps {
+  size?: number;
+  color?: string;
+  fill?: string;
+  strokeWidth?: number;
+}
+
+const Download01Icon: React.FC<Download01IconProps> = ({
+  size = 16,
+  color = "#000000",
+  fill = "none",
+  strokeWidth = 1.5,
+}) => (
+  <Svg width={size} height={size} viewBox="0 0 16 16" fill="none">
+    <Path
+      d="M14 10V10.8C14 11.9201 14 12.4802 13.782 12.908C13.5903 13.2843 13.2843 13.5903 12.908 13.782C12.4802 14 11.9201 14 10.8 14H5.2C4.07989 14 3.51984 14 3.09202 13.782C2.71569 13.5903 2.40973 13.2843 2.21799 12.908C2 12.4802 2 11.9201 2 10.8V10M4.66667 6.66667L8 10L11.3333 6.66667M8 10V2"
+      fill={fill}
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </Svg>
+);
+
+export { Download01Icon };
+export default Download01Icon;

package/src/icons/actions/Download01Icon.web.tsx

@@ -0,0 +1,36 @@
+import React from "react";
+
+interface Download01IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+  fill?: string;
+  strokeWidth?: number;
+}
+
+const Download01Icon: React.FC<Download01IconProps> = ({
+  size = 16,
+  color = "currentColor",
+  fill = "none",
+  strokeWidth = 1.5,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M14 10V10.8C14 11.9201 14 12.4802 13.782 12.908C13.5903 13.2843 13.2843 13.5903 12.908 13.782C12.4802 14 11.9201 14 10.8 14H5.2C4.07989 14 3.51984 14 3.09202 13.782C2.71569 13.5903 2.40973 13.2843 2.21799 12.908C2 12.4802 2 11.9201 2 10.8V10M4.66667 6.66667L8 10L11.3333 6.66667M8 10V2"
+      fill={fill}
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default Download01Icon;

package/src/icons/actions/Pencil02Icon.native.tsx

@@ -0,0 +1,33 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+interface Pencil02IconProps {
+  size?: number;
+  color?: string;
+  fill?: string;
+  strokeWidth?: number;
+}
+
+const Pencil02Icon: React.FC<Pencil02IconProps> = ({
+  size = 20,
+  color = "#000000",
+  fill = "none",
+  strokeWidth = 2,
+}) => (
+  <Svg width={size} height={size} viewBox="0 0 20 20" fill="none">
+    <Path
+      d="M5.56613 17.2697C5.82058 17.2003 5.9478 17.1656 6.06644 17.1123C6.17178 17.065 6.27192 17.0069 6.36525 16.9389C6.47036 16.8623 6.56361 16.7691 6.7501 16.5826L15.3613 7.97143C15.5263 7.80642 15.6088 7.72391 15.6397 7.62878C15.6669 7.54509 15.6669 7.45495 15.6397 7.37126C15.6088 7.27613 15.5263 7.19362 15.3613 7.02862L12.9708 4.63809C12.8057 4.47308 12.7232 4.39058 12.6281 4.35967C12.5444 4.33248 12.4543 4.33248 12.3706 4.35967C12.2755 4.39058 12.193 4.47308 12.0279 4.63809L3.41677 13.2493C3.23027 13.4358 3.13703 13.529 3.06045 13.6341C2.99245 13.7274 2.93434 13.8276 2.88704 13.9329C2.83378 14.0516 2.79908 14.1788 2.72968 14.4332L1.66602 18.3334L5.56613 17.2697Z"
+      fill={fill}
+    />
+    <Path
+      d="M14.9993 1.66669L18.3327 5.00002M1.66602 18.3334L2.72968 14.4332C2.79908 14.1788 2.83378 14.0516 2.88704 13.9329C2.93434 13.8276 2.99245 13.7274 3.06045 13.6341C3.13703 13.529 3.23027 13.4358 3.41677 13.2493L12.0279 4.63809C12.193 4.47308 12.2755 4.39058 12.3706 4.35967C12.4543 4.33248 12.5444 4.33248 12.6281 4.35967C12.7232 4.39058 12.8057 4.47308 12.9708 4.63809L15.3613 7.02862C15.5263 7.19362 15.6088 7.27613 15.6397 7.37126C15.6669 7.45495 15.6669 7.54509 15.6397 7.62878C15.6088 7.72391 15.5263 7.80642 15.3613 7.97143L6.7501 16.5826C6.56361 16.7691 6.47036 16.8623 6.36525 16.9389C6.27192 17.0069 6.17178 17.065 6.06644 17.1123C5.9478 17.1656 5.82058 17.2003 5.56613 17.2697L1.66602 18.3334Z"
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </Svg>
+);
+
+export { Pencil02Icon };
+export default Pencil02Icon;

package/src/icons/actions/Pencil02Icon.web.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+
+interface Pencil02IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+  fill?: string;
+  strokeWidth?: number;
+}
+
+const Pencil02Icon: React.FC<Pencil02IconProps> = ({
+  size = 20,
+  color = "currentColor",
+  fill = "none",
+  strokeWidth = 2,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M5.56613 17.2697C5.82058 17.2003 5.9478 17.1656 6.06644 17.1123C6.17178 17.065 6.27192 17.0069 6.36525 16.9389C6.47036 16.8623 6.56361 16.7691 6.7501 16.5826L15.3613 7.97143C15.5263 7.80642 15.6088 7.72391 15.6397 7.62878C15.6669 7.54509 15.6669 7.45495 15.6397 7.37126C15.6088 7.27613 15.5263 7.19362 15.3613 7.02862L12.9708 4.63809C12.8057 4.47308 12.7232 4.39058 12.6281 4.35967C12.5444 4.33248 12.4543 4.33248 12.3706 4.35967C12.2755 4.39058 12.193 4.47308 12.0279 4.63809L3.41677 13.2493C3.23027 13.4358 3.13703 13.529 3.06045 13.6341C2.99245 13.7274 2.93434 13.8276 2.88704 13.9329C2.83378 14.0516 2.79908 14.1788 2.72968 14.4332L1.66602 18.3334L5.56613 17.2697Z"
+      fill={fill}
+    />
+    <path
+      d="M14.9993 1.66669L18.3327 5.00002M1.66602 18.3334L2.72968 14.4332C2.79908 14.1788 2.83378 14.0516 2.88704 13.9329C2.93434 13.8276 2.99245 13.7274 3.06045 13.6341C3.13703 13.529 3.23027 13.4358 3.41677 13.2493L12.0279 4.63809C12.193 4.47308 12.2755 4.39058 12.3706 4.35967C12.4543 4.33248 12.5444 4.33248 12.6281 4.35967C12.7232 4.39058 12.8057 4.47308 12.9708 4.63809L15.3613 7.02862C15.5263 7.19362 15.6088 7.27613 15.6397 7.37126C15.6669 7.45495 15.6669 7.54509 15.6397 7.62878C15.6088 7.72391 15.5263 7.80642 15.3613 7.97143L6.7501 16.5826C6.56361 16.7691 6.47036 16.8623 6.36525 16.9389C6.27192 17.0069 6.17178 17.065 6.06644 17.1123C5.9478 17.1656 5.82058 17.2003 5.56613 17.2697L1.66602 18.3334Z"
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default Pencil02Icon;

package/src/icons/actions/index.ts

@@ -2,6 +2,7 @@ export { default as CheckIcon } from './CheckIcon';
 export { default as Copy02Icon } from './Copy02Icon';
 export { Copy06Icon } from './Copy06Icon';
 export { default as CopyIcon } from './CopyIcon';
+export { default as Download01Icon } from './Download01Icon';
 export { default as Expand01Icon } from './Expand01Icon';
 export { default as LogoutIcon } from './LogoutIcon';
 export { default as MinCircleIcon } from './MinCircleIcon';
@@ -10,6 +11,7 @@ export { default as MinusIcon } from './MinusIcon';
 export { default as MoreOptionsIcon } from './MoreOptionsIcon';
 export { default as MoveIcon } from './MoveIcon';
 export { default as PencilIcon } from './PencilIcon';
+export { default as Pencil02Icon } from './Pencil02Icon';
 export { default as PlusCircleIcon } from './PlusCircleIcon';
 export { default as PlusIcon } from './PlusIcon';
 export { RefreshIcon } from './RefreshIcon';

package/src/icons/charts/TrendUp01Icon.native.tsx

@@ -0,0 +1,30 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+interface TrendUp01IconProps {
+  size?: number;
+  color?: string;
+  fill?: string;
+  strokeWidth?: number;
+}
+
+const TrendUp01Icon: React.FC<TrendUp01IconProps> = ({
+  size = 20,
+  color = "#000000",
+  fill = "none",
+  strokeWidth = 2,
+}) => (
+  <Svg width={size} height={size} viewBox="0 0 20 20" fill="none">
+    <Path
+      d="M18.3346 5.83337L11.7774 12.3906C11.4474 12.7206 11.2824 12.8856 11.0921 12.9474C10.9248 13.0018 10.7445 13.0018 10.5771 12.9474C10.3868 12.8856 10.2218 12.7206 9.89183 12.3906L7.61078 10.1095C7.28076 9.7795 7.11576 9.6145 6.92548 9.55267C6.75811 9.49829 6.57782 9.49829 6.41045 9.55267C6.22018 9.6145 6.05517 9.7795 5.72516 10.1095L1.66797 14.1667M18.3346 11.6667V5.83337H12.5013"
+      fill={fill}
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </Svg>
+);
+
+export { TrendUp01Icon };
+export default TrendUp01Icon;

package/src/icons/charts/TrendUp01Icon.web.tsx

@@ -0,0 +1,36 @@
+import React from "react";
+
+interface TrendUp01IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+  fill?: string;
+  strokeWidth?: number;
+}
+
+const TrendUp01Icon: React.FC<TrendUp01IconProps> = ({
+  size = 20,
+  color = "currentColor",
+  fill = "none",
+  strokeWidth = 2,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M18.3346 5.83337L11.7774 12.3906C11.4474 12.7206 11.2824 12.8856 11.0921 12.9474C10.9248 13.0018 10.7445 13.0018 10.5771 12.9474C10.3868 12.8856 10.2218 12.7206 9.89183 12.3906L7.61078 10.1095C7.28076 9.7795 7.11576 9.6145 6.92548 9.55267C6.75811 9.49829 6.57782 9.49829 6.41045 9.55267C6.22018 9.6145 6.05517 9.7795 5.72516 10.1095L1.66797 14.1667M18.3346 11.6667V5.83337H12.5013"
+      fill={fill}
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default TrendUp01Icon;

package/src/icons/charts/index.ts

@@ -1,3 +1,4 @@
 export { default as BarChart01Icon } from './BarChart01Icon';
 export { default as BarChart10Icon } from './BarChart10Icon';
 export { default as LineChart03UpIcon } from './LineChart03UpIcon';
+export { default as TrendUp01Icon } from './TrendUp01Icon';

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

@@ -0,0 +1,33 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+interface IconProps {
+  size?: number;
+  color?: string;
+  fill?: string;
+  strokeWidth?: number;
+}
+
+const MusicNote02Icon: React.FC<IconProps> = ({
+  size = 18,
+  color = "#000000",
+  fill = color,
+  strokeWidth = 2,
+}) => (
+  <Svg width={size} height={size} viewBox="0 0 14 14" fill="none">
+    <Path
+      d="M5.25 12.25C6.2165 12.25 7 11.4665 7 10.5C7 9.5335 6.2165 8.75 5.25 8.75C4.2835 8.75 3.5 9.5335 3.5 10.5C3.5 11.4665 4.2835 12.25 5.25 12.25Z"
+      fill={fill}
+    />
+    <Path
+      d="M7 10.5V3.26016C7 2.76012 7 2.5101 7.10532 2.35952C7.19728 2.22803 7.33934 2.14023 7.49807 2.11678C7.67985 2.08992 7.90348 2.20174 8.35073 2.42536L10.5 3.5M7 10.5C7 11.4665 6.2165 12.25 5.25 12.25C4.2835 12.25 3.5 11.4665 3.5 10.5C3.5 9.5335 4.2835 8.75 5.25 8.75C6.2165 8.75 7 9.5335 7 10.5Z"
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </Svg>
+);
+
+export { MusicNote02Icon };
+export default MusicNote02Icon;

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

@@ -0,0 +1,39 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+  fill?: string;
+  strokeWidth?: number;
+}
+
+const MusicNote02Icon: React.FC<IconProps> = ({
+  size = 18,
+  color = "currentColor",
+  fill = color,
+  strokeWidth = 2,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 14 14"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M5.25 12.25C6.2165 12.25 7 11.4665 7 10.5C7 9.5335 6.2165 8.75 5.25 8.75C4.2835 8.75 3.5 9.5335 3.5 10.5C3.5 11.4665 4.2835 12.25 5.25 12.25Z"
+      fill={fill}
+    />
+    <path
+      d="M7 10.5V3.26016C7 2.76012 7 2.5101 7.10532 2.35952C7.19728 2.22803 7.33934 2.14023 7.49807 2.11678C7.67985 2.08992 7.90348 2.20174 8.35073 2.42536L10.5 3.5M7 10.5C7 11.4665 6.2165 12.25 5.25 12.25C4.2835 12.25 3.5 11.4665 3.5 10.5C3.5 9.5335 4.2835 8.75 5.25 8.75C6.2165 8.75 7 9.5335 7 10.5Z"
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default MusicNote02Icon;

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

@@ -0,0 +1,30 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+type IconProps = {
+  size?: number;
+  color?: string;
+  fill?: string;
+  strokeWidth?: number;
+};
+
+const Share06Icon: React.FC<IconProps> = ({
+  size = 18,
+  color = "#000000",
+  fill = color,
+  strokeWidth = 1,
+}) => (
+  <Svg width={size} height={size} viewBox="0 0 18 18" fill="none">
+    <Path
+      d="M15.5935 9.45553C15.7766 9.29859 15.8682 9.22013 15.9017 9.12675C15.9311 9.0448 15.9311 8.95515 15.9017 8.8732C15.8682 8.77982 15.7766 8.70136 15.5935 8.54442L9.24047 3.09895C8.9253 2.82881 8.76772 2.69373 8.6343 2.69042C8.51835 2.68755 8.40759 2.73849 8.33432 2.8284C8.25 2.93185 8.25 3.1394 8.25 3.55451V6.77595C6.64899 7.05604 5.1837 7.86729 4.09478 9.08537C2.90762 10.4134 2.25093 12.1319 2.25 13.9132V14.3722C3.03701 13.4241 4.01963 12.6574 5.13057 12.1244C6.11002 11.6545 7.16881 11.3762 8.25 11.3029V14.4454C8.25 14.8605 8.25 15.0681 8.33432 15.1716C8.40759 15.2615 8.51835 15.3124 8.6343 15.3095C8.76772 15.3062 8.9253 15.1711 9.24047 14.901L15.5935 9.45553Z"
+      fill={fill}
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </Svg>
+);
+
+export { Share06Icon };
+export default Share06Icon;

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

@@ -0,0 +1,41 @@
+import React from "react";
+
+type IconProps = React.SVGProps<SVGSVGElement> & {
+  size?: number;
+  color?: string;
+  fill?: string;
+  strokeWidth?: number;
+  className?: string;
+};
+
+export const Share06Icon: React.FC<IconProps> = ({
+  size = 18,
+  color = "currentColor",
+  fill = color,
+  strokeWidth = 1,
+  className,
+  ...props
+}) => (
+  <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"
+    {...props}
+  >
+    <path
+      d="M15.5935 9.45553C15.7766 9.29859 15.8682 9.22013 15.9017 9.12675C15.9311 9.0448 15.9311 8.95515 15.9017 8.8732C15.8682 8.77982 15.7766 8.70136 15.5935 8.54442L9.24047 3.09895C8.9253 2.82881 8.76772 2.69373 8.6343 2.69042C8.51835 2.68755 8.40759 2.73849 8.33432 2.8284C8.25 2.93185 8.25 3.1394 8.25 3.55451V6.77595C6.64899 7.05604 5.1837 7.86729 4.09478 9.08537C2.90762 10.4134 2.25093 12.1319 2.25 13.9132V14.3722C3.03701 13.4241 4.01963 12.6574 5.13057 12.1244C6.11002 11.6545 7.16881 11.3762 8.25 11.3029V14.4454C8.25 14.8605 8.25 15.0681 8.33432 15.1716C8.40759 15.2615 8.51835 15.3124 8.6343 15.3095C8.76772 15.3062 8.9253 15.1711 9.24047 14.901L15.5935 9.45553Z"
+      fill={fill}
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default Share06Icon;

package/src/icons/general/index.ts

@@ -28,6 +28,7 @@ export { default as LandingUploadIcon } from './LandingUploadIcon';
 export { default as LayersThree01Icon } from './LayersThree01Icon';
 export { default as LyricsIcon } from './LyricsIcon';
 export { default as MoonIcon } from './MoonIcon';
+export { default as MusicNote02Icon } from './MusicNote02Icon';
 export { default as MusicNoteIcon } from './MusicNoteIcon';
 export { default as MusicNotePlusIcon } from './MusicNotePlusIcon';
 export { default as PinIcon } from './PinIcon';
@@ -35,6 +36,7 @@ export { default as QuestionCircleIcon } from './QuestionCircleIcon';
 export { default as Recording01Icon } from './Recordering01';
 export { default as Recording02Icon } from './Recording02';
 export { Share01Icon } from './Share01Icon';
+export { Share06Icon } from './Share06Icon';
 export { default as ShareIcon } from './ShareIcon';
 export { default as StarIcon } from './StarIcon';
 export { default as Star01Icon } from './Star01Icon';

package/src/icons/users/User02Icon.native.tsx

@@ -0,0 +1,38 @@
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+
+interface IconProps {
+  size?: number;
+  color?: string;
+  fill?: string;
+  strokeWidth?: number;
+}
+
+const User02Icon: React.FC<IconProps> = ({
+  size = 18,
+  color = "#000000",
+  fill = color,
+  strokeWidth = 2,
+}) => (
+  <Svg width={size} height={size} viewBox="0 0 14 14" fill="none">
+    <Path
+      d="M7.00008 8.75C5.15086 8.75 3.50637 9.64287 2.45941 11.0285C2.23407 11.3267 2.1214 11.4758 2.12509 11.6773C2.12793 11.833 2.2257 12.0294 2.34821 12.1256C2.50677 12.25 2.7265 12.25 3.16596 12.25H10.8342C11.2737 12.25 11.4934 12.25 11.6519 12.1256C11.7744 12.0294 11.8722 11.833 11.8751 11.6773C11.8787 11.4758 11.7661 11.3267 11.5407 11.0285C10.4938 9.64287 8.84929 8.75 7.00008 8.75Z"
+      fill={fill}
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <Path
+      d="M7.00008 7C8.44982 7 9.62508 5.82475 9.62508 4.375C9.62508 2.92525 8.44982 1.75 7.00008 1.75C5.55033 1.75 4.37508 2.92525 4.37508 4.375C4.37508 5.82475 5.55033 7 7.00008 7Z"
+      fill={fill}
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </Svg>
+);
+
+export { User02Icon };
+export default User02Icon;

package/src/icons/users/User02Icon.web.tsx

@@ -0,0 +1,44 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+  fill?: string;
+  strokeWidth?: number;
+}
+
+const User02Icon: React.FC<IconProps> = ({
+  size = 18,
+  color = "currentColor",
+  fill = color,
+  strokeWidth = 2,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 14 14"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M7.00008 8.75C5.15086 8.75 3.50637 9.64287 2.45941 11.0285C2.23407 11.3267 2.1214 11.4758 2.12509 11.6773C2.12793 11.833 2.2257 12.0294 2.34821 12.1256C2.50677 12.25 2.7265 12.25 3.16596 12.25H10.8342C11.2737 12.25 11.4934 12.25 11.6519 12.1256C11.7744 12.0294 11.8722 11.833 11.8751 11.6773C11.8787 11.4758 11.7661 11.3267 11.5407 11.0285C10.4938 9.64287 8.84929 8.75 7.00008 8.75Z"
+      fill={fill}
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M7.00008 7C8.44982 7 9.62508 5.82475 9.62508 4.375C9.62508 2.92525 8.44982 1.75 7.00008 1.75C5.55033 1.75 4.37508 2.92525 4.37508 4.375C4.37508 5.82475 5.55033 7 7.00008 7Z"
+      fill={fill}
+      stroke={color}
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+
+export default User02Icon;

package/src/icons/users/index.ts

@@ -1,4 +1,5 @@
 export { default as AccountIcon } from './AccountIcon';
+export { default as User02Icon } from './User02Icon';
 export { default as UserApproveIcon } from './UserApproveIcon';
 export { default as UserIcon } from './UserIcon';
 export { UserPlusIcon } from './UserPlusIcon';