The Tabler layout grid add icon visually represents a grid structure with an added element, commonly used to signify actions like creating a new dashboard, adding a new section to a layout, or initiating a new design element.
Common uses
- Button to create a new dashboard or workspace.
- Option to add a new row or column to a table or grid.
- Icon for a 'New Design' or 'Add Component' feature.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconLayoutGridAdd } from '@tabler/icons-react';
<IconLayoutGridAdd size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Design
- Keywords
- layouttablenetworkpatterngridaddcreatenewinsertcreativedesignadd gridnew layoutcreate gridgrid insert
FAQ
- What does the layout grid add icon represent?
- It depicts a grid layout with an indication of addition, often used for creating new grid-based elements or layouts.
- How do I use this icon in React?
- Import it using `import { IconLayoutGridAdd } from '@tabler/icons-react'` and render it as a component: `<IconLayoutGridAdd />`.
- What is the license for this icon?
- The Tabler icons, including layout grid add, are available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →