Grid

grid layout structure table pattern design arrangement

Usage:

React Code:

npm install @mynaui/icons-react

import { Grid } from "@mynaui/icons-react";

const App = () => {
  return <Grid />;
};

SVG HTML:

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"><path d="M3 6.75c0-1.768 0-2.652.55-3.2C4.097 3 4.981 3 6.75 3c1.768 0 2.652 0 3.2.55.55.548.55 1.432.55 3.2 0 1.768 0 2.652-.55 3.2-.548.55-1.432.55-3.2.55-1.768 0-2.652 0-3.2-.55C3 9.403 3 8.519 3 6.75m0 10.507c0-1.768 0-2.652.55-3.2.548-.55 1.432-.55 3.2-.55 1.768 0 2.652 0 3.2.55.55.548.55 1.432.55 3.2 0 1.768 0 2.652-.55 3.2-.548.55-1.432.55-3.2.55-1.768 0-2.652 0-3.2-.55C3 19.91 3 19.026 3 17.258M13.5 6.75c0-1.768 0-2.652.55-3.2.548-.55 1.432-.55 3.2-.55 1.768 0 2.652 0 3.2.55.55.548.55 1.432.55 3.2 0 1.768 0 2.652-.55 3.2-.548.55-1.432.55-3.2.55-1.768 0-2.652 0-3.2-.55-.55-.548-.55-1.432-.55-3.2m0 10.507c0-1.768 0-2.652.55-3.2.548-.55 1.432-.55 3.2-.55 1.768 0 2.652 0 3.2.55.55.548.55 1.432.55 3.2 0 1.768 0 2.652-.55 3.2-.548.55-1.432.55-3.2.55-1.768 0-2.652 0-3.2-.55-.55-.548-.55-1.432-.55-3.2"/></svg>

SVG CDN:

<img src="https://unpkg.com/@mynaui/icons/icons/grid.svg" />

SVG Sprite:

npm install @mynaui/icons

<svg
        width="24"
        height="24"
        fill="none"
        viewBox="0 0 24 24"
        stroke-width="1.5"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke="currentColor"
      >
        <use xlink:href="/path/to/mynaui.symbol.svg#mynaui-grid"></use></svg
      >