/**
 * WordPress dependencies
 */
import { Path, SVG } from '@wordpress/components';

export const blockIcon = (
	<SVG viewBox="0 0 24 24">
		<Path d="M4.5 15.5H8.5V17H2V10.5H3.5V14.5L14.5 3.5H10.5V2H17V8.5H15.5V4.5L4.5 15.5Z" />
		<Path d="M20 10L15 10C13.9 10 13 10.9 13 12V20C13 21.1 13.9 22 15 22H20C21.1 22 22 21.1 22 20V12C22 10.9 21.1 10 20 10ZM20.5 20C20.5 20.3 20.3 20.5 20 20.5H15C14.7 20.5 14.5 20.3 14.5 20V12C14.5 11.7 14.7 11.5 15 11.5H20C20.3 11.5 20.5 11.7 20.5 12V20ZM16.5 19.5H18.5V18.5H16.5V19.5Z" />
	</SVG>
);

export const responsive = (
	<SVG viewBox="0 0 24 24">
		<Path d="M17.3 12.75H6.75L8.5 14.5L7.5 15.5L4 12L7.5 8.5L8.5 9.5L6.75 11.25H17.3L15.5 9.5L16.5 8.5L20 12L16.5 15.5L15.5 14.5L17.3 12.75Z" />
		<Path d="M19.5 2.5C20.5 2.5 21.5 3.5 21.5 4.5V8.5H20V4.5C20 4.2 19.8 4 19.5 4H4.50004C4.20004 4 4.00004 4.2 4.00004 4.5V8.5H2.50004V4.5C2.49294 3.51901 3.48624 2.5 4.50004 2.5H19.5Z" />
		<Path d="M20 15.5L21.5 15.5V19.5C21.5 20.5 20.5 21.5 19.5 21.5H4.50124C3.48744 21.5 2.49294 20.481 2.50004 19.5V15.5H4.00004L4.00003 19.5C4.00003 19.8 4.20003 20 4.50003 20H19.5C19.8 20 20 19.8 20 19.5L20 15.5Z" />
	</SVG>
);