The Tabler navigation down icon visually represents a downward direction, commonly used to indicate actions like scrolling down, descending in a list, or navigating to a lower section of content.
Common uses
- Scroll to bottom of page button
- Expandable section indicator
- Step-by-step form navigation
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconNavigationDown } from '@tabler/icons-react';
<IconNavigationDown size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Map
- Keywords
- lowerdescendbelowdropfallsinkbottomsubmergereducedecreasemapnavigationdownscroll downarrow down
FAQ
- What is the purpose of the navigation down icon?
- It signifies a downward movement or direction, often used for scrolling, collapsing, or indicating a lower position within an interface.
- How do I use this icon in React?
- Import it using `import { IconNavigationDown } from '@tabler/icons-react';` and then render it as a component: `<IconNavigationDown />`.
- What is the license for this icon?
- The Tabler icons, including navigation down, are distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.