import * as React from "react";
import { SVGProps } from "react";
const SvgFacebookSquare = (props: SVGProps<SVGSVGElement>) => (
	<svg
		width="1em"
		height="1em"
		viewBox="0 0 512 512"
		fill="none"
		xmlns="http://www.w3.org/2000/svg"
		className="icon"
		aria-hidden={true}
		focusable="false"
		{...props}
	>
		<path
			d="M393.571 37c22.667 0 42.048 8.048 58.143 24.143s24.143 35.476 24.143 58.143v274.285c0 22.667-8.048 42.048-24.143 58.143s-35.476 24.143-58.143 24.143h-53.714v-170h56.857l8.572-66.286h-65.429v-42.285c0-10.667 2.238-18.667 6.714-24 4.477-5.334 13.191-8 26.143-8l34.857-.286v-59.143c-12-1.714-28.952-2.571-50.857-2.571-25.904 0-46.619 7.619-62.143 22.857-15.523 15.238-23.285 36.762-23.285 64.571v48.857h-57.143v66.286h57.143v170h-152c-22.667 0-42.048-8.048-58.143-24.143S37 416.238 37 393.571V119.286c0-22.667 8.048-42.048 24.143-58.143S96.619 37 119.286 37h274.285Z"
			fill="currentColor"
		/>
	</svg>
);
export default SvgFacebookSquare;
