document text icon

Common uses

• View document details
• Edit text content
• Generate report

Use it in React

npm i @heroicons/react

import { DocumentTextIcon } from '@heroicons/react/24/outline';

<DocumentTextIcon className="size-6" />

Styles

Heroicons ships this icon in 4 styles — each its own import:

<DocumentTextIcon className="size-6" />

<DocumentTextIcon className="size-6" />

<DocumentTextIcon className="size-6" />

<DocumentTextIcon className="size-6" />

Details

Library

Heroicons (324 icons)

License

MIT

viewBox

0 0 24 24

Keywords

documenttexttext filecontentarticle

FAQ

What is the document text icon used for?

It's typically used for actions involving text documents, like viewing, editing, or managing them.

How do I use this icon in React?

Import it using `import { DocumentTextIcon } from '@heroicons/react/24/outline'` and then use it as a React component.

What is the license for this icon?

This icon is from the Heroicons library and is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in Heroicons.