currency dollar icon

Common uses

• Displaying prices for products or services.
• Indicating a payment or checkout button.
• Labeling a financial or accounting section.

Use it in React

npm i @heroicons/react

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

<CurrencyDollarIcon className="size-6" />

Styles

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

<CurrencyDollarIcon className="size-6" />

<CurrencyDollarIcon className="size-6" />

<CurrencyDollarIcon className="size-6" />

<CurrencyDollarIcon className="size-6" />

Details

Library

Heroicons (324 icons)

License

MIT

viewBox

0 0 24 24

Keywords

currencydollarmoneypaymentpricefinance

FAQ

What is the currency dollar icon used for?

It's used to represent monetary value, currency, or financial actions within a user interface.

How do I use the currency dollar icon in React?

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

What is the license for this icon?

The Heroicons currency dollar icon is available under the MIT license.

Related icons

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