Document Data icon
Microsoft uses it to represent general file types and actions. The Document Data icon is tagged data viz, vertical and paper. Similar Fluent icons include Document Data Link, Document Data Lock and Document Landscape Data.
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_document_data_24_regular.svg
Document Data icon in React
npm install @fluentui/react-icons
import { DocumentData24Regular } from "@fluentui/react-icons";
export function Example() {
return <DocumentData24Regular aria-label="Document Data" />;
}Use the Document Data icon in React
Import DocumentData24Regular and DocumentData24Filled 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 | Document Data |
|---|---|
| Styles | Regular (outlined), Filled |
| Sizes | 16 px, 20 px, 24 px, 32 px |
| Regular (outlined) file | ic_fluent_document_data_24_regular.svg |
| Filled file | ic_fluent_document_data_24_filled.svg |
| React (Regular) | DocumentData16Regular, DocumentData20Regular, DocumentData24Regular, DocumentData32Regular |
| React (Filled) | DocumentData16Filled, DocumentData20Filled, DocumentData24Filled, DocumentData32Filled |
| Font glyph (Regular, 24 px) | U+E4F8 ·  |
| Font glyph (Filled, 24 px) | U+E504 ·  |
| License | MIT (© Microsoft Corporation) |