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

export const IconAngleCurveSolidspotifySolid = 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-angle-curve-solidspotify-solid`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M14.4771 15.867C14.8582 16.1232 15.3015 15.994 15.5549 15.6108 15.7428 15.2255 15.6805 14.7143 15.2371 14.5221 11.9436 12.4728 7.76326 12.0235 2.94957 13.1132 2.56954 13.2413 2.25285 13.6245 2.37953 14.0738 2.5062 14.4581 2.88729 14.7794 3.32854 14.6491 7.76326 13.6245 11.5002 14.0098 14.4771 15.867ZM15.7428 12.4088C16.1872 12.729 16.7572 12.5369 17.075 12.0886 17.3906 11.6403 17.2017 11.0009 16.8206 10.8078 12.8936 8.37527 7.19321 7.66976 2.56954 9.07759 2.06284 9.20567 1.80948 9.7831 1.93616 10.2954 2.06284 10.8078 2.63393 11.0639 3.13958 10.9358 7.12987 9.65502 12.3236 10.2954 15.7428 12.4088ZM2.5062 7.03042C6.36982 5.81257 13.147 6.06873 17.2017 8.50229 17.7707 8.82142 18.5318 8.63144 18.8474 8.18208 19.1641 7.60572 18.9741 6.83723 18.4051 6.51702 13.717 3.69816 6.30648 3.44199 1.80948 4.78685 1.23944 4.98004.859414 5.61938 1.04943 6.26086 1.23944 6.83722 1.87282 7.22147 2.5062 7.03042Z"
        fill={color}
      />
    </svg>
  );
});

IconAngleCurveSolidspotifySolid.displayName = "IconAngleCurveSolidspotifySolid";

export default IconAngleCurveSolidspotifySolid;