/* GENERATED FILE */
import * as React from 'react';
import Svg, { Rect } from 'react-native-svg';

import { IconProps } from '../lib';

function SquaresFour(props: IconProps) {
  return (
    <Svg
      viewBox="0 0 256 256"
      width={props.size}
      height={props.size}
      fill={props.color}
      {...props}
    >
      <Rect width={256} height={256} fill="none" />
      <Rect x={48} y={48} width={64} height={64} opacity={0.2} />
      <Rect x={144} y={48} width={64} height={64} opacity={0.2} />
      <Rect x={48} y={144} width={64} height={64} opacity={0.2} />
      <Rect x={144} y={144} width={64} height={64} opacity={0.2} />
      <Rect
        x={144}
        y={144}
        width={64}
        height={64}
        fill="none"
        stroke={props.color}
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth={16}
      />
      <Rect
        x={48}
        y={48}
        width={64}
        height={64}
        fill="none"
        stroke={props.color}
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth={16}
      />
      <Rect
        x={144}
        y={48}
        width={64}
        height={64}
        fill="none"
        stroke={props.color}
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth={16}
      />
      <Rect
        x={48}
        y={144}
        width={64}
        height={64}
        fill="none"
        stroke={props.color}
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth={16}
      />
    </Svg>
  );
}

export default SquaresFour;
