layout-grid

Layout Grid icon · Lucide · <LayoutGrid />

layout-grid

Lucide tags layout-grid with start and home. It's in Lucide's Design and Layout categories; similar icons include Layout Grid Circles, Layout Panel Left and Layout Panel Top. The matching icons are Grid in Microsoft's Fluent icons and grid_view in Google's Material Symbols.

24 px, stroke 2

layout-grid.svg

Size, stroke and code

Lucide icons are drawn on a 24 px grid with a 2 px stroke. Pick a size and stroke width to preview them; the downloads and the code below follow your choice.

Stroke width

Size

npm install lucide-react

import { LayoutGrid } from "lucide-react";

export function Example() {
  return <LayoutGrid />;
}

Xceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

Details

Name	`layout-grid`
Component	`LayoutGrid` (also `LayoutGridIcon`, `LucideLayoutGrid`)
Categories	Design, Layout
Icon font	`icon-layout-grid`, `U+E0FF`
CSS content	`"\e0ff"`
File	`lucide-static/icons/layout-grid.svg`
Grid and stroke	24 × 24, 2 px stroke, round caps and joins
License	ISC License (© Lucide Icons and Contributors)