The Tabler layout bottombar collapse icon depicts a UI element that typically represents a collapsible bottom navigation bar or a sidebar that can be minimized, often used to save screen space.
Common uses
- Collapsible sidebar menu in a dashboard
- Minimizing a footer navigation bar
- Toggling a secondary content panel
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconLayoutBottombarCollapse } from '@tabler/icons-react';
<IconLayoutBottombarCollapse size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconLayoutBottombarCollapse size={24} stroke={2} />filled
<IconLayoutBottombarCollapseFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Design
- Keywords
- gridasidecolumncolumnsmenunavigationlayoutbottombarcollapsecreativedesignminimize sidebarcollapsible menubottom navigation togglelayout aside
FAQ
- What is the layout bottombar collapse icon used for?
- It's used to visually represent a UI component that can be expanded or collapsed, commonly a bottom navigation bar or a sidebar, to manage screen real estate.
- How do I use this icon in React?
- You can import it directly from the '@tabler/icons-react' library using: import { IconLayoutBottombarCollapse } from '@tabler/icons-react'.
- What is the license for this icon?
- This icon is part of the Tabler icon library and is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →