What does the rotate clockwise icon represent?

It depicts a circular arrow moving clockwise, typically used for actions like refreshing, reloading, or restarting.

How do I use this icon in React?

You can import and use it with `import { IconRotateClockwise } from '@tabler/icons-react'`. Then, render it as ` `.

What is the license for this icon?

This icon is provided under the MIT license, allowing for free use.

rotate clockwise icon

Tabler · rotate-clockwise · MIT

The Tabler rotate clockwise icon visually represents a circular arrow indicating a clockwise rotation, commonly used to signify actions like refreshing content, reloading a page, or restarting a process.

Common uses

Content refresh button
Page reload action
Restart process indicator

Use it in React

Install

npm i @tabler/icons-react

Import & render

import { IconRotateClockwise } from '@tabler/icons-react';

<IconRotateClockwise size={24} stroke={2} />

Details

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: Arrows
Keywords: refreshsynchronizationreloadrestartspinnerloaderajaxupdatearrowsrotateclockwisesync

FAQ

What does the rotate clockwise icon represent?: It depicts a circular arrow moving clockwise, typically used for actions like refreshing, reloading, or restarting.
How do I use this icon in React?: You can import and use it with `import { IconRotateClockwise } from '@tabler/icons-react'`. Then, render it as `<IconRotateClockwise />`.
What is the license for this icon?: This icon is provided under the MIT license, allowing for free use.

Related icons

The same idea in other libraries, and near matches in Tabler.

hugeicons tabler tabler tabler tabler tabler tabler tabler tabler

Looking for something else? Search Tabler 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 →