Resize Table icon
Used in general resizing of content scenarios. The Resize Table 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 Resize Table 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 { ResizeTable24Regular, ResizeTable24Filled } from "@fluentui/react-icons";
export function Example() {
return <ResizeTable24Regular aria-label="Resize Table" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_resize_table_24_regular.svg" width="24" height="24" alt="Resize Table"> 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="M5.25 2H10.25C10.6642 2 11 2.33579 11 2.75C11 3.16421 10.6642 3.5 10.25 3.5H5.25C4.2835 3.5 3.5 4.2835 3.5 5.25V8.37587C2.91837 8.63901 2.40656 9.02928 2 9.51124V5.25C2 3.45507 3.45507 2 5.25 2ZM15.6241 20.5C15.361 21.0816 14.9707 21.5934 14.4888 22H18.75C20.5449 22 22 20.5449 22 18.75V13.75C22 13.3358 21.6642 13 21.25 13C20.8358 13 20.5 13.3358 20.5 13.75V18.75C20.5 19.7165 19.7165 20.5 18.75 20.5H15.6241ZM21.25 11C21.6642 11 22 10.6642 22 10.25V5.25C22 3.45507 20.5449 2 18.75 2H13.75C13.3358 2 13 2.33579 13 2.75C13 3.16421 13.3358 3.5 13.75 3.5H18.75C19.7165 3.5 20.5 4.2835 20.5 5.25V10.25C20.5 10.6642 20.8358 11 21.25 11ZM5.25 9C3.45507 9 2 10.4551 2 12.25V18.75C2 20.5449 3.45507 22 5.25 22H11.75C13.5449 22 15 20.5449 15 18.75V12.25C15 10.4551 13.5449 9 11.75 9H5.25ZM3.5 12.25C3.5 11.2835 4.2835 10.5 5.25 10.5H6V13H3.5V12.25ZM6 14.5V17H3.5V14.5H6ZM7.5 17V14.5H9.5V17H7.5ZM11 17V14.5H13.5V17H11ZM7.5 18.5H9.5V20.5H7.5V18.5ZM11 18.5H13.5V18.75C13.5 19.7165 12.7165 20.5 11.75 20.5H11V18.5ZM11 10.5H11.75C12.7165 10.5 13.5 11.2835 13.5 12.25V13H11V10.5ZM9.5 13H7.5V10.5H9.5V13ZM6 18.5V20.5H5.25C4.2835 20.5 3.5 19.7165 3.5 18.75V18.5H6Z" 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/resize_table_24_regular.svg";Details
| Name | Resize Table |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_resize_table_24_regular.svg |
| Filled file | ic_fluent_resize_table_24_filled.svg |
| React components | ResizeTable24Regular, ResizeTable24Filled |
| License | MIT (© Microsoft Corporation) |