View Columns 20 Solid 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/heroicons-view-columns-20-solid.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-view-columns-20-solid.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-view-columns-20-solid.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-view-columns-20-solid.json
Category:layout
Tags:viewcolumnslayoutgridpanelsplitstructure

The view-columns icon represents columnar layouts and multi-column views with its vertical column design showing structured display.

This layout symbol has become the universal indicator for column views, multi-panel layouts, split views, and structured displays across all modern content platforms and layout systems.

Frequently Asked Questions

Common questions about the View Columns 20 Solid icon

Similar Icons

Document Arrow Up - actions icon from HeroIcons
document arrow up
Pencil Square 20 Solid - actions icon from HeroIcons
pencil square 20 solid
Square 3 Stack 3d 16 Solid - layout icon from HeroIcons
square 3 stack 3d 16 solid
Bars 3 Center Left 20 Solid - interface icon from HeroIcons
bars 3 center left 20 solid
Arrow Right Circle - navigation icon from HeroIcons
arrow right circle
Arrow Right End On Rectangle Solid - navigation icon from HeroIcons
arrow right end on rectangle solid
Arrows Pointing Out - interface icon from HeroIcons
arrows pointing out
Minus Circle 20 Solid - actions icon from HeroIcons
minus circle 20 solid
Qr Code - interface icon from HeroIcons
qr code