import * as React from 'react';
export interface GalleryLayout24Props extends React.SVGProps<SVGSVGElement> { ariaLabel?: string }
export default function GalleryLayout24({ ariaLabel, ...props }: GalleryLayout24Props) {
  return (
    <svg viewBox="0 0 24 24" width="1em" height="1em" fill="currentColor"
         role={ariaLabel ? 'img' : 'presentation'}
         aria-label={ariaLabel || undefined}
         {...props}><g fill="currentColor"><rect width="4" height="4" x="1" y="1" rx=".5" ry=".5"/><rect width="4" height="4" x="7" y="1" rx=".5" ry=".5"/><rect width="4" height="4" x="13" y="1" rx=".5" ry=".5"/><rect width="4" height="4" x="19" y="1" data-color="color-2" rx=".5" ry=".5"/><rect width="4" height="4" x="1" y="7" rx=".5" ry=".5"/><rect width="4" height="4" x="7" y="7" rx=".5" ry=".5"/><rect width="4" height="4" x="13" y="7" data-color="color-2" rx=".5" ry=".5"/><rect width="4" height="4" x="19" y="7" rx=".5" ry=".5"/><rect width="4" height="4" x="1" y="13" rx=".5" ry=".5"/><rect width="4" height="4" x="7" y="13" data-color="color-2" rx=".5" ry=".5"/><rect width="4" height="4" x="13" y="13" rx=".5" ry=".5"/><rect width="4" height="4" x="19" y="13" rx=".5" ry=".5"/><rect width="4" height="4" x="1" y="19" data-color="color-2" rx=".5" ry=".5"/><rect width="4" height="4" x="7" y="19" rx=".5" ry=".5"/><rect width="4" height="4" x="13" y="19" rx=".5" ry=".5"/><rect width="4" height="4" x="19" y="19" rx=".5" ry=".5"/></g></svg>
  );
}