The HugeIcons rotate 360 icon visually represents a circular arrow indicating a full rotation or refresh action, commonly used for refreshing content or restarting a process.
Common uses
- Content refresh button
- Restart process indicator
- Circular loading animation
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { Rotate360Icon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={Rotate360Icon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- refreshreloadcircular arrowspin
FAQ
- What does the rotate 360 icon signify?
- It signifies a complete circular movement or a refresh action. It's often used to indicate that content is being updated or a process is restarting.
- How do I use the Rotate360Icon in React?
- Import both HugeiconsIcon and Rotate360Icon, then render <HugeiconsIcon icon={Rotate360Icon} />. Ensure you have '@hugeicons/react' and '@hugeicons/core-free-icons' installed.
- What is the license for this icon?
- This icon is provided under the MIT license, allowing for free use in both personal and commercial projects.
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 →