---
title: "Bottom Navigation Icon | Free Download PNG & SVG | Material Pro Line"
product: "Streamline Icons, Illustrations and Elements"
url: /icons/download/bottom-navigation--32246
canonical_url: "https://www.streamlinehq.com/icons/download/bottom-navigation--32246"
summary: "Clean line icon of a rounded rectangle with a bottom bar. Used for bottom navigation and mobile interfaces."
---

# Bottom Navigation icon

The Bottom Navigation icon shows a rounded rectangular panel with a large upper area and a separated horizontal bar along the bottom. Drawn in the line style on a 24px grid for clear, consistent UI scaling. Use it for mobile navigation bars, app layouts, interface previews, and dashboard navigation. It belongs to Material Pro Line set in the Streamline Material family.

## Preview

![Clean line icon of a rounded rectangle with a bottom bar. Used for bottom navigation and mobile interfaces.](https://assets.streamlinehq.com/image/private/w_240,h_240,ar_1/f_auto/v1/icons/ui-actions/bottom-navigation-wfwn4vd3m1r10x883yqq.png/bottom-navigation-izz4b9aze6aggftmhugx7.png?_a=DATAiZkSZAA0)

## Details

- **Name**: Bottom Navigation
- **Type**: Icon
- **Set**: [Material Pro Line](/icons/material-pro-line.md) — Google Material Pro offers a versatile collection of high-quality, easily recognizable icons built on Material Design principles, ensuring clarity, consistency, and simplicity for a wide range of digital applications. The Line style is perfect for projects that prioritize simplicity, seamlessly adapting to both light and dark backgrounds. All Material Pro icons are designed on a 24px grid.
- **Family**: [Streamline Material](/icons/material-pro.md)
- **Style**: Line
- **Category**: UI Actions › UI Actions
- **Default size**: 24px
- **Pricing**: Pro
- **Author**: [Streamline](https://home.streamlinehq.com/)
- **Formats**: PNG, WEBP, PDF, SVG, JSX
- **Tags**: bottom, navigation

## Download

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

## Also available in other styles

- [Bottom Navigation — Outlined Line - Streamline Material](/icons/download/bottom-navigation--32265.md) (Pro)
- [Bottom Navigation — Sharp Line - Streamline Material](/icons/download/bottom-navigation--32894.md) (Pro)
- [Bottom Navigation — Rounded Line - Streamline Material](/icons/download/bottom-navigation--32934.md) (Pro)

---

[View full sitemap](/sitemap.md)