Table Resize Row icon
Used in resizing table scenarios. Contains directional variants. The Table Resize Row 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 Resize Row 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 { TableResizeRow24Regular, TableResizeRow24Filled } from "@fluentui/react-icons";
export function Example() {
return <TableResizeRow24Regular aria-label="Table Resize Row" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_table_resize_row_24_regular.svg" width="24" height="24" alt="Table Resize Row"> 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="M12.75 15.5799V8.42013L13.7517 9.31055C14.0613 9.58574 14.5354 9.55785 14.8105 9.24826C15.0857 8.93868 15.0579 8.46462 14.7483 8.18944L12.4983 6.18944C12.2141 5.93684 11.7859 5.93684 11.5017 6.18944L9.25172 8.18944C8.94213 8.46462 8.91425 8.93868 9.18944 9.24826C9.46462 9.55785 9.93868 9.58574 10.2483 9.31055L11.25 8.42012V15.5799L10.2483 14.6895C9.93868 14.4143 9.46462 14.4421 9.18944 14.7517C8.91425 15.0613 8.94213 15.5354 9.25172 15.8106L11.5017 17.8106C11.5057 17.8141 11.5098 17.8177 11.5139 17.8211C11.6379 17.9268 11.7969 17.9928 11.971 17.9995C11.9897 18.0002 12.0084 18.0002 12.027 17.9995C12.2088 17.9931 12.3742 17.9219 12.5007 17.8084L14.7483 15.8106C15.0579 15.5354 15.0857 15.0613 14.8105 14.7517C14.5354 14.4421 14.0613 14.4143 13.7517 14.6895L12.75 15.5799ZM17.75 21C19.5449 21 21 19.5449 21 17.75V6.25C21 4.45507 19.5449 3 17.75 3H6.25C4.45508 3 3 4.45507 3 6.25V17.75C3 19.5449 4.45508 21 6.25 21H17.75ZM19.5 17.75C19.5 18.7165 18.7165 19.5 17.75 19.5H6.25C5.2835 19.5 4.5 18.7165 4.5 17.75V17.5H9.64715L8.58734 16.558C8.40599 16.3967 8.26606 16.2063 8.16835 16H4.5L4.5 8H8.16834C8.26605 7.79371 8.40598 7.60324 8.58734 7.44203L9.64713 6.5L4.5 6.5V6.25C4.5 5.2835 5.2835 4.5 6.25 4.5L17.75 4.5C18.7165 4.5 19.5 5.2835 19.5 6.25V6.5L14.3528 6.5L15.4126 7.44203C15.594 7.60324 15.7339 7.79371 15.8316 8H19.5V16H15.8316C15.7339 16.2063 15.594 16.3967 15.4126 16.558L14.3528 17.5H19.5V17.75Z" 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_resize_row_24_regular.svg";Details
| Name | Table Resize Row |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_table_resize_row_24_regular.svg |
| Filled file | ic_fluent_table_resize_row_24_filled.svg |
| React components | TableResizeRow24Regular, TableResizeRow24Filled |
| License | MIT (© Microsoft Corporation) |