Receipt Money icon
Used to represent a receipt, purchase order, line items or an invoice. The Receipt Money icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Receipt Money icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { ReceiptMoney24Regular, ReceiptMoney24Filled } from "@fluentui/react-icons";
export function Example() {
return <ReceiptMoney24Regular aria-label="Receipt Money" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_receipt_money_24_regular.svg" width="24" height="24" alt="Receipt Money"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 5.25C4 4.00736 5.00736 3 6.25 3H15.75C16.9926 3 18 4.00736 18 5.25V14H22V17.75C22 19.5449 20.5449 21 18.75 21H12.95C12.9828 20.8384 13 20.6712 13 20.5V19.5H16.5V5.25C16.5 4.83579 16.1642 4.5 15.75 4.5H6.25C5.83579 4.5 5.5 4.83579 5.5 5.25V14H4V5.25ZM18 19.5H18.75C19.7165 19.5 20.5 18.7165 20.5 17.75V15.5H18V19.5ZM8.25 7C7.83579 7 7.5 7.33579 7.5 7.75C7.5 8.16421 7.83579 8.5 8.25 8.5H13.75C14.1642 8.5 14.5 8.16421 14.5 7.75C14.5 7.33579 14.1642 7 13.75 7H8.25ZM7.5 11.75C7.5 11.3358 7.83579 11 8.25 11H13.75C14.1642 11 14.5 11.3358 14.5 11.75C14.5 12.1642 14.1642 12.5 13.75 12.5H8.25C7.83579 12.5 7.5 12.1642 7.5 11.75ZM2.5 15C1.67157 15 1 15.6716 1 16.5V20.5C1 21.3284 1.67157 22 2.5 22H10.5C11.3284 22 12 21.3284 12 20.5V16.5C12 15.6716 11.3284 15 10.5 15H2.5ZM10 16C10 16.5523 10.4477 17 11 17V18C9.89543 18 9 17.1046 9 16H10ZM9 21C9 19.8954 9.89543 19 11 19V20C10.4477 20 10 20.4477 10 21H9ZM2 17C2.55229 17 3 16.5523 3 16H4C4 17.1046 3.10457 18 2 18V17ZM2 19C3.10457 19 4 19.8954 4 21H3C3 20.4477 2.55228 20 2 20V19ZM6.5 16.75C7.4665 16.75 8.25 17.5335 8.25 18.5C8.25 19.4665 7.4665 20.25 6.5 20.25C5.5335 20.25 4.75 19.4665 4.75 18.5C4.75 17.5335 5.5335 16.75 6.5 16.75Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/receipt_money_24_regular.svg";Details
| Name | Receipt Money |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_receipt_money_24_regular.svg |
| Filled file | ic_fluent_receipt_money_24_filled.svg |
| React components | ReceiptMoney24Regular, ReceiptMoney24Filled |
| License | MIT (© Microsoft Corporation) |