1. Icon Monks
2. Interface icons
3. Layout Bottom Bar

Layout Bottom Bar icon

A free layout bottom bar icon from the Interface set, useful for bottom bar, tab bar, navigation, layout. It comes in six weights and is free for personal and commercial use under the MIT license.

SVG

SVG

SVG

SVG

SVG

SVG

Open in the icon browserCustomize size and color, then download PNG, WebP or PDF.

Use the layout bottom bar icon in your code

import { LayoutBottomBar } from '@icon-monks/react';

<LayoutBottomBar size={24} />

<script setup>
import { LayoutBottomBar } from '@icon-monks/vue';
</script>

<LayoutBottomBar :size="24" />

<icon-monks name="layout-bottom-bar" size="24"></icon-monks>

<i class="im im-layout-bottom-bar"></i>

Icon(IconMonks.layoutBottomBar)

Image(iconMonks: .layoutBottomBar)

Icon(IconMonks.Regular.LayoutBottomBar, contentDescription = null)

Need setup steps? See the getting started guide or the page for React, Flutter, SwiftUI or Jetpack Compose.

Tags

• bottom bar
• tab bar
• navigation
• layout
• footer

Related interface icons

• layout-top-bar
• app-window-bottom
• app-window-bottom-left
• app-window-bottom-right
• layout-cards
• layout-masonry
• panel-bottom-dashed
• panel-bottom-open
• layout-board
• layout-grid
• layout-list
• panel-bottom-close
• progress-bar
• app-window-center
• columns-three
• grid-scan
• grid-six
• list

See all 488 interface icons