The Phosphor file text icon depicts a document with lines of text, commonly used to represent actions related to viewing, editing, or managing text-based files.
Common uses
- Button to open a text editor
- Link to view a document
- Menu item for 'Save As'
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { FileText } from '@phosphor-icons/react';
<FileText size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<FileText size={24} />thin
<FileText size={24} weight="thin" />light
<FileText size={24} weight="light" />bold
<FileText size={24} weight="bold" />fill
<FileText size={24} weight="fill" />duotone
<FileText size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- office
- Keywords
- documentsfilessavewriteofficeeditorfiletextdocumenttext filereportarticle
FAQ
- What does the file text icon represent?
- It represents a text document, often used for actions like opening, editing, or saving files.
- How do I use the file text icon in React?
- Import it using `import { FileText } from '@phosphor-icons/react'` and then render it as a component: `<FileText />`.
- What is the license for this icon?
- The Phosphor icon library, including the file text icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →