The Tabler grid 3x 3 icon visually represents a 3x3 grid structure, commonly used in UI design to indicate layout options, content arrangement, or a matrix-like display.
Common uses
- Displaying a gallery of items in a uniform layout.
- Representing a dashboard or control panel with distinct sections.
- Indicating a 'view all' or 'overview' mode for content.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconGrid3x3 } from '@tabler/icons-react';
<IconGrid3x3 size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Design
- Keywords
- layoutpatternmatrixarrangementgridlinescellstructureblocksquaresgrid-patterndesigngrid3x3layout grid
FAQ
- What is the grid 3x3 icon used for?
- It's typically used to represent layout structures, arrangement options, or matrix-like displays in user interfaces.
- How do I use the grid 3x3 icon in React?
- You can import and use it with: import { IconGrid3x3 } from '@tabler/icons-react'.
- What is the license for this icon?
- The grid 3x3 icon is distributed 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 →