The HugeIcons view sidebar left icon visually represents the action of revealing or toggling a left-aligned sidebar menu, commonly used to access navigation or supplementary content.
Common uses
- Show/hide main navigation menu
- Toggle secondary content panel
- Expand/collapse settings drawer
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { ViewSidebarLeftIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={ViewSidebarLeftIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- toggle sidebarshow menuleft panelnavigation drawer
FAQ
- What does the view sidebar left icon represent?
- This icon signifies the action of displaying or hiding a sidebar panel that is positioned on the left side of the screen. It's often used for navigation or additional controls.
- How do I use this icon in React?
- Import both HugeiconsIcon and ViewSidebarLeftIcon, then render the icon component like this: <HugeiconsIcon icon={ViewSidebarLeftIcon} />.
- What is the license for this icon?
- This icon is distributed under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →