import React from 'react';
import PropTypes from 'prop-types';
import Icon40PropValues from '../_defaultIconPropValues.ts';

const ArrowLeft = (props) => {
    const {
        width = Icon40PropValues.width,
        height = Icon40PropValues.height,
        fill = Icon40PropValues.fill,
        ...restProps
    } = props;
    delete restProps.stroke;

    return (
        <svg
            width={width}
            height={height}
            {...restProps}
            viewBox="0 0 24 24"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
        >
            <path
                d="M2.4775 10.9975L22.0025 10.9975C22.5525 10.9975 23.0025 11.4475 23.0025 11.9975C23.0025 12.5475 22.5525 12.9975 22.0025 12.9975L2.4775 12.9975C1.9275 12.9975 1.4775 12.5475 1.4775 11.9975C1.4775 11.4475 1.9275 10.9975 2.4775 10.9975Z"
                fill={fill}
            />
            <path
                d="M8.1925 4.80753C8.4475 4.80753 8.7025 4.90753 8.8975 5.10253C9.2875 5.49253 9.2875 6.12753 8.8975 6.51753L2.7075 12.7075C2.3175 13.0975 1.6825 13.0975 1.2925 12.7075C0.902503 12.3175 0.902503 11.6825 1.2925 11.2925L7.4825 5.10253C7.6775 4.90753 7.9325 4.80753 8.1875 4.80753H8.1925Z"
                fill={fill}
            />
            <path
                d="M2.0025 10.9975C2.2575 10.9975 2.5125 11.0975 2.7075 11.2925L8.8975 17.4825C9.2875 17.8725 9.2875 18.5075 8.8975 18.8975C8.5075 19.2875 7.8725 19.2875 7.4825 18.8975L1.2925 12.7075C0.902503 12.3175 0.902503 11.6825 1.2925 11.2925C1.4875 11.0975 1.7425 10.9975 1.9975 10.9975H2.0025Z"
                fill={fill}
            />
        </svg>
    );
};

ArrowLeft.propTypes = {
    width: PropTypes.string,
    height: PropTypes.string,
    fill: PropTypes.string,
    stroke: PropTypes.string,
};
export default ArrowLeft;