Bottom Bar icon
Represent a mobile tab bar docked at the bottom of the screen.
24px × 4
1.75
Use it in your project
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
<rect width="15" height="19" x="4.5" y="2.5" rx="3"/>
<path d="M4.5 15.75h15"/>
<circle cx="8.5" cy="18.63" r="1" fill="currentColor" stroke="none"/>
<circle cx="12" cy="18.63" r="1" fill="currentColor" stroke="none"/>
<circle cx="15.5" cy="18.63" r="1" fill="currentColor" stroke="none"/>
</svg>Icon details
- Name
- bottom-bar
- Component
- BottomBarIcon
- Category
- Interface Essentials
- Variants
- Outline, Filled
- Added in
- v0.2.0
- Files
- @ikions/icons/outline/bottom-bar.svg
@ikions/icons/filled/bottom-bar.svg
Related icons
- navigation-barNavigation Bar icon
- status-barStatus Bar icon
- smartphoneSmartphone icon
- align-bottomAlign Bottom icon
- layout-columnsLayout Columns icon
- layout-dashboardLayout Dashboard icon
- layout-gridLayout Grid icon
- layout-listLayout List icon
- layout-masonryLayout Masonry icon
- layout-rowsLayout Rows icon
- layout-splitLayout Split icon
- panel-bottomPanel Bottom icon