View Columns 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.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-view-columns.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-view-columns.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-view-columns.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 icon

Similar Icons

Identification 20 Solid - system icon from HeroIcons
identification 20 solid
Chevron Left 20 Solid - navigation icon from HeroIcons
chevron left 20 solid
Hashtag - communication icon from HeroIcons
hashtag
Photo Solid - media icon from HeroIcons
photo solid
Circle Stack 20 Solid - data icon from HeroIcons
circle stack 20 solid
User Group Solid - interface icon from HeroIcons
user group solid
Gif 16 Solid - media icon from HeroIcons
gif 16 solid
Cog 8 Tooth 16 Solid - system icon from HeroIcons
cog 8 tooth 16 solid
Chevron Right 20 Solid - navigation icon from HeroIcons
chevron right 20 solid