Column Arrow Right icon
Microsoft uses it to represent content columns. The Column Arrow Right icon is tagged move, grid and alignment. Similar Fluent icons include Text Arrow Down Right Column, Text Column Two Right and Column Edit.
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, 20 px
ic_fluent_column_arrow_right_20_regular.svg
Column Arrow Right icon in React
npm install @fluentui/react-icons
import { ColumnArrowRight20Regular } from "@fluentui/react-icons";
export function Example() {
return <ColumnArrowRight20Regular aria-label="Column Arrow Right" />;
}Use the Column Arrow Right icon in React
Import ColumnArrowRight20Regular and ColumnArrowRight20Filled 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 | Column Arrow Right |
|---|---|
| Styles | Regular (outlined), Filled |
| Sizes | 20 px |
| Regular (outlined) file | ic_fluent_column_arrow_right_20_regular.svg |
| Filled file | ic_fluent_column_arrow_right_20_filled.svg |
| React (Regular) | ColumnArrowRight20Regular |
| React (Filled) | ColumnArrowRight20Filled |
| Font glyph (Regular, 20 px) | U+E3CA ·  |
| Font glyph (Filled, 20 px) | U+E3D6 ·  |
| License | MIT (© Microsoft Corporation) |