Receipt icon

Microsoft uses it to represent a receipt, purchase order, line items or an invoice. The Receipt icon is tagged invoice, line item and po. Similar Fluent icons include Receipt Add, Receipt Bag and Receipt Cube.

Regular (outlined)

SVG

Filled

SVG
Receipt Color

Color

SVG

Every size and style

Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.

Regular, 24 px

ic_fluent_receipt_24_regular.svg

Receipt icon in React

npm install @fluentui/react-icons

import { Receipt24Regular } from "@fluentui/react-icons";

export function Example() {
  return <Receipt24Regular aria-label="Receipt" />;
}

Use the Receipt icon in React

Import Receipt24Regular and Receipt24Filled from Microsoft's @fluentui/react-icons package; the code tabs above have this and other platforms. Coding agents can look the component up through the Fluent Icons MCP server.

Details

NameReceipt
StylesRegular (outlined), Filled, Color
Sizes16 px, 20 px, 24 px, 28 px, 32 px, 48 px
Regular (outlined) fileic_fluent_receipt_24_regular.svg
Filled fileic_fluent_receipt_24_filled.svg
Color fileic_fluent_receipt_24_color.svg
React (Regular)Receipt16Regular, Receipt20Regular, Receipt24Regular, Receipt28Regular, Receipt32Regular, Receipt48Regular
React (Filled)Receipt16Filled, Receipt20Filled, Receipt24Filled, Receipt28Filled, Receipt32Filled, Receipt48Filled
React (Color)Receipt16Color, Receipt20Color, Receipt24Color, Receipt28Color, Receipt32Color
Font glyph (Regular, 24 px)U+E9FF · &#xE9FF;
Font glyph (Filled, 24 px)U+EA07 · &#xEA07;
LicenseMIT (© Microsoft Corporation)

Keywords

purchaseretailmoneycurrency

Also in Material Symbols

Receipt iconReceiptGoogle's version of this icon, on Materialicons

Similar icons