The HugeIcons circle arrow diagonal 01 icon depicts a circular arrow moving diagonally, commonly used to indicate a refresh, reload, or a cyclical process with a directional change.
Common uses
- Refresh data feed
- Cycle through options
- Navigate to a related, but different, section
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { CircleArrowDiagonal01Icon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={CircleArrowDiagonal01Icon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- refresh diagonalreload diagonalcycle arrowdiagonal refresh
FAQ
- What is the circle arrow diagonal 01 icon used for?
- This icon typically represents actions like refreshing content, reloading a page, or indicating a cyclical process that involves a directional shift.
- How do I use the CircleArrowDiagonal01Icon in React?
- Import it using `import { CircleArrowDiagonal01Icon } from '@hugeicons/core-free-icons';` and render it with `<HugeiconsIcon icon={CircleArrowDiagonal01Icon} />` after importing `HugeiconsIcon` from '@hugeicons/react'.
- What is the license for this icon?
- The HugeIcons icon 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 →