Bars 4 Solid icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable interface vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/heroicons-bars-4-solid.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-bars-4-solid.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-bars-4-solid.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-bars-4-solid.json
Category:interface
Tags:barssolidfilledmenuexpandedcomprehensivefour

The solid bars-4 icon delivers expanded menu triggers with filled styling for maximum visual impact in comprehensive navigation interfaces.

This default-size solid variant provides the four-bar design with enhanced visual weight, making feature-rich menu indicators and expanded navigation triggers immediately identifiable across diverse enterprise and content-heavy application contexts.

Frequently Asked Questions

Common questions about the Bars 4 Solid icon

Similar Icons

Chevron Double Right - navigation icon from HeroIcons
chevron double right
View Columns 16 Solid - layout icon from HeroIcons
view columns 16 solid
Rocket Launch 20 Solid - actions icon from HeroIcons
rocket launch 20 solid
Pause Circle 20 Solid - media icon from HeroIcons
pause circle 20 solid
H2 20 Solid - typography icon from HeroIcons
h2 20 solid
Face Smile 16 Solid - interface icon from HeroIcons
face smile 16 solid
Information Circle 20 Solid - interface icon from HeroIcons
information circle 20 solid
Ellipsis Horizontal Circle 20 Solid - interface icon from HeroIcons
ellipsis horizontal circle 20 solid
Arrow Trending Up 20 Solid - data icon from HeroIcons
arrow trending up 20 solid