Dots Grid Square Icon
Rounded square holding nine dots in a three by three grid, for app launchers, grid menus and keypads. Available in 4 styles (outline, solid, duotone and filled) as a React component you install with the shadcn CLI.
Preview
- 16px
- 20px
- 24px
- 32px
Install and code
Dots Grid Square icon in shadcn/ui components
Button
Icon button
Button group
Dropdown menu
Input group
Sidebar
Dots Grid Square icon FAQ
What does this icon show?
Rounded square holding nine dots in a three by three grid, for app launchers, grid menus and keypads. Typical uses: app launcher button, dial pad or keypad toggle and grid menu trigger in a toolbar.
When should I use it instead of a similar icon?
Use it for:
- The dial pad toggle on a calling screen that brings the number keys back during a call
- An apps launcher in a toolbar whose other buttons all sit in rounded tiles
For an apps launcher in an open header with no frames around its buttons, use the Dots Grid icon. For working out totals, tips or price estimates in a form, use the Calculator icon. For a masked PIN input on a sign in screen, use the Password Field icon.
Which styles does it come in?
4 styles: Outline, Solid, Duotone and Filled. Every style is drawn on the same 24 by 24 grid and installs as its own file, so you can switch styles without touching the layout.
How do I install it with the shadcn CLI?
Copy the install command from the panel above, in the style you want, and run it in your project. The shadcn CLI adds the icon as a React component that you import and render like any other. It draws in the current text color, so your text color and size classes style it. Icon installs need a ReUI Ultimate license.
What icons go well with it?
Icons from the same family and the Layout set: Dots Grid, Grid Four, Grid Nine, Parcel Grid, Symbols Grid and Browser Swipe.
When was it added, and what was it called before?
It joined the ReUI icon library on June 30, 2026. It was previously named burger-menu-2, and that install name still resolves to this icon.
Icons related to Dots Grid Square
For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Installs with a ReUI Ultimate license.
When to use
- The dial pad toggle on a calling screen that brings the number keys back during a call
- An apps launcher in a toolbar whose other buttons all sit in rounded tiles
When not to use
- An apps launcher in an open header with no frames around its buttons: use the Dots Grid icon
- Working out totals, tips or price estimates in a form: use the Calculator icon
- A masked PIN input on a sign in screen: use the Password Field icon
Agent notes
- Name an icon-only button with its label, "Show keypad", as the aria-label
Markdown
https://web.dev.reui.io/icons/preview/dots-grid-square.mdMCP
get_icon("dots-grid-square")Install
npx shadcn@latest add @reui/icons/default/duotone/dots-grid-squareStart building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
Get All-Access
From $249, once. Lifetime updates.