@moises.ai/design-system 3.4.5 → 3.5.0

package/src/icons/FileNewIcon.jsx

@@ -0,0 +1,26 @@
+export const FileNewIcon = ({
+  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 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8M14 2L20 8M14 2V8H20M12 17V11M9 14H15"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+FileNewIcon.displayName = 'FileNewIcon'

package/src/icons/Filter2Icon.jsx

@@ -0,0 +1,26 @@
+export const Filter2Icon = ({
+  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.25 6H19.75M10.75 18H13.25M7.75 12H16.25"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+Filter2Icon.displayName = 'Filter2Icon'

package/src/icons/FilterIcon.jsx

@@ -0,0 +1,26 @@
+export const FilterIcon = ({
+  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.7778 19C13.7778 19.5523 13.3301 20 12.7778 20L11.2222 20C10.6699 20 10.2222 19.5523 10.2222 19L10.2222 13.7778L4.76623 6.3912C4.03484 5.40101 4.74176 4 5.97278 4L18.0272 4C19.2582 4 19.9652 5.40101 19.2338 6.3912L13.7778 13.7778L13.7778 19Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+FilterIcon.displayName = 'FilterIcon'

package/src/icons/FireIcon.jsx

@@ -0,0 +1,21 @@
+export const FireIcon = ({ 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.58871 20.9133C3.70167 18.5484 3.32807 15.083 4.56241 12.6147C5.58871 10.5624 7.55499 9.07868 8.15614 8.86176C7.16549 10.2463 7.26165 12.5396 7.90626 13.7471C8.55086 14.9546 9.87781 15.925 11.5624 15.4941C14.2812 14.5882 14.5 11.3206 12.8436 9.28235C11.135 7.17993 9.81232 4.20294 11.0962 1C11.4732 2.90701 13.3674 4.41528 14.6075 5.40276C14.798 5.55448 14.9731 5.6939 15.1249 5.82059C20.125 9.99412 20.5139 14.8396 20.1183 17.2006C19.7227 19.5615 18.6563 21.7706 16.5 23C16.6429 21.1868 16.2501 19.6562 15.1876 18.375C13.7501 21.75 11.8352 23.0028 9.71894 23C8.13334 22.9979 6.66673 22.2643 5.58871 20.9133Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+FireIcon.displayName = 'FireIcon'

package/src/icons/FlagIcon.jsx

@@ -0,0 +1,21 @@
+export const FlagIcon = ({ 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 15C4 15 5 14 8 14C11 14 13 16 16 16C19 16 20 15 20 15V3C20 3 19 4 16 4C13 4 11 2 8 2C5 2 4 3 4 3V15ZM4 15V22"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+FlagIcon.displayName = 'FlagIcon'

package/src/icons/FlashGradientIcon.jsx

@@ -0,0 +1,39 @@
+export const FlashGradientIcon = ({
+  width = 44,
+  height = 78,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 44 78"
+    fill="none"
+    {...props}
+    className={className}
+  >
+    <path
+      d="M35.6045 2.33398L23.2623 34.3256H42L7.27349 75.6673L20.0084 42.478H2L35.6045 2.33398Z"
+      stroke="url(#paint0_linear_32092_10544)"
+      strokeWidth="4"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <defs>
+      <linearGradient
+        id="paint0_linear_32092_10544"
+        x1="37"
+        y1="15.8548"
+        x2="-6.80896"
+        y2="38.1305"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#0AFFA7" />
+        <stop offset="1" stopColor="#00DAE8" />
+      </linearGradient>
+    </defs>
+  </svg>
+)
+
+FlashGradientIcon.displayName = 'FlashGradientIcon'

package/src/icons/FlashIcon.jsx

@@ -0,0 +1,21 @@
+export const FlashIcon = ({ 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="M16.0813 1L12.3787 10.5975H18L7.58205 23L11.4025 13.0432H6L16.0813 1Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+FlashIcon.displayName = 'FlashIcon'

package/src/icons/FlatAndSharpIcon.jsx

@@ -0,0 +1,25 @@
+export const FlatAndSharpIcon = ({
+  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="M2 16.9845L5.85173 15.477C7.16341 14.9637 8.58065 15.9556 8.58065 17.3641C8.58065 19.0738 7.49405 20.6185 5.87659 21.1724L2 22.5V16.9845ZM2 16.9845V7.74377M15.3648 2.7571V5.97519M15.3648 5.97519V10.058M15.3648 5.97519L12.34 7.15342M15.3648 5.97519L19.1361 4.5062M15.3648 10.058V13.1282M15.3648 10.058L12.34 11.2362M15.3648 10.058L19.1361 8.58901M19.1361 1.5V4.5062M19.1361 4.5062V8.58901M19.1361 4.5062L22.0038 3.38917M19.1361 8.58901V11.8711M19.1361 8.58901L22.0038 7.47199"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+FlatAndSharpIcon.displayName = 'FlatAndSharpIcon'

package/src/icons/FlatIcon.jsx

@@ -0,0 +1,20 @@
+export const FlatIcon = ({ 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="M8.1341 2.74377V14.7759M8.1341 14.7759L13.137 12.8179C14.4487 12.3046 15.8659 13.2718 15.8659 14.6804V15.7502C15.8659 17.4598 14.7793 18.9805 13.1618 19.5344L8.1341 21.2562V14.7759Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+FlatIcon.displayName = 'FlatIcon'

package/src/icons/FolderIcon.jsx

@@ -0,0 +1,32 @@
+export const FolderIcon = ({
+  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_27817_55873)">
+      <path
+        d="M14.6673 12.6667C14.6673 13.0203 14.5268 13.3594 14.2768 13.6095C14.0267 13.8595 13.6876 14 13.334 14H2.66732C2.3137 14 1.97456 13.8595 1.72451 13.6095C1.47446 13.3594 1.33398 13.0203 1.33398 12.6667V3.33333C1.33398 2.97971 1.47446 2.64057 1.72451 2.39052C1.97456 2.14048 2.3137 2 2.66732 2H6.00065L7.33398 4H13.334C13.6876 4 14.0267 4.14048 14.2768 4.39052C14.5268 4.64057 14.6673 4.97971 14.6673 5.33333V12.6667Z"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_27817_55873">
+        <rect width="16" height="16" fill="currentColor" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+FolderIcon.displayName = 'FolderIcon'

package/src/icons/FolderPlusIcon.jsx

@@ -0,0 +1,26 @@
+export const FolderPlusIcon = ({
+  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="M12 10.5V16.5M9 13.5H15M22 19C22 19.5304 21.7893 20.0391 21.4142 20.4142C21.0391 20.7893 20.5304 21 20 21H4C3.46957 21 2.96086 20.7893 2.58579 20.4142C2.21071 20.0391 2 19.5304 2 19V5C2 4.46957 2.21071 3.96086 2.58579 3.58579C2.96086 3.21071 3.46957 3 4 3H9L11 6H20C20.5304 6 21.0391 6.21071 21.4142 6.58579C21.7893 6.96086 22 7.46957 22 8V19Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+FolderPlusIcon.displayName = 'FolderPlusIcon'

package/src/icons/ForwardIcon.jsx

@@ -0,0 +1,18 @@
+export const ForwardIcon = ({ width, height, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 20 20"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M9.30172 8.90271V4.97574C9.30172 4.59084 9.71839 4.35028 10.0517 4.54273L18.7501 9.56475C19.0835 9.7572 19.0835 10.2383 18.7501 10.4308L10.0517 15.4528C9.71839 15.6452 9.30172 15.4047 9.30172 15.0198V11.0928L1.75 15.4528C1.41667 15.6452 1 15.4047 1 15.0198V4.97574C1 4.59084 1.41667 4.35027 1.75 4.54272L9.30172 8.90271Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+
+ForwardIcon.displayName = 'ForwardIcon'

package/src/icons/GiftIcon.jsx

@@ -0,0 +1,21 @@
+export const GiftIcon = ({ 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 12V22H4V12M12 22V7M12 7H7.5C6.83696 7 6.20107 6.73661 5.73223 6.26777C5.26339 5.79893 5 5.16304 5 4.5C5 3.83696 5.26339 3.20107 5.73223 2.73223C6.20107 2.26339 6.83696 2 7.5 2C11 2 12 7 12 7ZM12 7H16.5C17.163 7 17.7989 6.73661 18.2678 6.26777C18.7366 5.79893 19 5.16304 19 4.5C19 3.83696 18.7366 3.20107 18.2678 2.73223C17.7989 2.26339 17.163 2 16.5 2C13 2 12 7 12 7ZM2 7H22V12H2V7Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+GiftIcon.displayName = 'GiftIcon'

package/src/icons/GlobeIcon.jsx

@@ -0,0 +1,22 @@
+export const GlobeIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 12 12"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M11 6C11 8.76142 8.76142 11 6 11M11 6C11 3.23858 8.76142 1 6 1M11 6H1M6 11C3.23858 11 1 8.76142 1 6M6 11C7.25064 9.63082 7.96138 7.85398 8 6C7.96138 4.14602 7.25064 2.36918 6 1M6 11C4.74936 9.63082 4.03862 7.85398 4 6C4.03862 4.14602 4.74936 2.36918 6 1M1 6C1 3.23858 3.23858 1 6 1"
+      stroke="currentColor"
+      strokeOpacity="0.482353"
+      strokeWidth="0.75"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+GlobeIcon.displayName = 'GlobeIcon'

package/src/icons/GoalsIcon.jsx

@@ -0,0 +1,25 @@
+export const GoalsIcon = ({ 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}
+  >
+    <g clipPath="url(#clip0_2034_958)">
+      <path
+        d="M12 9.5V8.75V9.5ZM9.5 12H8.75H9.5ZM12 14.5V13.75V14.5ZM14.5 12H13.75H14.5ZM2 12H1.25H2ZM12 22V22.75V22ZM22 12H21.25H22ZM12 2V2.75V2ZM3.73683 7.83796C3.92348 7.46818 3.77502 7.01711 3.40525 6.83046C3.03547 6.64381 2.5844 6.79227 2.39775 7.16204L3.73683 7.83796ZM6 12H5.25H6ZM12 18V18.75V18ZM18 12H17.25H18ZM16.1807 7.69632L15.6581 8.23423V8.23423L16.1807 7.69632ZM12 6V5.25V6ZM6.91535 10.6869C7.0186 10.2858 6.77711 9.87692 6.37597 9.77367C5.97483 9.67043 5.56594 9.91192 5.4627 10.3131L6.91535 10.6869ZM11.4697 12.5303C11.7626 12.8232 12.2374 12.8232 12.5303 12.5303C12.8232 12.2374 12.8232 11.7626 12.5303 11.4697L11.4697 12.5303ZM4 4V4.75H4.75V4H4ZM4.75 1C4.75 0.585786 4.41421 0.25 4 0.25C3.58579 0.25 3.25 0.585786 3.25 1L4.75 1ZM1 3.25C0.585786 3.25 0.25 3.58579 0.25 4C0.25 4.41421 0.585786 4.75 1 4.75L1 3.25ZM12 8.75C10.2051 8.75 8.75 10.2051 8.75 12H10.25C10.25 11.0335 11.0335 10.25 12 10.25V8.75ZM8.75 12C8.75 13.7949 10.2051 15.25 12 15.25V13.75C11.0335 13.75 10.25 12.9665 10.25 12H8.75ZM12 15.25C13.7949 15.25 15.25 13.7949 15.25 12H13.75C13.75 12.9665 12.9665 13.75 12 13.75V15.25ZM15.25 12C15.25 10.2051 13.7949 8.75 12 8.75V10.25C12.9665 10.25 13.75 11.0335 13.75 12H15.25ZM1.25 12C1.25 17.9371 6.06294 22.75 12 22.75V21.25C6.89136 21.25 2.75 17.1086 2.75 12H1.25ZM12 22.75C17.9371 22.75 22.75 17.9371 22.75 12H21.25C21.25 17.1086 17.1086 21.25 12 21.25V22.75ZM22.75 12C22.75 6.06294 17.9371 1.25 12 1.25V2.75C17.1086 2.75 21.25 6.89137 21.25 12H22.75ZM2.39775 7.16204C1.66333 8.61705 1.25 10.2613 1.25 12H2.75C2.75 10.5014 3.10579 9.08814 3.73683 7.83796L2.39775 7.16204ZM12 1.25C9.07039 1.25 6.41323 2.42288 4.47497 4.32299L5.52503 5.39414C7.19427 3.75776 9.4787 2.75 12 2.75V1.25ZM5.25 12C5.25 15.7279 8.27208 18.75 12 18.75V17.25C9.1005 17.25 6.75 14.8995 6.75 12H5.25ZM12 18.75C15.7279 18.75 18.75 15.7279 18.75 12H17.25C17.25 14.8995 14.8995 17.25 12 17.25V18.75ZM18.75 12C18.75 10.101 17.9648 8.38405 16.7033 7.1584L15.6581 8.23423C16.6409 9.1891 17.25 10.5228 17.25 12H18.75ZM16.7033 7.1584C15.4885 5.97803 13.8285 5.25 12 5.25V6.75C13.4227 6.75 14.7119 7.31488 15.6581 8.23423L16.7033 7.1584ZM5.4627 10.3131C5.32371 10.853 5.25 11.4185 5.25 12H6.75C6.75 11.5456 6.80754 11.1058 6.91535 10.6869L5.4627 10.3131ZM12 5.25C10.1184 5.25 8.4154 6.02091 7.19209 7.26223L8.26047 8.31511C9.21346 7.34809 10.5362 6.75 12 6.75V5.25ZM12.5303 11.4697L4.03033 2.96967L2.96967 4.03033L11.4697 12.5303L12.5303 11.4697ZM4.75 4L4.75 1L3.25 1L3.25 4H4.75ZM1 4.75L4 4.75V3.25L1 3.25L1 4.75Z"
+        fill="currentColor"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_2034_958">
+        <rect width="24" height="24" fill="currentColor" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+GoalsIcon.displayName = 'GoalsIcon'

package/src/icons/GraphIcon.jsx

@@ -0,0 +1,21 @@
+export const GraphIcon = ({ 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="M22.1751 12H18L15 21L9 3L6 12H2"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+GraphIcon.displayName = 'GraphIcon'

package/src/icons/GuitarAmpIcon.jsx

@@ -0,0 +1,41 @@
+export const GuitarAmpIcon = ({
+  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 8C6 8.55228 5.55228 9 5 9C4.44772 9 4 8.55228 4 8C4 7.44772 4.44772 7 5 7C5.55228 7 6 7.44772 6 8Z"
+      fill="currentColor"
+    />
+    <path
+      d="M9 8C9 8.55228 8.55228 9 8 9C7.44772 9 7 8.55228 7 8C7 7.44772 7.44772 7 8 7C8.55228 7 9 7.44772 9 8Z"
+      fill="currentColor"
+    />
+    <path
+      d="M12 8C12 8.55228 11.5523 9 11 9C10.4477 9 10 8.55228 10 8C10 7.44772 10.4477 7 11 7C11.5523 7 12 7.44772 12 8Z"
+      fill="currentColor"
+    />
+    <path
+      d="M18 7.5C18 7.22386 18.2239 7 18.5 7H19.5C19.7761 7 20 7.22386 20 7.5V8.5C20 8.77614 19.7761 9 19.5 9H18.5C18.2239 9 18 8.77614 18 8.5V7.5Z"
+      fill="currentColor"
+    />
+    <path
+      d="M17 3C15.6154 3 14.0769 2 12 2C9.92308 2 9.07692 2.99997 7 3M2 11H22M3 21L6 18M6 18L9 15M6 18L9 21L12 18M6 18L3 15L6 12L9 15M9 15L12 12L15 15M9 15L12 18M21 21L18 18M18 18L15 15M18 18L15 21L12 18M18 18L21 15L18 12L15 15M15 15L12 18M3 22H21C21.5523 22 22 21.5523 22 21V6C22 5.44772 21.5523 5 21 5H3C2.44772 5 2 5.44772 2 6V21C2 21.5523 2.44772 22 3 22Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+GuitarAmpIcon.displayName = 'GuitarAmpIcon'

package/src/icons/HamburgerMenu2Icon.jsx

@@ -0,0 +1,26 @@
+export const HamburgerMenu2Icon = ({
+  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="M2.75 7.25H21.25M2.75 15.25H21.25"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+HamburgerMenu2Icon.displayName = 'HamburgerMenu2Icon'

package/src/icons/HamburgerMenu3Icon.jsx

@@ -0,0 +1,26 @@
+export const HamburgerMenu3Icon = ({
+  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="M2.75 6H21.25M2.75 12H21.25M2.75 18H21.25"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+HamburgerMenu3Icon.displayName = 'HamburgerMenu3Icon'

package/src/icons/HandbagIcon.jsx

@@ -0,0 +1,26 @@
+export const HandbagIcon = ({
+  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="M8 8V7.16667C8 6.0616 8.42143 5.00179 9.17157 4.22039C9.92172 3.43899 10.9391 3 12 3C13.0609 3 14.0783 3.43899 14.8284 4.22039C15.5786 5.00179 16 6.0616 16 7.16667V8M19.8548 8H4.14517C3.95605 7.99998 3.77344 8.06867 3.63173 8.19314C3.49002 8.31761 3.39898 8.48927 3.37575 8.67581L2.00522 20.1464C1.99254 20.254 2.00302 20.3631 2.03597 20.4664C2.06892 20.5697 2.12358 20.6648 2.19634 20.7456C2.26909 20.8263 2.35827 20.8907 2.45797 20.9345C2.55767 20.9784 2.66561 21.0007 2.77464 21H21.2254C21.3344 21.0007 21.4423 20.9784 21.542 20.9345C21.6417 20.8907 21.7309 20.8263 21.8037 20.7456C21.8764 20.6648 21.9311 20.5697 21.964 20.4664C21.997 20.3631 22.0075 20.254 21.9948 20.1464L20.6243 8.67581C20.601 8.48927 20.51 8.31761 20.3683 8.19314C20.2266 8.06867 20.0439 7.99998 19.8548 8Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+HandbagIcon.displayName = 'HandbagIcon'

package/src/icons/HeadphonesIcon.jsx

@@ -0,0 +1,26 @@
+export const HeadphonesIcon = ({
+  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="M3 18V12C3 9.61305 3.94821 7.32387 5.63604 5.63604C7.32387 3.94821 9.61305 3 12 3C14.3869 3 16.6761 3.94821 18.364 5.63604C20.0518 7.32387 21 9.61305 21 12V18M21 19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H18C17.4696 21 16.9609 20.7893 16.5858 20.4142C16.2107 20.0391 16 19.5304 16 19V16C16 15.4696 16.2107 14.9609 16.5858 14.5858C16.9609 14.2107 17.4696 14 18 14H21V19ZM3 19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H6C6.53043 21 7.03914 20.7893 7.41421 20.4142C7.78929 20.0391 8 19.5304 8 19V16C8 15.4696 7.78929 14.9609 7.41421 14.5858C7.03914 14.2107 6.53043 14 6 14H3V19Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+HeadphonesIcon.displayName = 'HeadphonesIcon'

package/src/icons/HeadphonesLeftIcon.jsx

@@ -0,0 +1,30 @@
+export const HeadphonesLeftIcon = ({
+  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="M3 19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H6C6.53043 21 7.03914 20.7893 7.41421 20.4142C7.78929 20.0391 8 19.5304 8 19V16C8 15.4696 7.78929 14.9609 7.41421 14.5858C7.03914 14.2107 6.53043 14 6 14H3V19Z"
+      fill="currentColor"
+    />
+    <path
+      d="M3 18V12C3 9.61305 3.94821 7.32387 5.63604 5.63604C7.32387 3.94821 9.61305 3 12 3C14.3869 3 16.6761 3.94821 18.364 5.63604C20.0518 7.32387 21 9.61305 21 12V18M21 19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H18C17.4696 21 16.9609 20.7893 16.5858 20.4142C16.2107 20.0391 16 19.5304 16 19V16C16 15.4696 16.2107 14.9609 16.5858 14.5858C16.9609 14.2107 17.4696 14 18 14H21V19ZM3 19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H6C6.53043 21 7.03914 20.7893 7.41421 20.4142C7.78929 20.0391 8 19.5304 8 19V16C8 15.4696 7.78929 14.9609 7.41421 14.5858C7.03914 14.2107 6.53043 14 6 14H3V19Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+HeadphonesLeftIcon.displayName = 'HeadphonesLeftIcon'

package/src/icons/HeadphonesRightIcon.jsx

@@ -0,0 +1,30 @@
+export const HeadphonesRightIcon = ({
+  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 19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H18C17.4696 21 16.9609 20.7893 16.5858 20.4142C16.2107 20.0391 16 19.5304 16 19V16C16 15.4696 16.2107 14.9609 16.5858 14.5858C16.9609 14.2107 17.4696 14 18 14H21V19Z"
+      fill="currentColor"
+    />
+    <path
+      d="M21 18V12C21 9.61305 20.0518 7.32387 18.364 5.63604C16.6761 3.94821 14.3869 3 12 3C9.61305 3 7.32387 3.94821 5.63604 5.63604C3.94821 7.32387 3 9.61305 3 12V18M3 19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H6C6.53043 21 7.03914 20.7893 7.41421 20.4142C7.78929 20.0391 8 19.5304 8 19V16C8 15.4696 7.78929 14.9609 7.41421 14.5858C7.03914 14.2107 6.53043 14 6 14H3V19ZM21 19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H18C17.4696 21 16.9609 20.7893 16.5858 20.4142C16.2107 20.0391 16 19.5304 16 19V16C16 15.4696 16.2107 14.9609 16.5858 14.5858C16.9609 14.2107 17.4696 14 18 14H21V19Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+HeadphonesRightIcon.displayName = 'HeadphonesRightIcon'

package/src/icons/HiFiGradientIcon.jsx

@@ -0,0 +1,36 @@
+export const HiFiGradientIcon = ({
+  width = 104,
+  height = 20,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 104 20"
+    fill="none"
+    {...props}
+    className={className}
+  >
+    <path
+      d="M5.87939 7.51465H25.3013V0H31.1099V20H25.3013V12.543H5.87939V20H0.0698242V0H5.87939V7.51465ZM41.7524 20H35.9429V0H41.7524V20ZM94.5952 5.11523H72.4272V8.72852H92.2251V13.7285H72.4272V20H66.8208V0H94.5952V5.11523ZM103.93 20H98.1216V0H103.93V20ZM62.7397 12.7461H45.8325V8.12109H62.7397V12.7461Z"
+      fill="url(#paint0_linear_29160_241071)"
+    />
+    <defs>
+      <linearGradient
+        id="paint0_linear_29160_241071"
+        x1="90.9476"
+        y1="3.68749"
+        x2="85.0887"
+        y2="32.0499"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#0AFFA7" />
+        <stop offset="1" stopColor="#00DAE8" />
+      </linearGradient>
+    </defs>
+  </svg>
+)
+
+HiFiGradientIcon.displayName = 'HiFiGradientIcon'