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

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

    return (
        <svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 18 18"
            width={width}
            height={height}
            {...restProps}
            fill="none"
        >
            <circle cx="9" cy="9" r="8" fill="white" stroke={stroke} strokeWidth="1.4" />
            <path d="M9 8L9 13" stroke={stroke} strokeWidth="1.4" strokeLinecap="round" />
            <circle cx="9" cy="5" r="0.5" fill={stroke} stroke="#1E1E1E" />
        </svg>
    );
};

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


<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none" />;