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

export const IconLogoSheinSolid = 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-logo-shein-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M15.161 3.3937C14.6421 3.8659 14.1657 4.32706 13.6524 4.74265C13.5532 4.82301 13.2762 4.78244 13.1382 4.70091C11.9158 3.97853 10.603 3.67428 9.21004 3.93913C8.69424 4.03718 8.15908 4.27475 7.73918 4.59033C6.59349 5.45144 6.66075 7.01039 7.91448 7.81039C8.67997 8.29882 9.56258 8.60991 10.4064 8.96792C11.5178 9.43953 12.6887 9.79187 13.752 10.3515C15.6181 11.3336 16.3945 13.1702 15.8078 14.9846C15.3844 16.2934 14.3974 17.0838 13.1868 17.6196C11.4232 18.4002 9.58839 18.2637 7.75502 17.9733C6.40578 17.7595 5.18461 17.2148 4 16.3832C4.5597 15.8704 5.08342 15.3716 5.6353 14.9063C5.71185 14.8418 5.95704 14.8972 6.07426 14.9736C7.37619 15.8224 8.8098 16.168 10.349 16.1345C11.1596 16.1168 11.8982 15.8878 12.512 15.347C13.4649 14.5076 13.49 13.0947 12.4408 12.3863C11.6076 11.8238 10.6236 11.4793 9.69398 11.0663C8.51436 10.5423 7.24264 10.1776 6.15071 9.51373C3.42016 7.8538 3.55772 4.12058 6.55976 2.65969C9.41985 1.26792 12.2895 1.63747 15.0147 3.22486C15.0555 3.24862 15.0806 3.29926 15.161 3.3937Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconLogoSheinSolid.displayName = "IconLogoSheinSolid";

export default IconLogoSheinSolid;