Rotate Right icon

Microsoft uses it to rotate content on canvas. The Rotate Right icon is tagged canvas, vertical and horizontal. Similar Fluent icons include Rotate Left, Text Align Right Rotate 270 and Text Align Right Rotate 90.

Regular (outlined)

Filled

Xceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

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_rotate_right_24_regular.svg

npm install @fluentui/react-icons

import { RotateRight24Regular } from "@fluentui/react-icons";

export function Example() {
  return <RotateRight24Regular aria-label="Rotate Right" />;
}

Use the Rotate Right icon in React

Import RotateRight24Regular and RotateRight24Filled 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	Rotate Right
Styles	Regular (outlined), Filled
Sizes	20 px, 24 px
Regular (outlined) file	`ic_fluent_rotate_right_24_regular.svg`
Filled file	`ic_fluent_rotate_right_24_filled.svg`
React (Regular)	`RotateRight20Regular, RotateRight24Regular`
React (Filled)	`RotateRight20Filled, RotateRight24Filled`
Font glyph (Regular, 24 px)	`U+EA3A` · ``
Font glyph (Filled, 24 px)	`U+EA42` · ``
License	MIT (© Microsoft Corporation)

Keywords

edit create canvas horizontal vertical

Also in Material Symbols

Rotate RightGoogle's version of this icon, on Materialicons

Rotate Right icon

Every size and style