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

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

    return (
        <svg
            xmlns="http://www.w3.org/2000/svg"
            width={width}
            height={height}
            {...restProps}
            fill="none"
            viewBox={'0 0 18 18'}
        >
            <path
                id="Vector"
                d="M16 16L12.4563 12.4563M12.4563 12.4563C13.0251 11.8876 13.4763 11.2123 13.7841 10.4692C14.0919 9.72604 14.2504 8.92955 14.2504 8.12518C14.2504 7.32081 14.0919 6.52431 13.7841
            5.78117C13.4763 5.03803 13.0251 4.3628 12.4563 3.79402C11.8876 3.22525 11.2123 2.77407 10.4692 2.46625C9.72604 2.15843 8.92955 2 8.12518 2C7.32081 2 6.52431 2.15843 5.78117 2.46625C5.03803 2.77407
            4.3628 3.22525 3.79402 3.79402C2.64533 4.94272 2 6.50068 2 8.12518C2 9.74967 2.64533 11.3076 3.79402 12.4563C4.94272 13.605 6.50068 14.2504 8.12518 14.2504C9.74967 14.2504 11.3076 13.605 12.4563
            12.4563Z"
                stroke={stroke}
                strokeWidth="1.5"
                strokeLinecap="round"
                strokeLinejoin="round"
            />
            <path id="Vector_2" d="M5.5 8L10.5 8" stroke={stroke} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
            <path id="Vector_3" d="M8 5.5L8 10.5" stroke={stroke} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
        </svg>
    );
};

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