@moises.ai/design-system 3.4.4 → 3.4.6

package/src/icons/MetronomeIcon.jsx

@@ -0,0 +1,23 @@
+export const MetronomeIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M21 17.625L21.668 17.2839C21.7219 17.3895 21.75 17.5064 21.75 17.625H21ZM3 17.625H2.25C2.25 17.5064 2.27812 17.3895 2.33205 17.2839L3 17.625ZM13.3359 2.61611L14.0039 2.27503L13.3359 2.61611ZM10.6641 2.61611L11.332 2.9572L10.6641 2.61611ZM22.3826 1.57416C22.6178 1.23317 23.0848 1.14739 23.4258 1.38255C23.7668 1.61771 23.8526 2.08477 23.6174 2.42576L22.3826 1.57416ZM22.5638 3.95346C22.3287 4.29444 21.8616 4.38023 21.5206 4.14507C21.1796 3.9099 21.0938 3.44284 21.329 3.10186L22.5638 3.95346ZM19.054 6.40091C19.2957 6.06457 19.7644 5.98788 20.1007 6.22964C20.437 6.47139 20.5137 6.94003 20.272 7.27638L19.054 6.40091ZM3.75 17.625V20H2.25V17.625H3.75ZM5 21.25H19V22.75H5V21.25ZM20.25 20V17.625H21.75V20H20.25ZM20.332 17.966L12.668 2.9572L14.0039 2.27503L21.668 17.2839L20.332 17.966ZM11.332 2.9572L3.66796 17.966L2.33205 17.2839L9.99614 2.27503L11.332 2.9572ZM12.668 2.9572C12.3895 2.41197 11.6105 2.41197 11.332 2.9572L9.99614 2.27503C10.8314 0.639363 13.1686 0.63936 14.0039 2.27503L12.668 2.9572ZM19 21.25C19.6904 21.25 20.25 20.6903 20.25 20H21.75C21.75 21.5187 20.5188 22.75 19 22.75V21.25ZM3.75 20C3.75 20.6903 4.30965 21.25 5 21.25V22.75C3.48122 22.75 2.25 21.5187 2.25 20H3.75ZM23.6174 2.42576L22.5638 3.95346L21.329 3.10186L22.3826 1.57416L23.6174 2.42576ZM20.272 7.27638L12.609 17.9377L11.391 17.0622L19.054 6.40091L20.272 7.27638ZM19.5867 5.17184C19.5867 5.84883 20.1355 6.39764 20.8125 6.39764V7.89764C19.3071 7.89764 18.0867 6.67726 18.0867 5.17184H19.5867ZM20.8125 6.39764C21.4895 6.39764 22.0383 5.84883 22.0383 5.17184H23.5383C23.5383 6.67726 22.3179 7.89764 20.8125 7.89764V6.39764ZM22.0383 5.17184C22.0383 4.49484 21.4895 3.94603 20.8125 3.94603V2.44603C22.3179 2.44603 23.5383 3.66641 23.5383 5.17184H22.0383ZM20.8125 3.94603C20.1355 3.94603 19.5867 4.49484 19.5867 5.17184H18.0867C18.0867 3.66641 19.3071 2.44603 20.8125 2.44603V3.94603ZM20.5 18.25L12 18.25V16.75L20.5 16.75L20.5 18.25ZM12 18.25L3.50001 18.25V16.75L12 16.75V18.25Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+
+MetronomeIcon.displayName = 'MetronomeIcon'

package/src/icons/Minimize2Icon.jsx

@@ -0,0 +1,26 @@
+export const Minimize2Icon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M20 14H14M14 14V20M14 14L22 22M4 10H10M10 10V4M10 10L2 2"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+Minimize2Icon.displayName = 'Minimize2Icon'

package/src/icons/MinimizeIcon.jsx

@@ -0,0 +1,26 @@
+export const MinimizeIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M4 14H10M10 14V20M10 14L2 22M20 10H14M14 10V4M14 10L22 2"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+MinimizeIcon.displayName = 'MinimizeIcon'

package/src/icons/Mixer2Icon.jsx

@@ -0,0 +1,25 @@
+export const Mixer2Icon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M5.75 7L2 7.00005M5.75 7C5.75 8.38071 6.86929 9.5 8.25 9.5C9.63071 9.5 10.75 8.38071 10.75 7C10.75 5.61929 9.63071 4.5 8.25 4.5C6.86929 4.5 5.75 5.61929 5.75 7ZM22 7.00005L14.125 7M22 17L20.2188 17M2 17L11.75 17M11.75 17C11.75 15.6193 12.8693 14.5 14.25 14.5C15.6307 14.5 16.75 15.6193 16.75 17C16.75 18.3807 15.6307 19.5 14.25 19.5C12.8693 19.5 11.75 18.3807 11.75 17Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+Mixer2Icon.displayName = 'Mixer2Icon'

package/src/icons/MixerIcon.jsx

@@ -0,0 +1,20 @@
+export const MixerIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M14.25 19L2 19M14.25 19C14.25 20.3807 15.3693 21.5 16.75 21.5C18.1307 21.5 19.25 20.3807 19.25 19C19.25 17.6193 18.1307 16.5 16.75 16.5C15.3693 16.5 14.25 17.6193 14.25 19ZM22 19L19.375 19M4.65625 12L2 12M22 12L9.78125 12M9.46875 5L2 5M22 5L14.5 5M14.5 5C14.5 3.61929 13.3807 2.5 12 2.5C10.6193 2.5 9.5 3.61929 9.5 5C9.5 6.38071 10.6193 7.5 12 7.5C13.3807 7.5 14.5 6.38071 14.5 5ZM7.25 9.5C8.63071 9.5 9.75 10.6193 9.75 12C9.75 13.3807 8.63071 14.5 7.25 14.5C5.86929 14.5 4.75 13.3807 4.75 12C4.75 10.6193 5.86929 9.5 7.25 9.5Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+MixerIcon.displayName = 'MixerIcon'

package/src/icons/MoisesIcon.jsx

@@ -0,0 +1,47 @@
+export const MoisesIcon = ({
+  width = 73,
+  height = 13,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 73 13"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M39.6096 8.69622C39.7492 10.0123 40.9348 12.2687 44.3773 12.2687C47.3772 12.2687 48.8188 10.3414 48.8188 8.46118C48.8188 6.76893 47.6798 5.3823 45.4234 4.91211L43.7957 4.55962C43.1675 4.4421 42.7491 4.08961 42.7491 3.52554C42.7491 2.86737 43.4001 2.37377 44.2142 2.37377C45.1561 2.37377 45.6724 2.82883 45.9214 3.3386H48.6747L48.6793 3.33738C48.5399 2.09174 47.4472 0 44.1906 0C41.726 0 39.9115 1.71571 39.9115 3.78398C39.9115 5.40577 40.9117 6.74541 43.1211 7.23901L44.6328 7.59156C45.5164 7.77954 45.8655 8.20268 45.8655 8.71975C45.8655 9.3308 45.3769 9.8714 44.3538 9.8714C43.3018 9.8714 42.6601 9.35684 42.3952 8.69554H39.6125L39.6096 8.69622Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M58.4556 8.69554C58.0041 9.24576 57.3211 9.58937 56.3311 9.58937C54.7957 9.58937 53.5165 8.48465 53.4471 6.95691H61.6332C61.6332 6.9487 61.6348 6.92754 61.6372 6.89584L61.6404 6.85269L61.6404 6.85174L61.6405 6.85124C61.6534 6.67911 61.6798 6.32947 61.6798 5.99324C61.6798 2.27978 59.5635 0 56.0285 0C53.098 0 50.4002 2.3973 50.4002 6.08729C50.4002 9.98886 53.1681 12.2687 56.3074 12.2687C59.0778 12.2687 60.8792 10.6517 61.4891 8.69554H58.4556ZM53.5165 4.81818C53.5867 3.76058 54.4703 2.5384 56.075 2.5384C57.8428 2.5384 58.5868 3.66653 58.6333 4.81818H53.5165Z"
+      fill="currentColor"
+    />
+    <path
+      d="M63.3872 8.69561H66.1704C66.4347 9.35691 67.0764 9.87147 68.1282 9.87153C69.152 9.87153 69.64 9.33093 69.64 8.71987C69.64 8.2028 69.2914 7.77967 68.4073 7.59169L66.8956 7.23913C64.6862 6.74553 63.6862 5.4059 63.6862 3.78411C63.6862 1.71585 65.5004 0.000130516 67.9658 0.000130516C71.2218 0.000130516 72.3149 2.09187 72.4545 3.33751L72.4492 3.33873H69.6959C69.4475 2.82896 68.9312 2.3739 67.9888 2.3739C67.1753 2.3739 66.5236 2.8675 66.5236 3.52567C66.5236 4.08973 66.9421 4.44223 67.5702 4.55975L69.1984 4.91224C71.4543 5.38243 72.5939 6.76906 72.5939 8.46131C72.5939 10.3415 71.1516 12.2688 68.1518 12.2688C64.7098 12.2688 63.5237 10.0125 63.384 8.69635L63.3872 8.69561Z"
+      fill="currentColor"
+    />
+    <path
+      d="M37.2744 0.000130516H34.1814V12.2688H37.2744V0.000130516Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M25.7393 0.000130516C22.3208 0.000130516 19.7389 2.562 19.7389 6.13442C19.7389 9.68336 22.3208 12.2688 25.7393 12.2688C29.1583 12.2688 31.7396 9.68336 31.7396 6.13442C31.7395 2.56194 29.1583 0.000130516 25.7393 0.000130516ZM25.7393 9.4248C24.2275 9.4248 22.8324 8.2968 22.8324 6.13442C22.8324 3.94863 24.2275 2.84397 25.7393 2.84397C27.251 2.84397 28.6467 3.94857 28.6467 6.13442C28.6467 8.32026 27.251 9.4248 25.7393 9.4248Z"
+      fill="currentColor"
+    />
+    <path
+      d="M3.09285 5.14723V12.2525H0V0.352519H1.54348C2.32236 0.352519 2.95339 0.983918 2.95339 1.76274C3.58155 0.634549 5.04678 0.0234929 6.30241 0.0234929C7.8606 0.0234929 9.11684 0.705071 9.69843 1.95077C10.605 0.540558 11.8147 0.0234929 13.3265 0.0234929C15.4427 0.0234929 17.4661 1.31619 17.4661 4.4186V12.2526H14.4662V5.05324C14.4662 3.8076 13.861 2.86745 12.4423 2.86745C11.1165 2.86745 10.326 3.90159 10.326 5.14723V12.2526H7.25598V5.05324C7.25598 3.8076 6.62844 2.86745 5.23275 2.86745C3.88405 2.86745 3.09285 3.87806 3.09285 5.14723Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+
+MoisesIcon.displayName = 'MoisesIcon'

package/src/icons/MoisesLogoIcon.jsx

@@ -0,0 +1,43 @@
+export const MoisesLogoIcon = ({
+  width = 41,
+  height = 26,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 33 18"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M12.38 8.6659C13.4148 9.44298 14.7003 9.90388 16.0939 9.90388C17.4876 9.90388 18.7731 9.44298 19.8079 8.6659C20.6287 8.04951 21.3832 7.11842 22.0969 6.09714C22.5711 5.41872 22.8964 4.96834 23.1153 4.67296C25.1359 1.84423 28.4466 0 32.1877 0V2.47597C29.2425 2.47597 26.6353 3.94484 25.0693 6.18993C24.9376 6.36674 24.776 6.60295 24.5921 6.87159C24.2718 7.33967 23.8839 7.90645 23.4702 8.42864C22.8462 9.21618 22.2758 9.78689 22.2758 9.78689C20.7034 11.3871 18.5143 12.3799 16.0939 12.3799C13.6736 12.3799 11.4845 11.3871 9.91206 9.78689C9.91206 9.78689 9.34166 9.21618 8.71765 8.42864C8.30386 7.90634 7.91611 7.33973 7.59575 6.87159C7.41191 6.60295 7.25026 6.36674 7.11861 6.18993C5.55256 3.94484 2.94536 2.47597 0.000194654 2.47597V0C3.74126 0 7.05201 1.84423 9.07258 4.67296C9.29152 4.96834 9.6168 5.41872 10.0909 6.09714C10.8046 7.11842 11.5591 8.04951 12.38 8.6659Z"
+      fill="currentColor"
+    />
+    <path
+      d="M16.0939 14.8558C19.3939 14.8558 22.3589 13.4212 24.3991 11.1418C24.3991 11.1418 24.7751 10.732 25.2036 10.1205C25.2895 9.99778 25.3812 9.8652 25.478 9.72526C26.0507 8.89688 26.8031 7.8088 27.6204 6.96485C28.7521 5.72804 30.3791 4.95194 32.1878 4.95188V7.42785C31.0879 7.42785 30.0993 7.90602 29.4197 8.66584C29.4197 8.66584 28.9588 9.18505 28.5667 9.78683C28.1746 10.3886 26.7665 12.3646 25.8262 13.2391C23.3542 15.7644 19.9071 17.3317 16.094 17.3317C12.281 17.3317 8.83365 15.7644 6.3617 13.2391C5.42139 12.3646 4.01324 10.3886 3.62117 9.78683C3.2291 9.18505 2.76821 8.66584 2.76821 8.66584C2.08861 7.90602 1.10002 7.42785 6.77057e-05 7.42785V4.95188C1.80876 4.95194 3.43579 5.72804 4.56743 6.96485C5.3848 7.8088 6.13713 8.89688 6.7099 9.72526C6.80666 9.8652 6.89833 9.99778 6.98429 10.1205C7.41275 10.732 7.78879 11.1418 7.78879 11.1418C9.82898 13.4212 12.794 14.8558 16.0939 14.8558Z"
+      fill="currentColor"
+    />
+    <path
+      d="M0.724719 10.1395C0.377286 9.90391 0 9.90391 0 9.90391L2.82107e-06 12.3799H2.53001C2.44348 12.24 2.2025 11.8912 1.91678 11.5071C1.85581 11.4251 1.79404 11.3388 1.73094 11.2505C1.44799 10.8548 1.13579 10.4182 0.724719 10.1395Z"
+      fill="currentColor"
+    />
+    <path
+      d="M7.51469 17.3319H2.82107e-06V14.8559H4.48126C5.38598 15.7986 6.40459 16.631 7.51469 17.3319Z"
+      fill="currentColor"
+    />
+    <path
+      d="M31.4632 10.1395C31.8106 9.90391 32.1879 9.90391 32.1879 9.90391L32.1879 12.3799H29.6579C29.7444 12.24 29.9854 11.8912 30.2711 11.5071C30.3321 11.4251 30.3938 11.3388 30.4569 11.2505C30.7399 10.8548 31.0521 10.4182 31.4632 10.1395Z"
+      fill="currentColor"
+    />
+    <path
+      d="M24.6732 17.3319H32.1879V14.8559H27.7066C26.8019 15.7986 25.7833 16.631 24.6732 17.3319Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+
+MoisesLogoIcon.displayName = 'MoisesLogoIcon'

package/src/icons/MoneyIcon.jsx

@@ -0,0 +1,20 @@
+export const MoneyIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M17.47 7.66542C16.7304 5.83271 15.1685 4 12.086 4C8.23295 4 7.18368 6.67991 7.18368 7.90748C7.18368 8.97944 7.50262 10.9479 11.8452 11.8668C16.0939 12.7659 17.2558 14.2474 17.0572 16.4659C16.9024 18.1949 15.1479 20.1313 12.1204 19.993C8.77569 19.8402 7.30409 18.0047 6.53003 16.9673M12 3.5V1M12 23V20.5"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+MoneyIcon.displayName = 'MoneyIcon'

package/src/icons/MonoIcon.jsx

@@ -0,0 +1,18 @@
+export const MonoIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M7.19508 9.82765C7.48993 10.1186 7.96479 10.1154 8.25572 9.82055C8.54664 9.52571 8.54347 9.05084 8.24862 8.75992L7.19508 9.82765ZM18.4948 7.97954C18.2019 7.68665 17.727 7.68665 17.4341 7.97954C17.1412 8.27243 17.1412 8.74731 17.4341 9.0402L18.4948 7.97954ZM21.5 12.0454L22.0303 12.5757C22.171 12.4351 22.25 12.2443 22.25 12.0454C22.25 11.8465 22.171 11.6557 22.0303 11.5151L21.5 12.0454ZM17.4341 15.0506C17.1412 15.3435 17.1412 15.8184 17.4341 16.1113C17.727 16.4042 18.2019 16.4042 18.4948 16.1113L17.4341 15.0506ZM12.9533 12.0526V11.3026V12.0526ZM8.73186 13.7888L9.25954 14.3218H9.25954L8.73186 13.7888ZM8.24862 8.75992L3.08616 3.66608L2.03262 4.73382L7.19508 9.82765L8.24862 8.75992ZM17.4341 9.0402L20.9697 12.5757L22.0303 11.5151L18.4948 7.97954L17.4341 9.0402ZM20.9697 11.5151L17.4341 15.0506L18.4948 16.1113L22.0303 12.5757L20.9697 11.5151ZM20.75 11.3026L12.9533 11.3026V12.8026L20.75 12.8026V11.3026ZM8.20419 13.2558L2.03174 19.3669L3.08709 20.4329L9.25954 14.3218L8.20419 13.2558ZM12.9533 11.3026C11.1747 11.3026 9.46807 12.0045 8.20419 13.2558L9.25954 14.3218C10.2426 13.3485 11.57 12.8026 12.9533 12.8026V11.3026Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+
+MonoIcon.displayName = 'MonoIcon'

package/src/icons/MoonIcon.jsx

@@ -0,0 +1,21 @@
+export const MoonIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M21 12.79C20.8427 14.4922 20.2039 16.1144 19.1583 17.4668C18.1127 18.8192 16.7035 19.8458 15.0957 20.4265C13.4879 21.0073 11.748 21.1181 10.0795 20.7461C8.41104 20.3741 6.88302 19.5345 5.67425 18.3258C4.46548 17.117 3.62596 15.589 3.25393 13.9205C2.8819 12.252 2.99274 10.5121 3.57348 8.9043C4.15423 7.29651 5.18085 5.88737 6.53324 4.84175C7.88562 3.79614 9.50782 3.15731 11.21 3C10.2134 4.34827 9.73387 6.00945 9.85856 7.68141C9.98324 9.35338 10.7039 10.9251 11.8894 12.1106C13.075 13.2961 14.6466 14.0168 16.3186 14.1415C17.9906 14.2662 19.6518 13.7866 21 12.79Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+MoonIcon.displayName = 'MoonIcon'

package/src/icons/More2Icon.jsx

@@ -0,0 +1,44 @@
+export const More2Icon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M13.2622 6.05877C13.2622 6.75582 12.6971 7.3209 12 7.3209C11.303 7.3209 10.7379 6.75582 10.7379 6.05877C10.7379 5.36171 11.303 4.79663 12 4.79663C12.6971 4.79663 13.2622 5.36171 13.2622 6.05877Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+    />
+    <path
+      d="M12.7499 6.05876C12.7499 6.47298 12.4141 6.80876 11.9999 6.80876C11.5857 6.80876 11.2499 6.47298 11.2499 6.05876C11.2499 5.64455 11.5857 5.30876 11.9999 5.30876C12.4141 5.30876 12.7499 5.64455 12.7499 6.05876Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+    />
+    <path
+      d="M13.2622 11.9999C13.2622 12.697 12.6971 13.2621 12 13.2621C11.303 13.2621 10.7379 12.697 10.7379 11.9999C10.7379 11.3029 11.303 10.7378 12 10.7378C12.6971 10.7378 13.2622 11.3029 13.2622 11.9999Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+    />
+    <path
+      d="M12.7499 11.9999C12.7499 12.4142 12.4141 12.7499 11.9999 12.7499C11.5857 12.7499 11.2499 12.4142 11.2499 11.9999C11.2499 11.5857 11.5857 11.2499 11.9999 11.2499C12.4141 11.2499 12.7499 11.5857 12.7499 11.9999Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+    />
+    <path
+      d="M13.2622 17.9411C13.2622 18.6382 12.6971 19.2033 12 19.2033C11.303 19.2033 10.7379 18.6382 10.7379 17.9411C10.7379 17.2441 11.303 16.679 12 16.679C12.6971 16.679 13.2622 17.2441 13.2622 17.9411Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+    />
+    <path
+      d="M12.7499 17.9411C12.7499 18.3553 12.4141 18.6911 11.9999 18.6911C11.5857 18.6911 11.2499 18.3553 11.2499 17.9411C11.2499 17.5269 11.5857 17.1911 11.9999 17.1911C12.4141 17.1911 12.7499 17.5269 12.7499 17.9411Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+    />
+  </svg>
+)
+
+More2Icon.displayName = 'More2Icon'

package/src/icons/MoreIcon.jsx

@@ -0,0 +1,51 @@
+export const MoreIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 16 16"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <g clipPath="url(#clip0_19372_24138)">
+      <path
+        d="M11.9613 8.84105C11.4966 8.84105 11.1199 8.46433 11.1199 7.99963C11.1199 7.53492 11.4966 7.1582 11.9613 7.1582C12.426 7.1582 12.8027 7.53492 12.8027 7.99963C12.8027 8.46433 12.426 8.84105 11.9613 8.84105Z"
+        stroke="currentColor"
+        strokeWidth="0.666667"
+      />
+      <path
+        d="M11.9613 8.49953C11.6852 8.49953 11.4613 8.27567 11.4613 7.99953C11.4613 7.72339 11.6852 7.49953 11.9613 7.49953C12.2375 7.49953 12.4613 7.72339 12.4613 7.99953C12.4613 8.27567 12.2375 8.49953 11.9613 8.49953Z"
+        stroke="currentColor"
+        strokeWidth="0.666667"
+      />
+      <path
+        d="M8.00053 8.84105C7.53582 8.84105 7.1591 8.46433 7.1591 7.99963C7.1591 7.53492 7.53582 7.1582 8.00053 7.1582C8.46523 7.1582 8.84195 7.53492 8.84195 7.99963C8.84195 8.46433 8.46523 8.84105 8.00053 8.84105Z"
+        stroke="currentColor"
+        strokeWidth="0.666667"
+      />
+      <path
+        d="M8.00053 8.49953C7.72438 8.49953 7.50053 8.27567 7.50053 7.99953C7.50053 7.72339 7.72438 7.49953 8.00053 7.49953C8.27667 7.49953 8.50053 7.72339 8.50053 7.99953C8.50053 8.27567 8.27667 8.49953 8.00053 8.49953Z"
+        stroke="currentColor"
+        strokeWidth="0.666667"
+      />
+      <path
+        d="M4.03974 8.84105C3.57504 8.84105 3.19832 8.46433 3.19832 7.99963C3.19832 7.53492 3.57504 7.1582 4.03974 7.1582C4.50445 7.1582 4.88116 7.53492 4.88116 7.99963C4.88116 8.46433 4.50445 8.84105 4.03974 8.84105Z"
+        stroke="currentColor"
+        strokeWidth="0.666667"
+      />
+      <path
+        d="M4.03974 8.49953C3.7636 8.49953 3.53974 8.27567 3.53974 7.99953C3.53974 7.72339 3.7636 7.49953 4.03974 7.49953C4.31588 7.49953 4.53974 7.72339 4.53974 7.99953C4.53974 8.27567 4.31588 8.49953 4.03974 8.49953Z"
+        stroke="currentColor"
+        strokeWidth="0.666667"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_19372_24138">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+MoreIcon.displayName = 'MoreIcon'

package/src/icons/MultipleUsersIcon.jsx

@@ -0,0 +1,26 @@
+export const MultipleUsersIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 22 21"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M4.75 9.25H3.75C2.09315 9.25 0.75 10.5931 0.75 12.25V12.75M16.25 9.25H17.75C19.4069 9.25 20.75 10.5931 20.75 12.25V12.75M4.75 19.75V19.25C4.75 17.5931 6.09315 16.25 7.75 16.25H12.75C14.4069 16.25 15.75 17.5931 15.75 19.25V19.75M8.75 3.41667C8.75 4.88943 7.55609 6.08333 6.08333 6.08333C4.61057 6.08333 3.41667 4.88943 3.41667 3.41667C3.41667 1.94391 4.61057 0.75 6.08333 0.75C7.55609 0.75 8.75 1.94391 8.75 3.41667ZM12.75 3.41667C12.75 4.88943 13.9439 6.08333 15.4167 6.08333C16.8894 6.08333 18.0833 4.88943 18.0833 3.41667C18.0833 1.94391 16.8894 0.75 15.4167 0.75C13.9439 0.75 12.75 1.94391 12.75 3.41667ZM7.75 10.4167C7.75 11.8894 8.94391 13.0833 10.4167 13.0833C11.8894 13.0833 13.0833 11.8894 13.0833 10.4167C13.0833 8.94391 11.8894 7.75 10.4167 7.75C8.94391 7.75 7.75 8.94391 7.75 10.4167Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+MultipleUsersIcon.displayName = 'MultipleUsersIcon'

package/src/icons/MusicAddIcon.jsx

@@ -0,0 +1,26 @@
+export const MusicAddIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M6.5 11.75V3.25M2.25 7.5H10.75M15.3389 16.1562V19.9193C15.3389 20.827 14.7276 21.6135 13.8499 21.8454L11.7009 22.4133C10.4323 22.7486 9.18994 21.7919 9.18994 20.4797V19.3213C9.18994 18.4135 9.80131 17.6196 10.6789 17.3877L15.3389 16.1562ZM15.3389 16.1562V3.45193C15.3389 6.99994 21 6.99994 21 12.9999"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeMiterlimit="10"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+MusicAddIcon.displayName = 'MusicAddIcon'

package/src/icons/MusicControlIcon.jsx

@@ -0,0 +1,23 @@
+export const MusicControlIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M5.36108 16.7829L5.89141 17.3132L5.36108 16.7829ZM1.67066 19.4126C1.37777 19.7055 1.37777 20.1804 1.67066 20.4733C1.96355 20.7662 2.43843 20.7662 2.73132 20.4733L1.67066 19.4126ZM6.37218 22.2514C5.95797 22.2514 5.62218 22.5872 5.62218 23.0014C5.62218 23.4157 5.95797 23.7514 6.37218 23.7514V22.2514ZM14.9142 22.6269L14.3839 22.0965L14.3839 22.0965L14.9142 22.6269ZM21.3128 16.2285L21.8431 16.7588L21.3128 16.2285ZM18.6872 13.6028L18.1569 13.0725L18.6872 13.6028ZM15.6777 15.5516C15.3848 15.8445 15.3848 16.3194 15.6777 16.6123C15.9706 16.9052 16.4455 16.9052 16.7384 16.6123L15.6777 15.5516ZM11 17.8078C10.5858 17.8078 10.25 18.1436 10.25 18.5578C10.25 18.972 10.5858 19.3078 11 19.3078V17.8078ZM21.3128 13.6028L21.8431 13.0725L21.3128 13.6028ZM8.69401 12.1883L8.50239 11.4632H8.50239L8.69401 12.1883ZM9.03448 12.0983L9.2261 12.8234L9.03448 12.0983ZM10.982 2.62081L10.7879 1.89637V1.89637L10.982 2.62081ZM15.7711 1.33737L15.577 0.612933V0.612933L15.7711 1.33737ZM15.8233 10.2789L15.6317 9.55379L15.6317 9.55379L15.8233 10.2789ZM15.481 10.3694L15.6726 11.0945L15.6726 11.0945L15.481 10.3694ZM14.7861 7.76436L14.9811 8.48856L14.7861 7.76436ZM8.00454 9.5793L8.19616 10.3044H8.19616L8.00454 9.5793ZM14.5268 14.8613H8.18951V16.3613H14.5268V14.8613ZM4.83075 16.2525L1.67066 19.4126L2.73132 20.4733L5.89141 17.3132L4.83075 16.2525ZM14.0106 23.7514C14.5292 23.7514 15.049 23.5527 15.4446 23.1572L14.3839 22.0965C14.2803 22.2001 14.1466 22.2514 14.0106 22.2514V23.7514ZM15.4445 23.1572L21.8431 16.7588L20.7825 15.6981L14.3839 22.0965L15.4445 23.1572ZM18.1569 13.0725L15.6777 15.5516L16.7384 16.6123L19.2175 14.1332L18.1569 13.0725ZM14.5268 17.8078H11V19.3078H14.5268V17.8078ZM21.8431 13.0725C20.8252 12.0546 19.1748 12.0546 18.1569 13.0725L19.2175 14.1332C19.6497 13.701 20.3503 13.701 20.7825 14.1332L21.8431 13.0725ZM21.8431 16.7588C22.8611 15.7409 22.8611 14.0904 21.8431 13.0725L20.7825 14.1332C21.2147 14.5653 21.2146 15.266 20.7825 15.6981L21.8431 16.7588ZM8.18951 14.8613C6.92973 14.8613 5.72155 15.3617 4.83075 16.2525L5.89141 17.3132C6.5009 16.7037 7.32755 16.3613 8.18951 16.3613V14.8613ZM15.25 17.0845C15.25 17.484 14.9262 17.8078 14.5268 17.8078V19.3078C15.7546 19.3078 16.75 18.3124 16.75 17.0845H15.25ZM14.5268 16.3613C14.9262 16.3613 15.25 16.6851 15.25 17.0845H16.75C16.75 15.8567 15.7546 14.8613 14.5268 14.8613V16.3613ZM8.88564 12.9134L9.2261 12.8234L8.84285 11.3732L8.50239 11.4632L8.88564 12.9134ZM10.9909 10.5316V8.9883H9.49091V10.5316H10.9909ZM10.9909 8.9883V3.58672H9.49091V8.9883H10.9909ZM11.1762 3.34524L15.9653 2.06181L15.577 0.612933L10.7879 1.89637L11.1762 3.34524ZM16.28 2.30328V7.16005H17.78V2.30328H16.28ZM16.28 7.16005V8.71197H17.78V7.16005H16.28ZM15.6317 9.55379L15.2894 9.64425L15.6726 11.0945L16.0149 11.004L15.6317 9.55379ZM14.9811 8.48856L17.225 7.88425L16.835 6.43585L14.591 7.04016L14.9811 8.48856ZM10.0493 8.26319L7.81291 8.8542L8.19616 10.3044L10.4325 9.7134L10.0493 8.26319ZM14.5386 9.06604C14.5386 8.79564 14.72 8.55887 14.9811 8.48856L14.591 7.04016C13.6751 7.28684 13.0386 8.11743 13.0386 9.06604H14.5386ZM15.2894 9.64425C14.91 9.74448 14.5386 9.45841 14.5386 9.06604H13.0386C13.0386 10.4425 14.3418 11.4461 15.6726 11.0945L15.2894 9.64425ZM16.28 8.71197C16.28 9.10718 16.0138 9.45283 15.6317 9.55379L16.0149 11.004C17.0553 10.7291 17.78 9.78803 17.78 8.71197H16.28ZM15.9653 2.06181C16.1241 2.01925 16.28 2.1389 16.28 2.30328H17.78C17.78 1.15258 16.6885 0.315066 15.577 0.612933L15.9653 2.06181ZM10.9909 3.58672C10.9909 3.47357 11.0669 3.37453 11.1762 3.34524L10.7879 1.89637C10.0229 2.10139 9.49091 2.79469 9.49091 3.58672H10.9909ZM9.2261 12.8234C10.2663 12.5485 10.9909 11.6076 10.9909 10.5316H9.49091C9.49091 10.9267 9.22482 11.2723 8.84285 11.3732L9.2261 12.8234ZM6.25 10.8838C6.25 12.2611 7.55401 13.2653 8.88564 12.9134L8.50239 11.4632C8.12225 11.5636 7.75 11.277 7.75 10.8838H6.25ZM7.75 10.8838C7.75 10.6118 7.93319 10.3739 8.19616 10.3044L7.81291 8.8542C6.89171 9.09764 6.25 9.93097 6.25 10.8838H7.75ZM6.37218 23.7514H14.0106V22.2514H6.37218V23.7514Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+
+MusicControlIcon.displayName = 'MusicControlIcon'

package/src/icons/MusicDevice2Icon.jsx

@@ -0,0 +1,23 @@
+export const MusicDevice2Icon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M19.75 1V0.25H18.25V1H19.75ZM5.75 1V0.25H4.25V1H5.75ZM14 8.75C14.4142 8.75 14.75 8.41421 14.75 8C14.75 7.58579 14.4142 7.25 14 7.25V8.75ZM10 7.25C9.58579 7.25 9.25 7.58579 9.25 8C9.25 8.41421 9.58579 8.75 10 8.75V7.25ZM14.4697 18.5303C14.7626 18.8232 15.2374 18.8232 15.5303 18.5303C15.8232 18.2374 15.8232 17.7626 15.5303 17.4697L14.4697 18.5303ZM12 15L12.5303 14.4697C12.2374 14.1768 11.7626 14.1768 11.4697 14.4697L12 15ZM8.46967 17.4697C8.17678 17.7626 8.17678 18.2374 8.46967 18.5303C8.76256 18.8232 9.23744 18.8232 9.53033 18.5303L8.46967 17.4697ZM12.75 16C12.75 15.5858 12.4142 15.25 12 15.25C11.5858 15.25 11.25 15.5858 11.25 16H12.75ZM11.25 23C11.25 23.4142 11.5858 23.75 12 23.75C12.4142 23.75 12.75 23.4142 12.75 23H11.25ZM18.25 1V9H19.75V1H18.25ZM17 10.25H7V11.75H17V10.25ZM5.75 9V1H4.25V9H5.75ZM7 10.25C6.30964 10.25 5.75 9.69036 5.75 9H4.25C4.25 10.5188 5.48122 11.75 7 11.75V10.25ZM18.25 9C18.25 9.69036 17.6904 10.25 17 10.25V11.75C18.5188 11.75 19.75 10.5188 19.75 9H18.25ZM14 7.25H10V8.75H14V7.25ZM15.5303 17.4697L12.5303 14.4697L11.4697 15.5303L14.4697 18.5303L15.5303 17.4697ZM11.4697 14.4697L8.46967 17.4697L9.53033 18.5303L12.5303 15.5303L11.4697 14.4697ZM11.25 16V23H12.75V16H11.25Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+
+MusicDevice2Icon.displayName = 'MusicDevice2Icon'

package/src/icons/MusicDeviceIcon.jsx

@@ -0,0 +1,25 @@
+export const MusicDeviceIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M10.5947 14.3954V14.631C10.5947 15.2198 10.1981 15.7348 9.6288 15.8853L8.74931 16.1177C8.37073 16.2178 8 15.9323 8 15.5407C8 15.2698 8.18244 15.0329 8.44433 14.9637L10.5947 14.3954ZM10.5947 14.3954V9.22392C10.5947 8.77133 10.8986 8.37516 11.3358 8.258L14.7711 7.33736C15.4063 7.16715 16.03 7.64574 16.03 8.30328V12.9317M16.03 12.9317V13.1742C16.03 13.7631 15.6333 14.2782 15.0639 14.4287L14.1819 14.6617C13.8045 14.7615 13.4349 14.4769 13.4349 14.0865C13.4349 13.8175 13.6154 13.582 13.8752 13.512L16.03 12.9317ZM9.75 2.25H14.25M7 23H17C18.1046 23 19 22.1046 19 21V3C19 1.89543 18.1046 1 17 1H7C5.89543 1 5 1.89543 5 3V21C5 22.1046 5.89543 23 7 23Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+MusicDeviceIcon.displayName = 'MusicDeviceIcon'

package/src/icons/MusicIcon.jsx

@@ -0,0 +1,26 @@
+export const MusicIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 16 16"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <g clipPath="url(#clip0_23974_2573)">
+      <path
+        d="M5.56027 10.1048V12.6086C5.56027 13.2138 5.15269 13.743 4.5676 13.8977L3.13494 14.2763C2.28917 14.4998 1.46094 13.862 1.46094 12.9872V12.2149C1.46094 11.6097 1.86851 11.0804 2.45361 10.9258L5.56027 10.1048ZM5.56027 10.1048V3.48019C5.56027 3.17846 5.76292 2.91435 6.05437 2.83624L13.3084 0.892231C13.7318 0.778757 14.1476 1.09781 14.1476 1.53617V7.79232M14.1476 7.79232V10.3072C14.1476 10.9124 13.74 11.4417 13.1549 11.5963L11.7216 11.975C10.8758 12.1985 10.0476 11.5607 10.0476 10.6859V9.91825C10.0476 9.3154 10.4521 8.78755 11.0342 8.63079L14.1476 7.79232Z"
+        stroke="currentColor"
+        strokeMiterlimit="10"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_23974_2573">
+        <rect width={width} height={height} fill="currentColor" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+MusicIcon.displayName = 'MusicIcon'

package/src/icons/MusicListIcon.jsx

@@ -0,0 +1,26 @@
+export const MusicListIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M1.75 3.25H11.25M1.75 8.25H11.25M1.75 13.25H7.25M15.3389 16.1562V19.9193C15.3389 20.827 14.7276 21.6135 13.8499 21.8454L11.7009 22.4133C10.4323 22.7486 9.18994 21.7919 9.18994 20.4797V19.3213C9.18994 18.4135 9.80131 17.6196 10.6789 17.3877L15.3389 16.1562ZM15.3389 16.1562C15.3389 11.1949 15.3389 8.41325 15.3389 3.45193C15.3389 6.99994 21 6.99994 21 12.9999"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeMiterlimit="10"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+MusicListIcon.displayName = 'MusicListIcon'

package/src/icons/MusicLoverIcon.jsx

@@ -0,0 +1,23 @@
+export const MusicLoverIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M11.6039 5.07923L11.0652 5.60106L11.0654 5.60131L11.6039 5.07923ZM9.74294 4.28357V5.03357V4.28357ZM7.88197 5.07923L8.42056 5.60118L8.42068 5.60106L7.88197 5.07923ZM7.37487 5.6025L6.83629 6.12444C6.97756 6.27021 7.17188 6.3525 7.37487 6.3525C7.57786 6.3525 7.77219 6.27021 7.91345 6.12444L7.37487 5.6025ZM6.86777 5.07923L7.40635 4.55729L6.86777 5.07923ZM3.14584 8.91977L2.60726 9.44172L3.14584 8.91977ZM7.37487 13.2836L6.83629 13.8055C6.97756 13.9513 7.17188 14.0336 7.37487 14.0336C7.57786 14.0336 7.77219 13.9513 7.91345 13.8055L7.37487 13.2836ZM11.6039 8.91977L11.0654 8.3977L11.0653 8.39782L11.6039 8.91977ZM12.5759 21.447L12.3843 20.7219H12.3843L12.5759 21.447ZM14.7249 20.8791L14.9166 21.6042L14.7249 20.8791ZM16.2139 2.4856L16.9566 2.38094L15.4639 2.4856H16.2139ZM21.125 12.0336C21.125 12.4478 21.4608 12.7836 21.875 12.7836C22.2892 12.7836 22.625 12.4478 22.625 12.0336H21.125ZM11.5539 16.4213L11.7456 17.1464L11.5539 16.4213ZM12.1426 4.55741C11.8297 4.23442 11.457 3.9769 11.045 3.80075L10.4553 5.17997C10.6819 5.27687 10.8894 5.41955 11.0652 5.60106L12.1426 4.55741ZM11.045 3.80075C10.6329 3.62458 10.1904 3.53357 9.74294 3.53357V5.03357C9.98673 5.03357 10.2287 5.0831 10.4553 5.17997L11.045 3.80075ZM9.74294 3.53357C9.29546 3.53357 8.85295 3.62457 8.4409 3.80075L9.03059 5.17997C9.25716 5.0831 9.49915 5.03357 9.74294 5.03357V3.53357ZM8.4409 3.80075C8.0289 3.9769 7.65614 4.23442 7.34327 4.55741L8.42068 5.60106C8.59649 5.41955 8.80396 5.27687 9.03059 5.17997L8.4409 3.80075ZM7.34339 4.55729L6.83629 5.08055L7.91345 6.12444L8.42056 5.60118L7.34339 4.55729ZM7.91345 5.08055L7.40635 4.55729L6.32919 5.60118L6.83629 6.12444L7.91345 5.08055ZM7.40635 4.55729C6.77408 3.90487 5.91144 3.53383 5.0068 3.53383V5.03383C5.49816 5.03383 5.97434 5.23503 6.32919 5.60118L7.40635 4.55729ZM5.0068 3.53383C4.10217 3.53383 3.23952 3.90487 2.60726 4.55729L3.68442 5.60118C4.03927 5.23503 4.51545 5.03383 5.0068 5.03383V3.53383ZM2.60726 4.55729C1.97576 5.2089 1.625 6.08781 1.625 6.9995H3.125C3.125 6.47072 3.32879 5.96814 3.68442 5.60118L2.60726 4.55729ZM1.625 6.9995C1.625 7.9112 1.97576 8.7901 2.60726 9.44172L3.68442 8.39782C3.32879 8.03087 3.125 7.52829 3.125 6.9995H1.625ZM12.1424 9.44185C12.4553 9.11905 12.7024 8.73706 12.8706 8.31827L11.4786 7.75932C11.3822 7.99951 11.2414 8.21623 11.0654 8.3977L12.1424 9.44185ZM12.8706 8.31827C13.0387 7.89952 13.125 7.45147 13.125 6.9995H11.625C11.625 7.26084 11.5751 7.5191 11.4786 7.75932L12.8706 8.31827ZM13.125 6.9995C13.125 6.54754 13.0387 6.09948 12.8706 5.68074L11.4786 6.23969C11.5751 6.47991 11.625 6.73817 11.625 6.9995H13.125ZM12.8706 5.68074C12.7024 5.26195 12.4553 4.87996 12.1424 4.55716L11.0654 5.60131C11.2414 5.78277 11.3822 5.9995 11.4786 6.23969L12.8706 5.68074ZM9.31494 18.355V19.5134H10.8149V18.355H9.31494ZM12.7676 22.1721L14.9166 21.6042L14.5333 20.154L12.3843 20.7219L12.7676 22.1721ZM16.9639 18.9529V15.1898H15.4639V18.9529H16.9639ZM16.9639 15.1898V2.4856H15.4639V15.1898H16.9639ZM15.4713 2.59025C15.6242 3.67564 16.1388 4.47671 16.7616 5.14276C17.3466 5.76841 18.1229 6.36174 18.7358 6.9025C19.3856 7.47585 19.972 8.08149 20.4027 8.86922C20.829 9.64887 21.125 10.6484 21.125 12.0336H22.625C22.625 10.4188 22.2758 9.16832 21.7188 8.14959C21.1662 7.13896 20.4311 6.39785 19.7282 5.7777C18.9883 5.12496 18.3806 4.67805 17.8573 4.11831C17.3717 3.59899 17.0536 3.06956 16.9566 2.38094L15.4713 2.59025ZM16.0223 14.4647L11.3623 15.6962L11.7456 17.1464L16.4056 15.9149L16.0223 14.4647ZM14.9166 21.6042C16.1201 21.2862 16.9639 20.2044 16.9639 18.9529H15.4639C15.4639 19.5169 15.0851 20.0082 14.5333 20.154L14.9166 21.6042ZM9.31494 19.5134C9.31494 21.3177 11.0232 22.6331 12.7676 22.1721L12.3843 20.7219C11.5914 20.9314 10.8149 20.3335 10.8149 19.5134H9.31494ZM10.8149 18.355C10.8149 17.7876 11.197 17.2914 11.7456 17.1464L11.3623 15.6962C10.1556 16.0151 9.31494 17.1068 9.31494 18.355H10.8149ZM2.60726 9.44172L6.83629 13.8055L7.91345 12.7616L3.68442 8.39782L2.60726 9.44172ZM7.91345 13.8055L12.1425 9.44172L11.0653 8.39782L6.83629 12.7616L7.91345 13.8055Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+
+MusicLoverIcon.displayName = 'MusicLoverIcon'

package/src/icons/MusicNoteIcon.jsx

@@ -0,0 +1,21 @@
+export const MusicNoteIcon = ({ width, height, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M11.3389 15.1561V18.9192C11.3389 19.827 10.7276 20.6135 9.84994 20.8454L7.70094 21.4133C6.43228 21.7486 5.18994 20.7919 5.18994 19.4797V18.3213C5.18994 17.4135 5.80131 16.6196 6.67894 16.3876L11.3389 15.1561ZM11.3389 15.1561V2.4519C11.3389 5.99992 17 5.99991 17 11.9999"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeMiterlimit="10"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+MusicNoteIcon.displayName = 'MusicNoteIcon'