file invoice icon

Common uses

• Displaying an invoice in a transaction history.
• Button to generate or view a financial statement.
• Labeling a section for billing and payment information.

Use it in React

npm i @tabler/icons-react

import { IconFileInvoice } from '@tabler/icons-react';

<IconFileInvoice size={24} stroke={2} />

Styles

Tabler ships this icon in 2 styles — each its own import:

<IconFileInvoice size={24} stroke={2} />

<IconFileInvoiceFilled size={24} stroke={2} />

Details

Library

Tabler (5,093 icons)

License

MIT

viewBox

0 0 24 24

Category

Document

Keywords

accountingbillstatementsettlementfinancefileinvoicedocumentdatacontentreceiptaccounting document

FAQ

What does the file invoice icon represent?

This icon represents a document, specifically an invoice, bill, or financial statement. It's used in UIs to signify financial transactions or records.

How do I use the file invoice icon in React?

You can import and use it in your React application like this: import { IconFileInvoice } from '@tabler/icons-react'. Then, render the component: <IconFileInvoice />.

What is the license for this icon?

The Tabler icons, including the file invoice icon, are distributed under the MIT license.

Related icons

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