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

export const IconTagSolid = 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-tag-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M4.90686 2.41699C3.52615 2.41699 2.40686 3.53628 2.40686 4.91699L2.44765 8.47155C2.44765 9.13459 2.71104 9.77047 3.17988 10.2393L9.79135 16.8507C10.7677 17.827 12.3506 17.827 13.3269 16.8507L16.8608 13.3172C17.8371 12.3409 17.8371 10.758 16.8608 9.78168L10.2494 3.1703C9.78053 2.70145 9.14465 2.43806 8.48161 2.43806L4.90686 2.41699ZM5.80368 6.81381C6.35596 6.81381 6.80368 6.3661 6.80368 5.81381C6.80368 5.26153 6.35596 4.81381 5.80368 4.81381C5.25139 4.81381 4.80368 5.26153 4.80368 5.81381C4.80368 6.3661 5.25139 6.81381 5.80368 6.81381Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconTagSolid.displayName = "IconTagSolid";

export default IconTagSolid;