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

function PencilSquare(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="M7.214 19.786L9.928 22.5l-.929.929h-1v-1.714H6.285v-1zm7.393-6.965c.143.125.107.375-.054.536l-5.196 5.196c-.161.161-.411.196-.536.054-.143-.125-.107-.375.054-.536l5.196-5.196c.161-.161.411-.196.536-.054zM9.714 25.143l9.714-9.714-5.143-5.143L4.571 20v5.143h5.143zm10.857-10.857l1.643-1.643a1.736 1.736 0 000-2.429L19.5 7.5a1.736 1.736 0 00-2.429 0l-1.643 1.643zm6.858-6.857v17.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(PencilSquare);
export default ForwardRef;
