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

const Login = (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 24 24"
            width={width}
            height={height}
            {...restProps}
            fill="none"
        >
            <path d="M10 19C12.3869 19 14.6761 18.0518 16.364 16.364C18.0518 14.6761 19 12.3869 19 10C19 7.61305 18.0518 5.32387 16.364 3.63604C14.6761 1.94821 12.3869 1 10 1" stroke={stroke} strokeWidth="1.8" strokeLinecap="round" fill="none" />
            <path d="M1 10H14.3333M14.3333 10L10.3333 6M14.3333 10L10.3333 14" stroke={stroke} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" fill="none" />
        </svg>
    );
};

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