The HugeIcons sidebar left icon visually represents a navigation panel positioned on the left side of the screen, commonly used to house primary navigation links or secondary content.
Common uses
- Primary navigation menu
- Collapsible settings panel
- Secondary content drawer
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { SidebarLeftIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={SidebarLeftIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- navigation drawerside panelmenu icon leftleft panel
FAQ
- What is the purpose of the sidebar left icon?
- This icon signifies a navigation or content area typically located on the left edge of a user interface, often used for menus or supplementary information.
- How do I use the SidebarLeftIcon in React?
- Import both HugeiconsIcon and SidebarLeftIcon, then render them using <HugeiconsIcon icon={SidebarLeftIcon} />.
- What is the license for this icon?
- The SidebarLeftIcon 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.