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

export const IconToolMusicOutline = 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-shein-icon customeow-shein-icon-icon-tool-music-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M16.7016 1.27624C16.8895 1.41797 17 1.63966 17 1.87501V13.5857C17 14.7577 16.2231 15.7877 15.0961 16.1097L13.9962 16.424C12.5573 16.8351 11.125 15.7547 11.125 14.2583C11.125 13.2526 11.7917 12.3688 12.7586 12.0925L14.6841 11.5424C15.167 11.4044 15.5 10.963 15.5 10.4607V5.94202L8.25 8.20765V16.0857C8.25 17.2577 7.47306 18.2877 6.34614 18.6097L5.24616 18.924C3.8073 19.3351 2.375 18.2547 2.375 16.7583C2.375 15.7526 3.04165 14.8688 4.0086 14.5925L5.93406 14.0424C6.41702 13.9044 6.75 13.463 6.75 12.9607V4.37501C6.75 4.04015 6.97198 3.74586 7.29396 3.65386L16.044 1.15386C16.2702 1.08921 16.5138 1.13452 16.7016 1.27624ZM6.75 15.3326C6.62136 15.3935 6.48646 15.4446 6.34614 15.4847L4.42069 16.0348C4.09769 16.1271 3.875 16.4223 3.875 16.7583C3.875 17.2581 4.35344 17.619 4.83408 17.4817L5.93406 17.1674C6.41703 17.0294 6.75 16.588 6.75 16.0857V15.3326ZM8.25 6.63611L15.5 4.37049V2.8693L8.25 4.94073V6.63611ZM15.5 12.8326C15.3714 12.8935 15.2365 12.9446 15.0961 12.9847L13.1707 13.5348C12.8477 13.6271 12.625 13.9223 12.625 14.2583C12.625 14.7581 13.1034 15.119 13.5841 14.9817L14.6841 14.6674C15.167 14.5294 15.5 14.088 15.5 13.5857V12.8326Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconToolMusicOutline.displayName = "IconToolMusicOutline";

export default IconToolMusicOutline;