The Tabler rotate 360 icon visually represents a full circular motion, commonly used to indicate refresh, reload, or continuous spinning actions in a user interface.
Common uses
- Refresh or reload button
- Loading or spinning indicator
- Interactive element rotation control
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconRotate360 } from '@tabler/icons-react';
<IconRotate360 size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- degreecirclecameraspinrotationrotate360navigationflowmovementarrowsreloadcircular arrowrefresh
FAQ
- What does the rotate 360 icon signify?
- It signifies a complete 360-degree rotation or spin. It's often used for actions like refreshing content or indicating a process is in motion.
- How do I use the rotate 360 icon in React?
- You can import and use it directly in your React components like this: `import { IconRotate360 } from '@tabler/icons-react'`. Then, render it as `<IconRotate360 />`.
- What is the license for this icon?
- The Tabler icons, including rotate 360, are distributed under the MIT license, which allows for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Tabler.