Dot 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-dot-grid.json
npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-dot-grid.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/akar-icons-dot-grid.json
bunx shadcn@latest add https://www.shadcn.io/registry/akar-icons-dot-grid.json
Category:layout
Tags:dot-gridgridpatterndotslayouttemplateguide

The dot-grid icon represents dot grid patterns, layout visualization, and grid-based design tools in design applications and layout systems.

Featuring a pattern of evenly-spaced dots arranged in a grid, this icon is commonly used to indicate grid view modes, dot grid templates, pattern overlays, and layout guides in design tools, note-taking apps, and visualization platforms.

Frequently Asked Questions

Common questions about the Dot Grid icon

Similar Icons

Heptagon Fill - layout icon from Akar Icons
heptagon fill
Circle X - interface icon from Akar Icons
circle x
Sidebar Left - layout icon from Akar Icons
sidebar left
Bicycle - navigation icon from Akar Icons
bicycle
Triangle Alert - status icon from Akar Icons
triangle alert
Arrow Cycle - actions icon from Akar Icons
arrow cycle
Zoom In - actions icon from Akar Icons
zoom in
Hexagon Fill - layout icon from Akar Icons
hexagon fill
Triangle Right - navigation icon from Akar Icons
triangle right