Table Move Below icon
Used in moving column and row scenarios. Contains directional variants. The Table Move Below 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 Below 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 { TableMoveBelow24Regular, TableMoveBelow24Filled } from "@fluentui/react-icons";
export function Example() {
return <TableMoveBelow24Regular aria-label="Table Move Below" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_table_move_below_24_regular.svg" width="24" height="24" alt="Table Move Below"> 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="M3.75 15.5C3.33579 15.5 3 15.1642 3 14.75V6.25C3 4.45508 4.45507 3 6.25 3H17.75C19.5449 3 21 4.45508 21 6.25V14.75C21 15.1642 20.6642 15.5 20.25 15.5H15.9821C16.0529 15.0075 15.9144 14.4883 15.558 14.0874C15.1525 13.6312 14.562 13.4372 14 13.5178V10L10 10V13.5178C9.43797 13.4372 8.8475 13.6312 8.44205 14.0874C8.08563 14.4883 7.9471 15.0075 8.01793 15.5H3.75ZM10 8.5L14 8.5V4.5L10 4.5V8.5ZM19.5 14V10H15.5V14H19.5ZM15.5 8.5H19.5V6.25C19.5 5.2835 18.7165 4.5 17.75 4.5L15.5 4.5V8.5ZM8.5 4.5L6.25 4.5C5.2835 4.5 4.5 5.2835 4.5 6.25L4.5 8.5H8.5V4.5ZM4.5 14H8.5V10H4.5L4.5 14ZM3.75 19.5C3.33579 19.5 3 19.8358 3 20.25C3 20.6642 3.33579 21 3.75 21H20.25C20.6642 21 21 20.6642 21 20.25C21 19.8358 20.6642 19.5 20.25 19.5H3.75ZM9.18945 14.7517C9.46464 14.4421 9.93869 14.4143 10.2483 14.6894L11.25 15.5799V12.75C11.25 12.3358 11.5858 12 12 12C12.4142 12 12.75 12.3358 12.75 12.75V15.5799L13.7517 14.6894C14.0613 14.4143 14.5354 14.4421 14.8106 14.7517C15.0858 15.0613 15.0579 15.5354 14.7483 15.8106L12.4983 17.8106C12.2141 18.0631 11.7859 18.0631 11.5017 17.8106L9.25174 15.8106C8.94215 15.5354 8.91426 15.0613 9.18945 14.7517Z" 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_below_24_regular.svg";Details
| Name | Table Move Below |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_table_move_below_24_regular.svg |
| Filled file | ic_fluent_table_move_below_24_filled.svg |
| React components | TableMoveBelow24Regular, TableMoveBelow24Filled |
| License | MIT (© Microsoft Corporation) |