The Heroicons document currency dollar icon depicts a document with a dollar sign, commonly used to represent financial documents, billing, or monetary transactions within a user interface.
Common uses
- Displaying billing information
- Indicating a price or cost
- Representing financial reports
Use it in React
Install
npm i @heroicons/reactImport & render
import { DocumentCurrencyDollarIcon } from '@heroicons/react/24/outline';
<DocumentCurrencyDollarIcon className="size-6" />Styles
Heroicons ships this icon in 4 styles — each its own import:
24/outline
<DocumentCurrencyDollarIcon className="size-6" />24/solid
<DocumentCurrencyDollarIcon className="size-6" />20/solid
<DocumentCurrencyDollarIcon className="size-6" />16/solid
<DocumentCurrencyDollarIcon className="size-6" />Details
- Library
- Heroicons (324 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- documentcurrencydollarmoney documentinvoicepaymentfinancial record
FAQ
- What does the document currency dollar icon represent?
- This icon represents a document related to currency, typically used for financial transactions, billing, or monetary values.
- How do I use this icon in a React application?
- You can import and use it in React by importing { DocumentCurrencyDollarIcon } from '@heroicons/react/24/outline' and then rendering the component.
- What is the license for this icon?
- The Heroicons library, including this icon, is released under the MIT license.
Related icons
The same idea in other libraries, and near matches in Heroicons.
Looking for something else? Search Heroicons 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 →