Sidebar

A sidebar — a column down one side of the screen for navigation or a drawer

Also searched as drawer, panel-left, layout-panel-left.

Category: Interface
Group: layout
Added: 0.8.1
Licence: MIT

outline · regular · 2.0024px

import { Sidebar } from "@iconmind/react";

<Sidebar />

See it in action

outline · 2.00

Buttons16px

Run sidebarSecondary

Ghost

Sidebar18px

Workspace

Sidebar12AccordionAdd locationAdd search

Toolbar16px · in a row

Sidebar

OverviewRunsLogs

Knocked out16 · 20px

Sidebar

sidebar

Run

4 running

A list20px

Sidebar

Updated 4 minutes ago

active

Add location

Idle since Tuesday

idle

Add search

Idle since Tuesday

idle

A metric20px · beside a number

+12.4%

1,284

Sidebar events this week

Icons that go with Sidebar

The concepts this one usually appears beside, not just the ones filed near it.

panel-left-dashed panel-left-close panel-left-open columns pane-left layout

More Interface icons

621 icons across 9 groups, drawn to the same grid and the same stroke.

See all 621 →

accordion add-location add-search address agenda alarm align-center align-center-horizontal align-center-vertical align-end-horizontal align-end-vertical align-horizontal-space-between align-left align-left-obj align-right align-start-horizontal align-start-vertical align-vertical-space-between

Improve this icon on GitHub

Ship Sidebar in your next build

Sidebar is one of 5,287 icons compiled from a single grid — outline and duotone, three weights, every cell generated rather than redrawn. MIT licensed: commercial use, no attribution, no seat count.

Browse Interface Install the package Request an icon