The HugeIcons circle arrow up down icon depicts a circular arrow indicating a bidirectional movement, often used to represent actions like refreshing, toggling, or switching between states.
Common uses
- Refresh or reload data
- Toggle between two views or states
- Indicate a bidirectional sync or connection
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { CircleArrowUpDownIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={CircleArrowUpDownIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- refresh iconsync iconbidirectional arrowtoggle icon
FAQ
- What is the purpose of the circle arrow up down icon?
- This icon typically signifies an action that involves moving in both upward and downward directions, such as refreshing content or switching between two modes.
- How do I use the CircleArrowUpDownIcon in React?
- Import both HugeiconsIcon and CircleArrowUpDownIcon, then render it using <HugeiconsIcon icon={CircleArrowUpDownIcon} />.
- What is the license for this icon?
- The HugeIcons library, including this icon, is distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →