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

function PhoneSquare(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="M22.857 21.304c0-.089 0-.196-.036-.286-.107-.321-2.714-1.643-3.214-1.929-.339-.196-.75-.589-1.161-.589-.786 0-1.946 2.339-2.643 2.339-.357 0-.804-.321-1.125-.5-2.357-1.321-3.982-2.946-5.304-5.304-.179-.321-.5-.768-.5-1.125 0-.696 2.339-1.857 2.339-2.643 0-.411-.393-.821-.589-1.161-.286-.5-1.607-3.107-1.929-3.214-.089-.036-.196-.036-.286-.036-.464 0-1.375.214-1.804.393-1.179.536-2.036 2.786-2.036 4.018 0 1.196.482 2.286.893 3.393 1.429 3.911 5.679 8.161 9.589 9.589 1.107.411 2.196.893 3.393.893 1.232 0 3.482-.857 4.018-2.036.179-.429.393-1.339.393-1.804zm4.572-13.875v17.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(PhoneSquare);
export default ForwardRef;