Arrow Counterclockwise icon
Microsoft uses it for loading, retry, & skip actions. The Arrow Counterclockwise icon is tagged circle, point and direction. Similar Fluent icons include Arrow Counterclockwise Dashes, Arrow Rotate Counterclockwise and Bug Arrow Counterclockwise.
Every size and style
Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.
Regular, 24 px
ic_fluent_arrow_counterclockwise_24_regular.svg
Arrow Counterclockwise icon in React
npm install @fluentui/react-icons
import { ArrowCounterclockwise24Regular } from "@fluentui/react-icons";
export function Example() {
return <ArrowCounterclockwise24Regular aria-label="Arrow Counterclockwise" />;
}Use the Arrow Counterclockwise icon in React
Import ArrowCounterclockwise24Regular and ArrowCounterclockwise24Filled from Microsoft's @fluentui/react-icons package; the code tabs above have this and other platforms. Coding agents can look the component up through the Fluent Icons MCP server.
Details
| Name | Arrow Counterclockwise |
|---|---|
| Styles | Regular (outlined), Filled |
| Sizes | 12 px, 16 px, 20 px, 24 px, 28 px, 32 px, 48 px |
| Regular (outlined) file | ic_fluent_arrow_counterclockwise_24_regular.svg |
| Filled file | ic_fluent_arrow_counterclockwise_24_filled.svg |
| React (Regular) | ArrowCounterclockwise12Regular, ArrowCounterclockwise16Regular, ArrowCounterclockwise20Regular, ArrowCounterclockwise24Regular, ArrowCounterclockwise28Regular, ArrowCounterclockwise32Regular, ArrowCounterclockwise48Regular |
| React (Filled) | ArrowCounterclockwise12Filled, ArrowCounterclockwise16Filled, ArrowCounterclockwise20Filled, ArrowCounterclockwise24Filled, ArrowCounterclockwise28Filled, ArrowCounterclockwise32Filled, ArrowCounterclockwise48Filled |
| Font glyph (Regular, 24 px) | U+F140 ·  |
| Font glyph (Filled, 24 px) | U+F140 ·  |
| License | MIT (© Microsoft Corporation) |
Keywords
Similar icons
Arrow Counterclockwise DashesArrow Rotate CounterclockwiseBug Arrow CounterclockwiseArrow Counterclockwise InfoCalendar Arrow CounterclockwiseImage Arrow CounterclockwiseArrow ClockwiseArrow Clockwise DashesArrow Clockwise Dashes SettingsArrow Circle DownArrow Circle Down DoubleArrow Circle Down Split