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

export const IconFontAddSolid = 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-add-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M8.81263 7.91767H7.95601C7.94051 7.91767 7.93004 7.90166 7.93612 7.88723L8.30572 7.01025C8.33563 6.93928 8.43513 6.93937 8.46491 7.0104L8.83254 7.88727C8.83858 7.90169 8.82812 7.91767 8.81263 7.91767ZM12.487 9.4976C12.2036 9.54775 11.8835 9.51946 11.8002 9.26946 11.7168 9.01946 11.9835 8.9028 12.1668 8.8528 12.3502 8.8028 12.8998 8.7528 13.2835 8.7528 13.2835 8.94844 13.1168 9.38613 12.487 9.4976Z"
          fill={color}
        />
        <path
          d="M5.00016 2.08334C4.07969 2.08334 3.3335 2.82954 3.3335 3.75001V16.25C3.3335 17.1705 4.07969 17.9167 5.00016 17.9167H15.8335C16.754 17.9167 17.5002 17.1705 17.5002 16.25V7.73165C17.5002 7.31466 17.3439 6.91282 17.0621 6.60544L13.66 2.89403C13.1864 2.37746 12.5178 2.08334 11.8171 2.08334H5.00016ZM10.7123 11.815C10.6174 11.72 10.4886 11.6667 10.3543 11.6667C10.2201 11.6667 10.0913 11.72 9.99634 11.815L8.30884 13.5025C8.11114 13.7002 8.11114 14.0207 8.30884 14.2184C8.50654 14.4161 8.82709 14.4161 9.02479 14.2184L9.84807 13.3951L9.84807 15.3271C9.84807 15.6067 10.0747 15.8333 10.3543 15.8333C10.6339 15.8333 10.8606 15.6067 10.8606 15.3271L10.8606 13.3951L11.6838 14.2184C11.8815 14.4161 12.2021 14.4161 12.3998 14.2184C12.5975 14.0207 12.5975 13.7002 12.3998 13.5025L10.7123 11.815ZM9.25324 8.89073L9.78185 10.1516C9.86202 10.3428 10.0514 10.4983 10.2555 10.4667C10.9002 10.3667 10.7168 9.80001 10.7168 9.80001L8.86624 5.31934C8.68738 4.89357 8.08442 4.89357 7.90556 5.31934L6.04061 9.7588C5.89889 10.0962 6.14735 10.4667 6.51066 10.4667C6.71535 10.4667 6.90067 10.3441 6.98048 10.1547L7.51321 8.89069C7.51661 8.88263 7.52444 8.8774 7.5331 8.8774H9.23333C9.24201 8.8774 9.24985 8.88265 9.25324 8.89073ZM12.5841 6.3028C11.6848 6.2528 11.0335 6.88613 10.8668 7.33613C10.7697 7.6296 10.9391 7.80498 11.1335 7.9028C11.3279 8.00062 11.6502 7.96946 11.8002 7.73613L11.8123 7.7173C11.9593 7.48803 12.1289 7.2236 12.5668 7.2528C13.0668 7.28613 13.3002 7.63613 13.3002 7.8028C12.9114 7.8028 12.4002 7.80597 11.7835 7.9528C11.1668 8.09962 10.7335 8.56659 10.7335 9.22774C10.7335 9.60553 10.9668 9.931 11.2168 10.1361C11.4502 10.3276 11.8665 10.4695 12.2502 10.4695C12.3335 10.4695 12.9831 10.4556 13.3668 10.2195C13.3668 10.2382 13.5168 10.4881 13.8335 10.4695C14.1502 10.4508 14.3335 10.1842 14.3335 10.0028V7.95267C14.3335 6.95422 13.4835 6.3528 12.5841 6.3028Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconFontAddSolid.displayName = "IconFontAddSolid";

export default IconFontAddSolid;