export default () => {
	return (
		<svg
			width="24"
			height="24"
			viewBox="0 0 24 24"
			fill="none"
			className="srfm-logo"
			xmlns="http://www.w3.org/2000/svg"
		>
			{ /* Had to add the internal styles here to maintain the logo color in block inserter selected state. */ }
			<style>{ `.is-selected svg.srfm-logo path {fill:#000000;}` }</style>
			<g clipPath="url(#clip0_15961_16935)">
				<rect width="24" height="24" fill="evenodd" />
				<path
					d="M6.85742 5.14258H17.1431V8.57115H8.57171L6.85742 10.2854V8.57115V5.14258Z"
					fill="white"
				/>
				<path
					d="M6.85742 5.14258H17.1431V8.57115H8.57171L6.85742 10.2854V8.57115V5.14258Z"
					fill="white"
				/>
				<path
					d="M6.85742 10.2852H15.4288V13.7137H8.57171L6.85742 15.428V13.7137V10.2852Z"
					fill="white"
				/>
				<path
					d="M6.85742 10.2852H15.4288V13.7137H8.57171L6.85742 15.428V13.7137V10.2852Z"
					fill="white"
				/>
				<path
					d="M6.85742 15.4287H12.0003V18.8573H6.85742V15.4287Z"
					fill="white"
				/>
				<path
					d="M6.85742 15.4287H12.0003V18.8573H6.85742V15.4287Z"
					fill="white"
				/>
			</g>
			<defs>
				<clipPath id="clip0_15961_16935">
					<rect width="24" height="24" fill="white" />
				</clipPath>
			</defs>
		</svg>
	);
};