// This file is auto-generated. Do not edit it directly.
// To update the icon component, change the related icon.svg file and run "yarn build:icons" in the root directory.
import { type SVGProps } from 'react';

import toIcon from '../toIcon';

const LayoutIcon = (props: SVGProps<SVGSVGElement>) => (
  <svg {...props} viewBox="0 0 24 24">
    <path
      fillRule="evenodd"
      d="M7.8 2h10.4c.6 0 1.1.2 1.6.4a4 4 0 0 1 1.8 1.8l.4 1.5v12.5c0 .6-.2 1.1-.4 1.6a4 4 0 0 1-1.8 1.8 4 4 0 0 1-1.5.4H5.8a4 4 0 0 1-1.6-.4 4 4 0 0 1-1.8-1.8 4 4 0 0 1-.4-1.5V5.8c0-.6.2-1.1.4-1.6a4 4 0 0 1 1.8-1.8A4 4 0 0 1 5.7 2h2ZM10 20h6.2a25.8 25.8 0 0 0 2.7-.2c.4-.2.7-.5.9-.9l.2-.8V7.8a25.8 25.8 0 0 0-.2-2.7 2 2 0 0 0-.9-.9l-.8-.2H10v16ZM8 4v16h-.2a25.8 25.8 0 0 1-2.7-.2 2 2 0 0 1-.9-.9l-.2-.8V7.8a25.9 25.9 0 0 1 .2-2.7c.2-.4.5-.7.9-.9l.8-.2H8Zm3.5 3c0-.6.4-1 1-1h5a1 1 0 1 1 0 2h-5a1 1 0 0 1-1-1Zm0 4c0-.6.4-1 1-1h5a1 1 0 1 1 0 2h-5a1 1 0 0 1-1-1Zm0 4c0-.6.4-1 1-1h5a1 1 0 1 1 0 2h-5a1 1 0 0 1-1-1Z"
      clipRule="evenodd"
    />
  </svg>
);

const LayoutIconWrapper = toIcon(LayoutIcon);
export default LayoutIconWrapper;