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

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

    return (
        <svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 24 24"
            width={width}
            height={height}
            {...restProps}
            fill="none"
        >
            <path
                fill={fill}
                stroke={stroke}
                strokeWidth={0.4}
                d="M20.805 19.56H3.24a2.2 2.2 0 0 1-2.195-2.195V6.635c0-1.21.985-2.195 2.195-2.195h17.565c1.21 0 2.195.985 2.195 2.195V17.37c0 1.21-.985 2.195-2.195 2.195zM3.24 5.9a.73.73 0 0 0-.73.73v10.735c0 .405.33.73.73.73h17.565a.73.73 0 0 0 .73-.73V6.635a.73.73 0 0 0-.73-.73H3.24z"
            />
            <path
                fill={fill}
                stroke={stroke}
                strokeWidth={0.4}
                d="M12.005 14.7c-.555 0-1.07-.22-1.465-.615L1.775 6.2a.734.734 0 0 1-.055-1.035.734.734 0 0 1 1.035-.055l8.78 7.895.035.035c.15.155.31.18.44.19.17 0 .34-.075.48-.205l8.8-7.915a.734.734 0 0 1 1.035.055c.27.3.245.765-.055 1.035 0 0-8.655 7.78-8.78 7.895-.39.38-.92.6-1.47.605z"
            />
            <path
                fill={fill}
                stroke={stroke}
                strokeWidth={0.4}
                d="M2.265 19.075a.732.732 0 0 1-.455-1.305l7.32-5.855a.732.732 0 1 1 .915 1.145l-7.32 5.855a.7.7 0 0 1-.455.16zM21.78 19.075c-.16 0-.32-.05-.455-.16l-7.32-5.855a.737.737 0 0 1-.115-1.03.736.736 0 0 1 1.03-.115l7.32 5.855a.737.737 0 0 1 .115 1.03.73.73 0 0 1-.57.275z"
            />
        </svg>
    );
};

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