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

function ToggleDown(props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) {
  return (
    <svg width="1em" height="1em" viewBox="0 0 27 32" fill="currentColor" ref={svgRef} {...props}>
      <path d="M20.446 12.054c.196.375.161.839-.089 1.179l-5.714 8c-.214.304-.554.482-.929.482s-.714-.179-.929-.482l-5.714-8a1.123 1.123 0 01-.089-1.179A1.127 1.127 0 018 11.429h11.429c.429 0 .821.232 1.018.625zm2.411 12.517V7.428a.587.587 0 00-.571-.571H5.143a.587.587 0 00-.571.571v17.143c0 .304.268.571.571.571h17.143a.587.587 0 00.571-.571zm4.572-17.142v17.143a5.145 5.145 0 01-5.143 5.143H5.143A5.145 5.145 0 010 24.572V7.429a5.145 5.145 0 015.143-5.143h17.143a5.145 5.145 0 015.143 5.143z" />
    </svg>
  );
}

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