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

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

    return (
        <svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 24 24"
            width={width}
            height={height}
            {...restProps}
            fill="none"
        >
            <path
                fill={fill}
                d="M21.865 5.995C21.27 4.94 20.62 4.75 19.275 4.68s-4.625-.13-7.5-.13-6.185.04-7.505.13-1.94.265-2.59 1.315c-.645 1.05-.88 2.85-.88 6.06s.315 5 .93 6.04 1.25 1.245 2.59 1.335 4.635.12 7.505.12 6.185-.045 7.505-.12 1.94-.28 2.59-1.335c.645-1.055.88-2.83.88-6.04s-.315-5.005-.94-6.06M9.05 16.14V7.965l6.87 4.09-6.87 4.09z"
            />
        </svg>
    );
};

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