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

const Swipe = (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"
            viewBox="0 0 24 24"
            width={width}
            height={height}
            {...restProps}
            fill="none"
        >
            <path
                stroke={stroke}
                strokeLinecap="round"
                strokeLinejoin="round"
                strokeWidth={1.4}
                d="M16.401 8.891a1.4 1.4 0 0 0-.79.24 1.418 1.418 0 0 0-2.13-.707 1.418 1.418 0 0 0-2.05-.758l-.002-3.794a1.42 1.42 0 1 0-2.839.006l.018 9.767-1.955-.972a2.15 2.15 0 0 0-.95-.223 1.357 1.357 0 0 0-.954 2.32l4.594 4.577a5.46 5.46 0 0 0 3.887 1.602 4.616 4.616 0 0 0 4.602-4.622l-.011-6.027c0-.784-.639-1.417-1.423-1.417z"
            />
            <path
                stroke={stroke}
                strokeLinecap="round"
                strokeMiterlimit={10}
                strokeWidth={1.4}
                d="m11.434 7.674-.015 4.232M13.485 8.431l.047 3.468M15.617 9.134l.025 2.764"
            />
            <path stroke={stroke} strokeLinecap="round" strokeWidth={1.8} d="M5.6 4.032H1.9M18.1 4.032h-3.7" />
        </svg>
    );
};

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