The Lucide circle chevron up icon depicts a chevron pointing upwards within a circle, commonly used to indicate an upward direction, expansion, or to return to the top of a page.
Common uses
- Scroll to top button
- Expand/collapse section indicator
- Navigation to the previous step
Use it in React
Install
npm i lucide-reactImport & render
import { CircleChevronUp } from 'lucide-react';
<CircleChevronUp size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- caretaheadmenu^circlechevronupcaret uparrow up circleback to topexpand
FAQ
- What is the purpose of the circle chevron up icon?
- It visually represents upward movement, expansion, or returning to a starting point, often used for 'scroll to top' functionality or indicating an expandable element.
- How do I use the circle chevron up icon in React?
- You can import and use it directly from the 'lucide-react' library like this: import { CircleChevronUp } from 'lucide-react'.
- What is the license for this icon?
- The Lucide icon library, including the circle 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 →