The Tabler square rounded chevrons down icon depicts a stack of chevrons pointing downwards within a rounded square, commonly used to indicate expanding or collapsing content, or to signify a 'show more' or 'load more' action.
Common uses
- Expand/collapse section
- Show more content
- Load additional items
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconSquareRoundedChevronsDown } from '@tabler/icons-react';
<IconSquareRoundedChevronsDown size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconSquareRoundedChevronsDown size={24} stroke={2} />filled
<IconSquareRoundedChevronsDownFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- shapesouthbottomdirectionsquareroundedchevronsdowndecreasenavigationarrowsdownloadexpandshow morecollapse
FAQ
- What is the purpose of the square rounded chevrons down icon?
- It visually represents an action to reveal more information or expand a section, often used for 'show more' or 'load more' functionalities.
- How do I use this icon in React?
- You can import and use it directly with: import { IconSquareRoundedChevronsDown } from '@tabler/icons-react'.
- What is the license for this icon?
- This icon is provided 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.