Layout Icons
Layout, grid, and spacing icons
Select an icon to view details
Layout icons represent grid, alignment, and spacing controls for design and page-builder tools: column and row layouts, alignment (left/center/right/justify), distribute-spacing, and sidebar/panel toggles. Use these in design-tool toolbars, page-builder layout pickers, and responsive-preview switches. They pair with form-controls and navigation for a complete builder UI toolkit.
Frequently Asked Questions
What layout patterns are covered?⌄
Column and row grids, alignment (left/center/right/justify/top/middle/bottom), distribute-spacing, and sidebar/panel toggle icons for page-builder and design-tool UI.
Are these the same as the grid icon in the tables category?⌄
No — the tables grid icon represents a data grid (rows/columns of data). Layout icons represent structural page layout (content regions, alignment), a different use case.
Is there a sidebar or panel-toggle icon in this set?⌄
Yes, sidebar and panel-toggle glyphs are included for builder UI that lets users show/hide auxiliary panels alongside the main content area.
Related Categories
Layout icons — also searched as: layout icon, grid layout icon, alignment icon, page layout icon.