document plus icon

Common uses

• Add new document button
• Create new record action
• Append to file option

Use it in React

npm i @heroicons/react

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

<DocumentPlusIcon className="size-6" />

Styles

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

<DocumentPlusIcon className="size-6" />

<DocumentPlusIcon className="size-6" />

<DocumentPlusIcon className="size-6" />

<DocumentPlusIcon className="size-6" />

Details

Library

Heroicons (324 icons)

License

MIT

viewBox

0 0 24 24

Keywords

documentplusnew documentadd filecreate entrynew page

FAQ

What does the document plus icon represent?

It signifies the creation of something new, often a document or record, indicated by the plus sign.

How do I use this icon in React?

Import it using `import { DocumentPlusIcon } from '@heroicons/react/24/outline'` and then use it as a component: `<DocumentPlusIcon className="h-6 w-6" />`.

What is the license for this icon?

The Heroicons library, including this icon, is available under the MIT license.

Related icons

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