Rotate Left icon

Microsoft uses it to rotate content on canvas. The Rotate Left icon is tagged canvas, vertical and horizontal. Similar Fluent icons include Rotate Right, Text Align Left Rotate 270 and Text Align Left 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_left_24_regular.svg

npm install @fluentui/react-icons

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

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

Use the Rotate Left icon in React

Import RotateLeft24Regular and RotateLeft24Filled 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 Left
Styles	Regular (outlined), Filled, Light
Sizes	20 px, 24 px, 32 px
Regular (outlined) file	`ic_fluent_rotate_left_24_regular.svg`
Filled file	`ic_fluent_rotate_left_24_filled.svg`
React (Regular)	`RotateLeft20Regular, RotateLeft24Regular`
React (Filled)	`RotateLeft20Filled, RotateLeft24Filled`
React (Light)	`RotateLeft32Light`
Font glyph (Regular, 24 px)	`U+EA38` · ``
Font glyph (Filled, 24 px)	`U+EA40` · ``
License	MIT (© Microsoft Corporation)

Keywords

edit create canvas horizontal vertical

Also in Material Symbols

Rotate LeftGoogle's version of this icon, on Materialicons