Table Column Top Bottom icon
Microsoft uses it to represent a data table specifically around conditional formatting of the rows & columns. The Table Column Top Bottom icon is tagged conditional formatting, format and row. Similar Fluent icons include Table Column Top Bottom Arrow Repeat All, Table Column Top Bottom Edit and Table Column Top Bottom Link.
Every size and style
Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.
Regular, 24 px
ic_fluent_table_column_top_bottom_24_regular.svg
Table Column Top Bottom icon in React
npm install @fluentui/react-icons
import { TableColumnTopBottom24Regular } from "@fluentui/react-icons";
export function Example() {
return <TableColumnTopBottom24Regular aria-label="Table Column Top Bottom" />;
}Use the Table Column Top Bottom icon in React
Import TableColumnTopBottom24Regular and TableColumnTopBottom24Filled from Microsoft's @fluentui/react-icons package; the code tabs above have this and other platforms. Coding agents can look the component up through the Fluent Icons MCP server.
Details
| Name | Table Column Top Bottom |
|---|---|
| Styles | Regular (outlined), Filled |
| Sizes | 16 px, 20 px, 24 px, 28 px |
| Regular (outlined) file | ic_fluent_table_column_top_bottom_24_regular.svg |
| Filled file | ic_fluent_table_column_top_bottom_24_filled.svg |
| React (Regular) | TableColumnTopBottom16Regular, TableColumnTopBottom20Regular, TableColumnTopBottom24Regular, TableColumnTopBottom28Regular |
| React (Filled) | TableColumnTopBottom16Filled, TableColumnTopBottom20Filled, TableColumnTopBottom24Filled, TableColumnTopBottom28Filled |
| Font glyph (Regular, 24 px) | U+F0102 · 󰄂 |
| Font glyph (Filled, 24 px) | U+F0101 · 󰄁 |
| License | MIT (© Microsoft Corporation) |