The Tabler square chevrons up icon depicts four stacked chevrons within a square, commonly used to indicate moving content to the top or a 'scroll to top' action.
Common uses
- Scroll to top button
- Expand all sections
- Move to first item
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconSquareChevronsUp } from '@tabler/icons-react';
<IconSquareChevronsUp size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconSquareChevronsUp size={24} stroke={2} />filled
<IconSquareChevronsUpFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- shapedirectionnorthtopsquarechevronsincreasenavigationflowrectangulararrowsupscroll to topdouble chevron upmove to topexpand all
FAQ
- What is the purpose of the square chevrons up icon?
- It visually represents moving something to the highest position, often used for 'scroll to top' or 'expand all' functionalities.
- How do I use this icon in React?
- Import it from '@tabler/icons-react' using: import { IconSquareChevronsUp } from '@tabler/icons-react'
- What is the license for this icon?
- The Tabler icon library, including this icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.