---
title: "Bottom Navigation Fill Icon | Free Download PNG & SVG | Outlined Fill - Material Symbols"
product: "Streamline Icons, Illustrations and Elements"
url: /icons/download/bottom-navigation-fill--29977
canonical_url: "https://www.streamlinehq.com/icons/download/bottom-navigation-fill--29977"
summary: "Clean solid icon of a rounded rectangle with a large white upper panel and a filled bottom bar. Used for bottom navigation."
---

# Bottom Navigation Fill icon

The Bottom Navigation Fill icon shows a rounded rectangular panel with a large open upper area and a solid bottom section. Drawn in the solid style on a 24px grid so it stays clear at small sizes. Use it for bottom navigation bars, mobile app layouts, interface previews, and screen or panel controls. It belongs to Outlined Fill - Material Symbols free set in the Google Material family.

## Preview

![Clean solid icon of a rounded rectangle with a large white upper panel and a filled bottom bar. Used for bottom navigation.](https://assets.streamlinehq.com/image/private/w_300,h_300,ar_1/f_auto/v1/icons/ui-actions/bottom-navigation-fill-jz3pw6ttd9llmomc9i1j9.png/bottom-navigation-fill-gbrzukdvtlaossbhgfvrc9.png?_a=DATAiZkSZAA0)

## Details

- **Name**: Bottom Navigation Fill
- **Type**: Icon
- **Set**: [Outlined Fill - Material Symbols](/icons/material-symbols-outlined-fill.md) — Material Symbols by Google - free customizable icon set with icons in outlined, rounded, and sharp variants.
- **Family**: [Google Material](/icons/material-symbols.md)
- **Style**: Solid, Bold, Glyph, Geometric
- **Category**: UI Actions › UI Actions
- **Default size**: 24px
- **Pricing**: Free
- **License**: [Apache](https://www.apache.org/licenses/LICENSE-2.0.txt)
- **Author**: [Google](https://fonts.google.com/icons)
- **Formats**: PNG, WEBP, PDF, SVG, JSX
- **Tags**: bottom, navigation, interface, UI, layout, software, application, window, browser, display, screen, monitor, technology, hardware, peripheral, LCD, electronic, minimize, GUI

## Download

- [Download Bottom Navigation Fill on Streamline](https://www.streamlinehq.com/icons/download/bottom-navigation-fill--29977)

## Also available in other styles

- [Bottom Navigation Fill — Sharp Fill - Material Symbols](/icons/download/bottom-navigation-fill--29938.md) (Free)
- [Bottom Navigation Fill — Rounded Fill - Material Symbols](/icons/download/bottom-navigation-fill--29958.md) (Free)

---

[View full sitemap](/sitemap.md)