Skip to main content
Go back
Share

Grid

React Code

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

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

SVG HTML

<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
  <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" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
  <use xlink:href="/path/to/mynaui.symbol.svg#mynaui-grid"></use>
</svg>