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

export const IconTagPlusSolid = 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-tag-plus-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M14.8785 3C15.5415 3 16.1774 3.26339 16.6462 3.73223C17.1151 4.20107 17.3785 4.83696 17.3785 5.5V8.379C17.3783 8.97524 17.1652 9.54948 16.7813 10H14C11.7909 10 10 11.7909 10 14V16.7813C9.80138 16.9505 9.57717 17.0879 9.33533 17.1881C9.03197 17.3138 8.70683 17.3785 8.37847 17.3785C8.05011 17.3785 7.72496 17.3138 7.42161 17.1881C7.11825 17.0624 6.84262 16.8782 6.61047 16.646L3.73247 13.768C3.50025 13.5358 3.31604 13.2602 3.19036 12.9569C3.06468 12.6535 3 12.3284 3 12C3 11.6716 3.06468 11.3465 3.19036 11.0431C3.31604 10.7398 3.50025 10.4642 3.73247 10.232L10.2325 3.732C10.7009 3.26368 11.3361 3.00041 11.9985 3H14.8785ZM14.3785 7C14.1132 7 13.8589 6.89464 13.6714 6.70711C13.4838 6.51957 13.3785 6.26522 13.3785 6C13.3785 5.73478 13.4838 5.48043 13.6714 5.29289C13.8589 5.10536 14.1132 5 14.3785 5C14.6437 5 14.898 5.10536 15.0856 5.29289C15.2731 5.48043 15.3785 5.73478 15.3785 6C15.3785 6.26522 15.2731 6.51957 15.0856 6.70711C14.898 6.89464 14.6437 7 14.3785 7ZM15.75 12C15.75 11.5858 15.4142 11.25 15 11.25C14.5858 11.25 14.25 11.5858 14.25 12V14.25H12C11.5858 14.25 11.25 14.5858 11.25 15C11.25 15.4142 11.5858 15.75 12 15.75H14.25V18C14.25 18.4142 14.5858 18.75 15 18.75C15.4142 18.75 15.75 18.4142 15.75 18V15.75H18C18.4142 15.75 18.75 15.4142 18.75 15C18.75 14.5858 18.4142 14.25 18 14.25H15.75V12Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconTagPlusSolid.displayName = "IconTagPlusSolid";

export default IconTagPlusSolid;