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

const VolumeOff = (props) => {
    const {
        width = Icon40PropValues.width,
        height = Icon40PropValues.height,
        stroke = Icon40PropValues.stroke,
        fill = Icon40PropValues.fill,
        ...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="M21.27 15.17a.72.72 0 0 1-.515-.215l-4.88-4.88a.733.733 0 0 1 0-1.035.733.733 0 0 1 1.035 0l4.88 4.88a.733.733 0 0 1-.515 1.25z"
            />
            <path
                fill={fill}
                stroke={stroke}
                strokeWidth={0.4}
                d="M16.39 15.17a.733.733 0 0 1-.515-1.25l4.88-4.88a.733.733 0 0 1 1.035 0 .733.733 0 0 1 0 1.035l-4.88 4.88a.72.72 0 0 1-.515.215zM13.465 20.535c-.23 0-.455-.065-.655-.19l-5.915-4.2h-3.18c-.94
                0-1.71-.76-1.71-1.695V9.56c0-.935.765-1.695 1.705-1.695l3.18-.01 5.89-4.18c.41-.26.885-.275 1.275-.06s.63.62.63 1.065v14.645a1.21 1.21 0 0 1-1.22 1.215zm-6.345-5.85c.15 0 .3.045.425.135l5.675
                4.025V5.155L7.545 9.18a.75.75 0 0 1-.42.135l-3.415.01a.24.24 0 0 0-.245.235v4.89c0 .13.11.235.245.235h3.415z"
            />
        </svg>
    );
};

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