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

export const Square4DotTypographyIcon = createIcon(() => (
  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M7.5 6C7.5 6.82843 6.82843 7.5 6 7.5V9.5C7.933 9.5 9.5 7.933 9.5 6H7.5ZM6 7.5C5.17157 7.5 4.5 6.82843 4.5 6H2.5C2.5 7.933 4.067 9.5 6 9.5V7.5ZM4.5 6C4.5 5.17157 5.17157 4.5 6 4.5V2.5C4.067 2.5 2.5 4.067 2.5 6H4.5ZM6 4.5C6.82843 4.5 7.5 5.17157 7.5 6H9.5C9.5 4.067 7.933 2.5 6 2.5V4.5ZM19.5 6C19.5 6.82843 18.8284 7.5 18 7.5V9.5C19.933 9.5 21.5 7.933 21.5 6H19.5ZM18 7.5C17.1716 7.5 16.5 6.82843 16.5 6H14.5C14.5 7.933 16.067 9.5 18 9.5V7.5ZM16.5 6C16.5 5.17157 17.1716 4.5 18 4.5V2.5C16.067 2.5 14.5 4.067 14.5 6H16.5ZM18 4.5C18.8284 4.5 19.5 5.17157 19.5 6H21.5C21.5 4.067 19.933 2.5 18 2.5V4.5ZM7.5 18C7.5 18.8284 6.82843 19.5 6 19.5V21.5C7.933 21.5 9.5 19.933 9.5 18H7.5ZM6 19.5C5.17157 19.5 4.5 18.8284 4.5 18H2.5C2.5 19.933 4.067 21.5 6 21.5V19.5ZM4.5 18C4.5 17.1716 5.17157 16.5 6 16.5V14.5C4.067 14.5 2.5 16.067 2.5 18H4.5ZM6 16.5C6.82843 16.5 7.5 17.1716 7.5 18H9.5C9.5 16.067 7.933 14.5 6 14.5V16.5ZM19.5 18C19.5 18.8284 18.8284 19.5 18 19.5V21.5C19.933 21.5 21.5 19.933 21.5 18H19.5ZM18 19.5C17.1716 19.5 16.5 18.8284 16.5 18H14.5C14.5 19.933 16.067 21.5 18 21.5V19.5ZM16.5 18C16.5 17.1716 17.1716 16.5 18 16.5V14.5C16.067 14.5 14.5 16.067 14.5 18H16.5ZM18 16.5C18.8284 16.5 19.5 17.1716 19.5 18H21.5C21.5 16.067 19.933 14.5 18 14.5V16.5ZM15.5 5H8.5V7H15.5V5ZM15.5 17H8.5V19H15.5V17ZM19 15.5V8.5H17V15.5H19ZM7 15.5V8.5H5V15.5H7Z"
      fill="currentColor"
    />
  </svg>
));