The HugeIcons arrow reload horizontal icon depicts a circular arrow moving horizontally, commonly used to indicate refreshing or re-fetching data without changing the current view.
Common uses
- Refresh data feed
- Re-fetch API results
- Cycle through options horizontally
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { ArrowReloadHorizontalIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={ArrowReloadHorizontalIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- refresh horizontalcycle horizontalreload horizontalsync horizontal
FAQ
- What does the arrow reload horizontal icon represent?
- It represents an action to refresh or reload content, often used for data that updates dynamically. The horizontal orientation suggests a refresh that doesn't necessarily change the user's current position or context.
- How do I use the ArrowReloadHorizontalIcon in React?
- Import both HugeiconsIcon and ArrowReloadHorizontalIcon, then render the icon component like this: <HugeiconsIcon icon={ArrowReloadHorizontalIcon} />.
- What is the license for this icon?
- This icon is part of the HugeIcons library and is available 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 →