The Tabler circle open arrow up icon depicts an upward-pointing arrow within an open circle, commonly used to indicate an action to move upwards or to a higher level.
Common uses
- Scroll to top button
- Navigate to the previous section
- Indicate an 'expand' or 'show more' action
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconCircleOpenArrowUp } from '@tabler/icons-react';
<IconCircleOpenArrowUp size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- circleopenarrowupdirectionnorthnavigationpointerroundarrowsscroll uparrow northexpand upgo to top
FAQ
- What is the circle open arrow up icon used for?
- It's typically used for actions related to moving upwards, increasing, or expanding content. This includes scrolling to the top of a page or navigating to a higher level.
- How do I use the circle open arrow up icon in React?
- You can import and use it directly in your React components like this: import { IconCircleOpenArrowUp } from '@tabler/icons-react'. Then, render the component: <IconCircleOpenArrowUp />.
- What is the license for this icon?
- This icon is from the Tabler icon library and is available under the MIT license.
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 →