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

export const IconFontManagemenSolid = 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-font-managemen-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M14.5534 3.23718C13.12 3.23718 12.2004 3 10.724 3C5.95377 3 3.729 5.51342 3.729 8.06671C3.729 9.57094 4.49914 10.0655 6.01813 10.0655C5.91121 9.84797 5.71869 9.61032 5.71869 8.54156C5.71869 5.55329 6.93773 4.68235 8.49976 4.62282C8.49976 4.62282 7.21842 16.2445 3.5 17.6386V18H8.51296L10.2234 10.5H13.3561L14.0538 8.625H10.6511L11.4734 5.01891C12.4148 5.19703 13.3344 5.37515 14.1258 5.37515C15.1097 5.37515 16.008 5.09812 16.5 3.00047C15.9011 3.17859 15.2592 3.23765 14.5534 3.23765V3.23718Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconFontManagemenSolid.displayName = "IconFontManagemenSolid";

export default IconFontManagemenSolid;