import { createIcon } from '../utils/create-icon';

export const GridMasonry2x2SquareTypographyIcon = createIcon(() => (
  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line
      x1="0.499998"
      y1="-0.00131133"
      x2="0.499999"
      y2="-0.00121133"
      stroke="currentColor"
    />
    <path
      d="M4.63803 20.673L4.18404 21.564L4.63803 20.673ZM3 16.2H4H3ZM3.32698 19.362L2.43597 19.816L3.32698 19.362ZM20.673 19.362L21.564 19.816L20.673 19.362ZM19.362 20.673L19.816 21.564L19.362 20.673ZM19.362 3.32698L19.816 2.43597L19.362 3.32698ZM20.673 4.63803L21.564 4.18404L20.673 4.63803ZM4.63803 3.32698L4.18404 2.43597L4.63803 3.32698ZM3 7.8H2H3ZM3.32698 4.63803L2.43597 4.18404L3.32698 4.63803ZM11 3.5L11 20.5H13L13 3.5L11 3.5ZM7.8 4H16.2V2H7.8V4ZM20 7.8V16.2H22V7.8H20ZM16.2 20H7.8V22H16.2V20ZM4 16.2V7.8H2V16.2H4ZM7.8 20C6.94342 20 6.36113 19.9992 5.91104 19.9624C5.47262 19.9266 5.24842 19.8617 5.09202 19.782L4.18404 21.564C4.66937 21.8113 5.18608 21.9099 5.74817 21.9558C6.2986 22.0008 6.97642 22 7.8 22V20ZM2 16.2C2 17.0236 1.99922 17.7014 2.04419 18.2518C2.09012 18.8139 2.18868 19.3306 2.43597 19.816L4.21799 18.908C4.1383 18.7516 4.07337 18.5274 4.03755 18.089C4.00078 17.6389 4 17.0566 4 16.2H2ZM5.09202 19.782C4.7157 19.5903 4.40973 19.2843 4.21799 18.908L2.43597 19.816C2.81947 20.5686 3.43139 21.1805 4.18404 21.564L5.09202 19.782ZM20 16.2C20 17.0566 19.9992 17.6389 19.9624 18.089C19.9266 18.5274 19.8617 18.7516 19.782 18.908L21.564 19.816C21.8113 19.3306 21.9099 18.8139 21.9558 18.2518C22.0008 17.7014 22 17.0236 22 16.2H20ZM16.2 22C17.0236 22 17.7014 22.0008 18.2518 21.9558C18.8139 21.9099 19.3306 21.8113 19.816 21.564L18.908 19.782C18.7516 19.8617 18.5274 19.9266 18.089 19.9624C17.6389 19.9992 17.0566 20 16.2 20V22ZM19.782 18.908C19.5903 19.2843 19.2843 19.5903 18.908 19.782L19.816 21.564C20.5686 21.1805 21.1805 20.5686 21.564 19.816L19.782 18.908ZM16.2 4C17.0566 4 17.6389 4.00078 18.089 4.03755C18.5274 4.07337 18.7516 4.1383 18.908 4.21799L19.816 2.43597C19.3306 2.18868 18.8139 2.09012 18.2518 2.04419C17.7014 1.99922 17.0236 2 16.2 2V4ZM22 7.8C22 6.97642 22.0008 6.2986 21.9558 5.74817C21.9099 5.18608 21.8113 4.66937 21.564 4.18404L19.782 5.09202C19.8617 5.24842 19.9266 5.47262 19.9624 5.91104C19.9992 6.36113 20 6.94342 20 7.8H22ZM18.908 4.21799C19.2843 4.40973 19.5903 4.7157 19.782 5.09202L21.564 4.18404C21.1805 3.43139 20.5686 2.81947 19.816 2.43597L18.908 4.21799ZM7.8 2C6.97642 2 6.2986 1.99922 5.74817 2.04419C5.18608 2.09012 4.66937 2.18868 4.18404 2.43597L5.09202 4.21799C5.24842 4.1383 5.47262 4.07337 5.91104 4.03755C6.36113 4.00078 6.94342 4 7.8 4V2ZM4 7.8C4 6.94342 4.00078 6.36113 4.03755 5.91104C4.07337 5.47262 4.1383 5.24842 4.21799 5.09202L2.43597 4.18404C2.18868 4.66937 2.09012 5.18608 2.04419 5.74817C1.99922 6.2986 2 6.97642 2 7.8H4ZM4.18404 2.43597C3.43139 2.81947 2.81947 3.43139 2.43597 4.18404L4.21799 5.09202C4.40973 4.71569 4.71569 4.40973 5.09202 4.21799L4.18404 2.43597ZM3.5 10H12V8H3.5V10ZM12 16H20.5V14H12V16Z"
      fill="currentColor"
    />
    <line
      x1="0.499998"
      y1="-0.00131133"
      x2="0.499999"
      y2="-0.00121133"
      stroke="currentColor"
    />
    <line
      x1="0.499998"
      y1="-0.00131133"
      x2="0.499999"
      y2="-0.00121133"
      stroke="currentColor"
    />
    <line
      x1="0.499998"
      y1="-0.00131133"
      x2="0.499999"
      y2="-0.00121133"
      stroke="currentColor"
    />
    <line
      x1="0.499998"
      y1="-0.00131133"
      x2="0.499999"
      y2="-0.00121133"
      stroke="currentColor"
    />
  </svg>
));