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

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

    return (
        <svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 24 24"
            width={width}
            height={height}
            {...restProps}
            fill="none"
        >
            <path
                fill={fill}
                d="M18.329 2h3.376l-7.374 8.425L23 21.889h-6.793l-5.314-6.956-6.089 6.956H1.44l7.884-9.016L1 2h6.966l4.804 6.354zm-1.183 17.87h1.866L6.946 3.916H4.937z"
            />
        </svg>
    );
};

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