The Lucide square chevron up icon depicts a chevron pointing upwards within a square, commonly used to indicate expanding or collapsing content, moving to a previous section, or indicating an upward direction.
Common uses
- Expand/collapse section
- Scroll to top
- Navigate to previous step
Use it in React
Install
npm i lucide-reactImport & render
import { SquareChevronUp } from 'lucide-react';
<SquareChevronUp size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- caretkeyboardbuttonmaccontrolctrlsuperscriptexponentialpoweraheadmenupanel^squarechevronup
FAQ
- What is the square chevron up icon used for?
- It's often used for actions like expanding or collapsing content panels, scrolling to the top of a page, or indicating a 'previous' or 'up' action.
- How do I use the square chevron up icon in React?
- You can import and use it like this: import { SquareChevronUp } from 'lucide-react'. Then render it as <SquareChevronUp />.
- What is the license for this icon?
- The Lucide icon library, including the square chevron up icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →