Grid icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable layout vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-grid.json
npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-grid.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/akar-icons-grid.json
bunx shadcn@latest add https://www.shadcn.io/registry/akar-icons-grid.json
Category:layout
Tags:gridlayoutviewtilesdashboardorganizationdisplaypattern

The grid icon represents grid-based layouts and view mode switching in content organization interfaces.

Featuring a simple grid pattern with evenly spaced squares or cells, this symbol has become the standard indicator for switching to grid view, organizing content in tile layouts, and accessing dashboard-style interfaces across web and mobile applications.

Frequently Asked Questions

Common questions about the Grid icon

Similar Icons

Network - data icon from Akar Icons
network
Circle Chevron Up Fill - navigation icon from Akar Icons
circle chevron up fill
Clipboard - actions icon from Akar Icons
clipboard
Share Box - communication icon from Akar Icons
share box
Text Align Left - typography icon from Akar Icons
text align left
Figma Fill - system icon from Akar Icons
figma fill
Scissor - actions icon from Akar Icons
scissor
Panel Top - layout icon from Akar Icons
panel top
Circle Fill - interface icon from Akar Icons
circle fill