Document Table Cube icon
Used to represent table file types and actions. The Document Table Cube 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 Document Table Cube 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 { DocumentTableCube24Regular, DocumentTableCube24Filled } from "@fluentui/react-icons";
export function Example() {
return <DocumentTableCube24Regular aria-label="Document Table Cube" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_document_table_cube_24_regular.svg" width="24" height="24" alt="Document Table Cube"> 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="M17 13.25C17 12.2835 16.2165 11.5 15.25 11.5H8.75C8.33198 11.5 7.94818 11.6466 7.64721 11.8911L9.86497 13H10V13.0675L10.5985 13.3668C10.9625 13.5488 11.2689 13.8125 11.5 14.1292V13H15.25C15.3881 13 15.5 13.1119 15.5 13.25V14.5H11.7241C11.8898 14.8371 11.9805 15.2131 11.9805 15.6028V16H15.5V17.25C15.5 17.3881 15.3881 17.5 15.25 17.5H11.9805V19H15.25C16.2165 19 17 18.2165 17 17.25V13.25ZM11.865 20.5H18C18.276 20.5 18.5 20.275 18.5 20V10H14C12.896 10 12 9.104 12 8V3.5H6C5.724 3.5 5.5 3.725 5.5 4V11.3994C5.28105 11.4423 5.0665 11.5147 4.86243 11.6168L4 12.048V4C4 2.896 4.896 2 6 2H12.172C12.6865 2 13.2194 2.22035 13.585 2.586L19.414 8.414C19.789 8.789 20 9.298 20 9.828V20C20 21.104 19.104 22 18 22H10.5681L10.5985 21.9848C11.2138 21.6771 11.6645 21.1361 11.865 20.5ZM14 8.5H17.378L13.5 4.621V8C13.5 8.275 13.724 8.5 14 8.5ZM0.980469 19.7484V15.6025C0.980469 15.0344 1.30147 14.515 1.80965 14.2609L5.30965 12.5109C5.73194 12.2998 6.229 12.2998 6.65129 12.5109L10.1513 14.2609C10.6595 14.515 10.9805 15.0344 10.9805 15.6025V19.7484C10.9805 20.3166 10.6595 20.836 10.1513 21.0901L6.65129 22.8401C6.229 23.0512 5.73194 23.0512 5.30965 22.8401L1.80965 21.0901C1.30147 20.836 0.980469 20.3166 0.980469 19.7484ZM2.53326 15.7019C2.40976 15.9489 2.50987 16.2492 2.75686 16.3727L5.48047 17.7345V20.6755C5.48047 20.9516 5.70433 21.1755 5.98047 21.1755C6.25661 21.1755 6.48047 20.9516 6.48047 20.6755V17.7345L9.20407 16.3727C9.45107 16.2492 9.55118 15.9489 9.42768 15.7019C9.30419 15.4549 9.00385 15.3548 8.75686 15.4783L5.98047 16.8665L3.20408 15.4783C2.95709 15.3548 2.65675 15.4549 2.53326 15.7019Z" 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/document_table_cube_24_regular.svg";Details
| Name | Document Table Cube |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_document_table_cube_24_regular.svg |
| Filled file | ic_fluent_document_table_cube_24_filled.svg |
| React components | DocumentTableCube24Regular, DocumentTableCube24Filled |
| License | MIT (© Microsoft Corporation) |