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

const Facebook = (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.352 2h-2.594c-2.913 0-4.8 1.933-4.8 4.92v2.273H8.352a.404.404 0 0 0-.407.407v3.287c0 .226.18.406.407.406h2.606v8.3c0 .227.18.407.407.407h3.413c.227 0 .407-.18.407-.407v-8.3h3.047c.226 0 .406-.18.406-.406V9.6a.39.39 0 0 0-.12-.287.39.39 0 0 0-.286-.12h-3.06V7.267c0-.92.22-1.427 1.426-1.427h1.74c.227 0 .407-.18.407-.407V2.42a.404.404 0 0 0-.4-.413h-.007z"
            />
        </svg>
    );
};

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