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

export const IconToolMusicAiOutline = 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-tool-music-ai-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M6.29396 4.52892 10.516 3.32263C10.5054 3.40778 10.5 3.49431 10.5 3.58187 10.5 4.02251 10.6373 4.43726 10.8759 4.77983L7.25 5.81579V7.38077L12.8017 5.79456 12.9126 5.82227C13.1237 5.87507 13.2886 6.03995 13.3414 6.25111L13.5474 7.0753C13.5526 7.09595 13.5581 7.11647 13.5638 7.13684L7.25 8.94079V16.9608C7.25 18.1328 6.47306 19.1628 5.34614 19.4848L4.24616 19.799C2.8073 20.2101 1.375 19.1297 1.375 17.6333 1.375 16.6277 2.04165 15.7439 3.0086 15.4676L4.93406 14.9175C5.41703 14.7795 5.75 14.338 5.75 13.8358V8.39165C5.74974 8.38032 5.74974 8.36901 5.75 8.35774V5.25007C5.75 4.91521 5.97198 4.62092 6.29396 4.52892ZM5.75 16.2076C5.62136 16.2686 5.48646 16.3197 5.34614 16.3598L3.42069 16.9099C3.09769 17.0022 2.875 17.2974 2.875 17.6333 2.875 18.1332 3.35344 18.4941 3.83408 18.3567L4.93406 18.0425C5.41703 17.9045 5.75 17.463 5.75 16.9608V16.2076ZM15.5818 8.66368C15.1899 8.66368 14.8184 8.55502 14.5 8.36314V11.3358C14.5 11.838 14.167 12.2795 13.6841 12.4175L11.7586 12.9676C10.7917 13.2439 10.125 14.1277 10.125 15.1333 10.125 16.6297 11.5573 17.7101 12.9962 17.299L14.0961 16.9848C15.2231 16.6628 16 15.6328 16 14.4608V8.62173C15.8644 8.64929 15.7244 8.66368 15.5818 8.66368ZM14.5 13.7076C14.3714 13.7686 14.2365 13.8197 14.0961 13.8598L12.1707 14.4099C11.8477 14.5022 11.625 14.7974 11.625 15.1333 11.625 15.6332 12.1034 15.9941 12.5841 15.8567L13.6841 15.5425C14.167 15.4045 14.5 14.963 14.5 14.4608V13.7076Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M16.161 0.452182C16.0945 0.186432 15.8557 0 15.5818 0C15.3079 0 15.0691 0.186432 15.0027 0.452182L14.7966 1.27637C14.6095 2.02496 14.025 2.60947 13.2764 2.79662L12.4522 3.00266C12.1864 3.0691 12 3.30788 12 3.58181C12 3.85574 12.1864 4.09451 12.4522 4.16095L13.2764 4.367C14.025 4.55415 14.6095 5.13865 14.7966 5.88725L15.0027 6.71143C15.0691 6.97718 15.3079 7.16362 15.5818 7.16362C15.8557 7.16362 16.0945 6.97718 16.161 6.71143L16.367 5.88725C16.5541 5.13865 17.1387 4.55415 17.8872 4.367L18.7114 4.16095C18.9772 4.09451 19.1636 3.85574 19.1636 3.58181C19.1636 3.30788 18.9772 3.0691 18.7114 3.00266L17.8872 2.79662C17.1387 2.60947 16.5541 2.02496 16.367 1.27637L16.161 0.452182Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconToolMusicAiOutline.displayName = "IconToolMusicAiOutline";

export default IconToolMusicAiOutline;