import { forwardRef } from "react";
import type { IconProps } from "../../types";

export const IconMusical2Solid = forwardRef<SVGSVGElement, IconProps>(
  ({ color = "currentColor", ...props }, forwardedRef) => {
    const { className } = props;
    props = {
      ...props,
      width: `${props.width || props.size || 20}`,
      height: `${props.height || props.size || 20}`,
      className: `${
        className ? className + " " : ""
      }customeow-icon customeow-icon-icon-musical-2-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M6.75466 15.5896C6.69445 16.9924 5.54685 18.1022 4.12857 18.1022C2.67143 18.1022 1.5 16.9307 1.5 15.4736C1.5 14.0165 2.67143 12.845 4.12857 12.845C4.54612 12.845 4.94414 12.9427 5.2998 13.1208V4.87363C5.2998 4.53077 5.52838 4.21649 5.87123 4.15934L16.6141 2.01649C17.0141 1.93077 17.3855 2.18791 17.4712 2.58791C17.4712 2.61649 17.4784 2.63791 17.4855 2.65934C17.4927 2.68077 17.4998 2.7022 17.4998 2.73077V13.2424C17.5007 13.3128 17.5026 13.3839 17.4941 13.4524C17.4029 14.8254 16.2685 15.9022 14.8714 15.9022C13.4143 15.9022 12.2429 14.7307 12.2429 13.2736C12.2429 11.8165 13.4143 10.645 14.8714 10.645C15.2649 10.645 15.6584 10.7391 16.0141 10.9111V3.61648L6.75695 5.5022V15.4425C6.75708 15.4529 6.75714 15.4632 6.75714 15.4736C6.75714 15.4845 6.75708 15.4954 6.75695 15.5062V15.5308C6.75695 15.5506 6.75618 15.5702 6.75466 15.5896ZM16.0141 13.0146C15.9671 12.8058 15.8624 12.6074 15.7 12.445C15.4714 12.2165 15.1857 12.1022 14.8714 12.1022C14.5571 12.1022 14.2429 12.245 14.0429 12.445C13.5857 12.9022 13.5857 13.645 14.0429 14.1022C14.5 14.5593 15.2429 14.5593 15.7 14.1022C15.875 13.9272 15.983 13.7104 16.024 13.4837C16.0175 13.4435 16.0141 13.402 16.0141 13.3593V13.0146ZM5.2998 15.4514C5.28839 14.8049 4.77831 14.3022 4.12857 14.3022C3.81429 14.3022 3.52857 14.4165 3.3 14.645C3.07143 14.8736 2.95714 15.1593 2.95714 15.4736C2.95714 16.1307 3.47143 16.645 4.12857 16.645C4.77831 16.645 5.28839 16.1423 5.2998 15.4958V15.4514Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M9.5 8.87363C9.1 8.9022 8.72857 8.61649 8.7 8.21649C8.67143 7.81649 8.95714 7.44506 9.35714 7.41649L12.6429 6.75934C13.0429 6.67363 13.4143 6.93077 13.5 7.33077C13.5857 7.73077 13.3286 8.1022 12.9286 8.18792L9.64286 8.84506C9.61429 8.87363 9.55714 8.87363 9.5 8.87363Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconMusical2Solid.displayName = "IconMusical2Solid";

export default IconMusical2Solid;