clipboard document icon

Common uses

• Copy to clipboard button
• Paste from clipboard action
• Document management interface

Use it in React

npm i @heroicons/react

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

<ClipboardDocumentIcon className="size-6" />

Styles

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

<ClipboardDocumentIcon className="size-6" />

<ClipboardDocumentIcon className="size-6" />

<ClipboardDocumentIcon className="size-6" />

<ClipboardDocumentIcon className="size-6" />

Details

Library

Heroicons (324 icons)

License

MIT

viewBox

0 0 24 24

Keywords

clipboarddocumentcopy documentpaste documentdocument management

FAQ

What does the clipboard document icon represent?

It visually represents a document on a clipboard, often used for actions involving copying, pasting, or interacting with document data.

How do I use this icon in React?

You can import and use it in React with: import { ClipboardDocumentIcon } from '@heroicons/react/24/outline'

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.