Table Move Left icon
Used in moving column and row scenarios. Contains directional variants. The Table Move Left 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 Left 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 { TableMoveLeft24Regular, TableMoveLeft24Filled } from "@fluentui/react-icons";
export function Example() {
return <TableMoveLeft24Regular aria-label="Table Move Left" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_table_move_left_24_regular.svg" width="24" height="24" alt="Table Move Left"> 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="M4.5 3.75C4.5 3.33579 4.16421 3 3.75 3C3.33579 3 3 3.33579 3 3.75V20.25C3 20.6642 3.33579 21 3.75 21C4.16421 21 4.5 20.6642 4.5 20.25L4.5 3.75ZM8.5 3.75C8.5 3.33579 8.83579 3 9.25 3H17.75C19.5449 3 21 4.45507 21 6.25V17.75C21 19.5449 19.5449 21 17.75 21H9.25C8.83579 21 8.5 20.6642 8.5 20.25V15.9821C8.99245 16.0529 9.51165 15.9144 9.91262 15.558C10.3688 15.1525 10.5628 14.562 10.4822 14H14V10H10.4822C10.5628 9.43796 10.3688 8.84749 9.91262 8.44204C9.51165 8.08562 8.99245 7.94709 8.5 8.01791V3.75ZM10 19.5H14V15.5H10V19.5ZM15.5 15.5V19.5H17.75C18.7165 19.5 19.5 18.7165 19.5 17.75V15.5H15.5ZM19.5 10H15.5V14H19.5V10ZM19.5 8.5V6.25C19.5 5.2835 18.7165 4.5 17.75 4.5H15.5V8.5H19.5ZM10 4.5V8.5H14V4.5H10ZM9.24826 9.18944C9.55785 9.46463 9.58574 9.93869 9.31055 10.2483L8.42013 11.25H11.25C11.6642 11.25 12 11.5858 12 12C12 12.4142 11.6642 12.75 11.25 12.75H8.42012L9.31055 13.7517C9.58574 14.0613 9.55785 14.5354 9.24827 14.8106C8.93868 15.0857 8.46462 15.0579 8.18944 14.7483L6.18944 12.4983C5.93684 12.2141 5.93684 11.7859 6.18944 11.5017L8.18944 9.25173C8.46462 8.94214 8.93868 8.91426 9.24826 9.18944Z" 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_left_24_regular.svg";Details
| Name | Table Move Left |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_table_move_left_24_regular.svg |
| Filled file | ic_fluent_table_move_left_24_filled.svg |
| React components | TableMoveLeft24Regular, TableMoveLeft24Filled |
| License | MIT (© Microsoft Corporation) |