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

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

    return (
        <svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 24 24"
            width={width}
            height={height}
            {...restProps}
            fill="none"
        >
            <path
                fill={fill}
                stroke={stroke}
                strokeWidth={0.4}
                d="M12 22.02a.7.7 0 0 1-.485-.185c-.305-.27-7.455-6.62-8.8-8.42-1.44-1.92-1.71-3.18-1.71-4.84C1 4.94 3.96 1.98 7.6 1.98c1.71-.05 3.38.81 4.4 2.175 1.02-1.36 2.685-2.21 4.41-2.175A6.61 6.61 0 0 1 23
                8.58c0 1.565-.28 2.855-1.705 4.83-1.305 1.805-8.505 8.16-8.81 8.43a.74.74 0 0 1-.485.185zM7.71 3.445h-.095a5.143 5.143 0 0 0-5.15 5.135c0 1.4.21 2.355 1.42 3.96.95 1.265 5.47 5.41 8.115 7.77
                2.325-2.065 7.175-6.47 8.105-7.76 1.205-1.67 1.425-2.645 1.425-3.97a5.143 5.143 0 0 0-5.135-5.135h-.02c-1.615-.045-3.12.975-3.7 2.465a.736.736 0 0 1-1.37-.005A3.92 3.92 0 0 0 7.7 3.44z"
            />
        </svg>
    );
};

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