// Generated by script, don't edit it please.
import * as React from 'react';

function VolumeDown(props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) {
  return (
    <svg width="1em" height="1em" viewBox="0 0 21 32" fill="currentColor" ref={svgRef} {...props}>
      <path d="M13.714 6.286v19.429c0 .625-.518 1.143-1.143 1.143-.304 0-.589-.125-.804-.339l-5.946-5.946H1.142A1.151 1.151 0 01-.001 19.43v-6.857c0-.625.518-1.143 1.143-1.143h4.679l5.946-5.946c.214-.214.5-.339.804-.339.625 0 1.143.518 1.143 1.143zM20.571 16c0 1.786-1.089 3.518-2.768 4.196a1.005 1.005 0 01-.446.089 1.14 1.14 0 01-1.143-1.143c0-1.357 2.071-.982 2.071-3.143s-2.071-1.786-2.071-3.143a1.14 1.14 0 011.143-1.143 1 1 0 01.446.089c1.679.661 2.768 2.411 2.768 4.196z" />
    </svg>
  );
}

const ForwardRef = React.forwardRef(VolumeDown);
export default ForwardRef;