The Tabler square chevrons down icon depicts stacked chevrons pointing downwards within a square, commonly used to indicate expanding or showing more content below.
Common uses
- Expandable content sections
- Collapsing a view
- Scrolling to the bottom of a page
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconSquareChevronsDown } from '@tabler/icons-react';
<IconSquareChevronsDown size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconSquareChevronsDown size={24} stroke={2} />filled
<IconSquareChevronsDownFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- shapesouthbottomdirectionsquarechevronsdowndecreasenavigationflowarrowscollapseshow moredownloadscroll down
FAQ
- What is the purpose of the square chevrons down icon?
- It visually represents an action to expand, reveal, or navigate downwards, often used for content that can be shown or hidden.
- How do I use this icon in React?
- You can import and use it with: import { IconSquareChevronsDown } from '@tabler/icons-react'
- What is the license for this icon?
- This icon is released under the MIT license, allowing for free use.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →