Table Move Right icon
Used in moving column and row scenarios. Contains directional variants. The Table Move Right icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Table Move Right icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { TableMoveRight24Regular, TableMoveRight24Filled } from "@fluentui/react-icons";
export function Example() {
return <TableMoveRight24Regular aria-label="Table Move Right" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_table_move_right_24_regular.svg" width="24" height="24" alt="Table Move Right"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 3.75C15.5 3.33579 15.1642 3 14.75 3H6.25C4.45508 3 3 4.45507 3 6.25V17.75C3 19.5449 4.45508 21 6.25 21H14.75C15.1642 21 15.5 20.6642 15.5 20.25V15.9821C15.0075 16.0529 14.4883 15.9144 14.0874 15.558C13.6312 15.1525 13.4372 14.562 13.5178 14H10V10H13.5178C13.4372 9.43796 13.6312 8.84749 14.0874 8.44204C14.4883 8.08562 15.0075 7.94709 15.5 8.01791V3.75ZM4.5 14V10H8.5V14H4.5ZM14 8.5H10V4.5H14V8.5ZM8.5 8.5H4.5V6.25C4.5 5.2835 5.2835 4.5 6.25 4.5H8.5V8.5ZM8.5 19.5H6.25C5.2835 19.5 4.5 18.7165 4.5 17.75V15.5H8.5V19.5ZM10 15.5H14V19.5H10V15.5ZM19.5 3.75C19.5 3.33579 19.8358 3 20.25 3C20.6642 3 21 3.33579 21 3.75V20.25C21 20.6642 20.6642 21 20.25 21C19.8358 21 19.5 20.6642 19.5 20.25V3.75ZM14.7517 9.18945C14.4421 9.46464 14.4143 9.93869 14.6895 10.2483L15.5799 11.25H12.75C12.3358 11.25 12 11.5858 12 12C12 12.4142 12.3358 12.75 12.75 12.75H15.5799L14.6895 13.7517C14.4143 14.0613 14.4421 14.5354 14.7517 14.8106C15.0613 15.0858 15.5354 15.0579 15.8106 14.7483L17.8106 12.4983C18.0632 12.2141 18.0632 11.7859 17.8106 11.5017L15.8106 9.25174C15.5354 8.94215 15.0613 8.91426 14.7517 9.18945Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/table_move_right_24_regular.svg";Details
| Name | Table Move Right |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_table_move_right_24_regular.svg |
| Filled file | ic_fluent_table_move_right_24_filled.svg |
| React components | TableMoveRight24Regular, TableMoveRight24Filled |
| License | MIT (© Microsoft Corporation) |