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

export const IconSubscribeSolid = 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-subscribe-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M4.93005 2.31046C6.5916 2.10551 8.28365 2 10 2C11.7163 2 13.4084 2.10551 15.07 2.31046C16.1942 2.44913 17 3.41374 17 4.51661V17.25C17 17.5078 16.8676 17.7475 16.6494 17.8848C16.4312 18.0221 16.1578 18.0377 15.9255 17.9261L10 15.0819L4.07455 17.9261C3.84215 18.0377 3.56875 18.0221 3.35057 17.8848C3.13239 17.7475 3 17.5078 3 17.25V4.51661C3 3.41374 3.80579 2.44913 4.93005 2.31046ZM10.2709 5.38663C10.162 5.15937 9.8385 5.15937 9.72969 5.38663L8.92121 7.07522L7.06543 7.32233C6.81567 7.35558 6.71569 7.66329 6.8982 7.83701L8.25431 9.12772L7.91586 10.969C7.87031 11.2168 8.13206 11.407 8.35367 11.2871L10.0003 10.3962L11.6469 11.2871C11.8685 11.407 12.1302 11.2168 12.0847 10.969L11.7462 9.12772L13.1023 7.83701C13.2849 7.66329 13.1849 7.35558 12.9351 7.32233L11.0793 7.07522L10.2709 5.38663Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconSubscribeSolid.displayName = "IconSubscribeSolid";

export default IconSubscribeSolid;