Bottom Navigation Outline icon

material-symbolsfill

The Bottom Navigation Outline icon is a solid SVG from the Material Symbols set (16,344 icons), drawn by Google and free under the Apache-2.0 license. Customize its color, and size below, then copy it as SVG, JSX, or a React component, or download a PNG. Commonly used for bottom, navigation, outline.

Tags: bottom, navigation, outline

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill="currentColor" d="M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm0-6h14V5H5zm0 2v2h14v-2zm0 0v2z"/></svg>

Customize

Color

Export size · 24px

Background

Animation

Bake color into copied code (otherwise currentColor)

Related Material Symbols icons

Bottom Navigation Outline Sharp Assistant Navigation Outline Assistant Navigation Outline Rounded Bottom App Bar Outline Bottom App Bar Outline Sharp Bottom Drawer Outline Bottom Drawer Outline Sharp Bottom Navigation Bottom Navigation Sharp Bottom Panel Close Outline Bottom Panel Close Outline Rounded Bottom Panel Close Outline Sharp