The Tabler chevron down icon depicts a downward-pointing chevron, commonly used to indicate actions like expanding content, scrolling down, or selecting from a dropdown menu.
Common uses
- Expand/collapse section
- Dropdown menu indicator
- Scroll to bottom
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconChevronDown } from '@tabler/icons-react';
<IconChevronDown size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconChevronDown size={24} stroke={2} />filled
<IconChevronDownFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- movenextswipebottomchevrondowndecreasenavigationflowfallarrowscaret downarrow downdropdown arrow
FAQ
- What is the chevron down icon used for?
- It visually signals downward movement or expansion, often used for dropdowns, accordions, or indicating more content below.
- How do I use the chevron down icon in React?
- Import it using `import { IconChevronDown } from '@tabler/icons-react'` and then render it as a component: `<IconChevronDown />`.
- What is the license for Tabler icons?
- Tabler icons are distributed under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Tabler.