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

export const IconClearEraseSolid = 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-clear-erase-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M13.0648 2.7493C12.268 2.0248 11.0347 2.08343 10.3102 2.88025L2.08133 11.9301C1.39398 12.686 1.44959 13.8561 2.20555 14.5434L4.67955 16.7929L4.86225 16.9676C5.18789 17.2789 5.62103 17.4526 6.07151 17.4526H10.7585C10.7903 17.4526 10.8218 17.4506 10.853 17.4466H16.7054C17.1196 17.4466 17.4554 17.1108 17.4554 16.6966C17.4554 16.2824 17.1196 15.9466 16.7054 15.9466H12.419L12.7281 15.5943L13.9096 14.3893C13.9162 14.3826 13.9227 14.3757 13.9291 14.3687L18.0096 9.88088C18.7341 9.08406 18.6755 7.85078 17.8787 7.12628L13.0648 2.7493ZM10.4239 15.9466L11.1143 15.1594L5.49834 10.4017L3.19115 12.9392C3.06111 13.0822 3.07163 13.3036 3.21465 13.4336L5.69558 15.6894L5.70928 15.7022L5.89876 15.8833C5.94528 15.9278 6.00716 15.9526 6.07151 15.9526H6.30183C6.33299 15.9486 6.36475 15.9466 6.39698 15.9466H10.4239Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconClearEraseSolid.displayName = "IconClearEraseSolid";

export default IconClearEraseSolid;