Layout
48 hand-drawn layout icons spanning layout grid, layout new and layout sidebar right text and more, available in line, duotone and solid styles on a shared 24×24 grid. They're built for grid switchers, page builders and design tools. Click any icon to preview every style, copy the SVG or download it with a license.
48 icons · line, duotone and solid
- layout-bulletlist
- layout-bulletlist-2
- layout-card-list
- layout-cards
- layout-center
- layout-center-text
- layout-columns
- layout-columns-2
- layout-columns-dense
- layout-columns-text
- layout-delete
- layout-eye
- layout-footer
- layout-footer-2
- layout-free
- layout-grid
- layout-grid-2
- layout-grid-2-dense
- layout-grid-dense
- layout-grid-dots
- layout-grid-free
- layout-header
- layout-header-2
- layout-kanban
- layout-kanban-2
- layout-kanban-3
- layout-list
- layout-list-2
- layout-map
- layout-masonry
- layout-masonry-rows
- layout-new
- layout-off
- layout-rows
- layout-rows-2
- layout-rows-dense
- layout-sidebar-detail
- layout-sidebar-left
- layout-sidebar-left-collapse
- layout-sidebar-left-expand
- layout-sidebar-left-text
- layout-sidebar-right
- layout-sidebar-right-collapse
- layout-sidebar-right-expand
- layout-sidebar-right-text
- layout-sidebar-stacked
- layout-table-list
- layout-treemap
Using the layout icons
Every layout icon comes as an SVG file and as a native component in the Figma master file. The line icons use real strokes, so the stroke width stays editable. Designers can work with them as Figma components, developers can paste the SVG into React. Need free icons? Get the 760 MIT-licensed icons.
Related categories
Layout icons FAQ
- How many layout icons are in Majesticons?
- There are 48 layout icons, each hand-crafted in line, duotone and solid styles on the same 24×24 grid as the other 11,000+ icons in the library.
- Are the layout icons free?
- Previewing all 48 layout icons is free. Copying and downloading them takes a one-time Majesticons license; the free MIT-licensed set covers other categories.
- Which format do the layout icons come in?
- Every layout icon is an optimized SVG file, and the Figma master file has each one as a native component. The line versions keep real strokes, so you can change the stroke width in code or in Figma.
- Where can I use layout icons?
- They are made for grid switchers, page builders and design tools. A license covers unlimited personal and commercial projects, including client work, with no per-project fees.
Use these icons in your project
One payment, lifetime access: all 11,000+ icons in three styles, SVG copy & download, and the Figma master file.
