What is the PanelLeftIcon used for?

It's typically used to indicate a collapsible or fixed sidebar on the left side of the screen, often containing navigation or secondary controls.

How do I use PanelLeftIcon in React?

Import both HugeiconsIcon and PanelLeftIcon, then render it using .

What is the license for HugeIcons?

HugeIcons are distributed under the MIT license, allowing for free commercial and non-commercial use.

panel left icon

HugeIcons · PanelLeftIcon · MIT

Download SVG

The HugeIcons panel left icon visually represents a sidebar or navigation pane that appears on the left side of a user interface, commonly used for menus, toolbars, or content organization.

Common uses

Sidebar navigation
Collapsible menu
Left-aligned content panel

Use it in React

Install

npm i @hugeicons/react @hugeicons/core-free-icons

Import & render

import { HugeiconsIcon } from '@hugeicons/react';
import { PanelLeftIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={PanelLeftIcon} size={24} strokeWidth={1.5} />

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: sidebar leftnavigation panelleft menudrawer left

FAQ

What is the PanelLeftIcon used for?: It's typically used to indicate a collapsible or fixed sidebar on the left side of the screen, often containing navigation or secondary controls.
How do I use PanelLeftIcon in React?: Import both HugeiconsIcon and PanelLeftIcon, then render it using <HugeiconsIcon icon={PanelLeftIcon} />.
What is the license for HugeIcons?: HugeIcons are distributed under the MIT license, allowing for free commercial and non-commercial use.

Related icons

The same idea in other libraries, and near matches in HugeIcons.

lucide hugeicons hugeicons hugeicons hugeicons hugeicons hugeicons hugeicons hugeicons hugeicons hugeicons 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 →