receipt icon

receipt from Font Awesome Solid by Dave Gandy · Solid · Finance · CC-BY-4.0 Attribution required.

Name
receipt
Set
Font Awesome Solid
Style
Solid
Category
Finance
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

receiptAkar IconsreceiptBootstrap IconsreceiptBoxIcons v2receiptBoxIcons v2 SolidreceiptCarbonreceiptFont Awesome 6 Solidreceipt-outlineFlowbite Iconsreceipt-16-filledFluent UI System Iconsreceipt-16Fluent UI System Color IconsreceiptFluent EmojireceiptFluent Emoji FlatreceiptFluent Emoji High ContrastreceiptHuge IconsreceiptIonIconsreceiptLine AwesomereceiptLucidereceiptMajesticonsreceiptMaterial SymbolsreceiptMaterial Symbols LightreceiptMaterial Design IconsreceiptNoto EmojireceiptOpenMojireceiptPhosphorreceiptPixelarticons

More finance icons from Font Awesome Solid

cash-registercoinscomment-dollarcomments-dollarcredit-cardfile-invoicefile-invoice-dollarpercentage

Use the receipt icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M142 66.2c8.5-3.9 18.5-2.5 25.6 3.6l40.4 34.6l40.4-34.6c9-7.7 22.3-7.7 31.2 0l40.4 34.6l40.4-34.6c9-7.7 22.2-7.7 31.2 0l40.4 34.6l40.4-34.6c7.1-6.1 17.1-7.5 25.6-3.6s14 12.4 14 21.8v464c0 9.4-5.5 17.9-14 21.8s-18.5 2.5-25.6-3.6L432 535.6l-40.4 34.6c-9 7.7-22.2 7.7-31.2 0L320 535.6l-40.4 34.6c-9 7.7-22.3 7.7-31.2 0L208 535.6l-40.4 34.6c-7.1 6.1-17.1 7.5-25.6 3.6s-14-12.4-14-21.8V88c0-9.4 5.5-17.9 14-21.8M232 200c-13.3 0-24 10.7-24 24s10.7 24 24 24h176c13.3 0 24-10.7 24-24s-10.7-24-24-24zm-24 216c0 13.3 10.7 24 24 24h176c13.3 0 24-10.7 24-24s-10.7-24-24-24H232c-13.3 0-24 10.7-24 24m24-120c-13.3 0-24 10.7-24 24s10.7 24 24 24h176c13.3 0 24-10.7 24-24s-10.7-24-24-24z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidReceipt(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M142 66.2c8.5-3.9 18.5-2.5 25.6 3.6l40.4 34.6l40.4-34.6c9-7.7 22.3-7.7 31.2 0l40.4 34.6l40.4-34.6c9-7.7 22.2-7.7 31.2 0l40.4 34.6l40.4-34.6c7.1-6.1 17.1-7.5 25.6-3.6s14 12.4 14 21.8v464c0 9.4-5.5 17.9-14 21.8s-18.5 2.5-25.6-3.6L432 535.6l-40.4 34.6c-9 7.7-22.2 7.7-31.2 0L320 535.6l-40.4 34.6c-9 7.7-22.3 7.7-31.2 0L208 535.6l-40.4 34.6c-7.1 6.1-17.1 7.5-25.6 3.6s-14-12.4-14-21.8V88c0-9.4 5.5-17.9 14-21.8M232 200c-13.3 0-24 10.7-24 24s10.7 24 24 24h176c13.3 0 24-10.7 24-24s-10.7-24-24-24zm-24 216c0 13.3 10.7 24 24 24h176c13.3 0 24-10.7 24-24s-10.7-24-24-24H232c-13.3 0-24 10.7-24 24m24-120c-13.3 0-24 10.7-24 24s10.7 24 24 24h176c13.3 0 24-10.7 24-24s-10.7-24-24-24z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M142 66.2c8.5-3.9 18.5-2.5 25.6 3.6l40.4 34.6l40.4-34.6c9-7.7 22.3-7.7 31.2 0l40.4 34.6l40.4-34.6c9-7.7 22.2-7.7 31.2 0l40.4 34.6l40.4-34.6c7.1-6.1 17.1-7.5 25.6-3.6s14 12.4 14 21.8v464c0 9.4-5.5 17.9-14 21.8s-18.5 2.5-25.6-3.6L432 535.6l-40.4 34.6c-9 7.7-22.2 7.7-31.2 0L320 535.6l-40.4 34.6c-9 7.7-22.3 7.7-31.2 0L208 535.6l-40.4 34.6c-7.1 6.1-17.1 7.5-25.6 3.6s-14-12.4-14-21.8V88c0-9.4 5.5-17.9 14-21.8M232 200c-13.3 0-24 10.7-24 24s10.7 24 24 24h176c13.3 0 24-10.7 24-24s-10.7-24-24-24zm-24 216c0 13.3 10.7 24 24 24h176c13.3 0 24-10.7 24-24s-10.7-24-24-24H232c-13.3 0-24 10.7-24 24m24-120c-13.3 0-24 10.7-24 24s10.7 24 24 24h176c13.3 0 24-10.7 24-24s-10.7-24-24-24z"/></svg>
</template>

CSS

.icon-receipt {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M142%2066.2c8.5-3.9%2018.5-2.5%2025.6%203.6l40.4%2034.6l40.4-34.6c9-7.7%2022.3-7.7%2031.2%200l40.4%2034.6l40.4-34.6c9-7.7%2022.2-7.7%2031.2%200l40.4%2034.6l40.4-34.6c7.1-6.1%2017.1-7.5%2025.6-3.6s14%2012.4%2014%2021.8v464c0%209.4-5.5%2017.9-14%2021.8s-18.5%202.5-25.6-3.6L432%20535.6l-40.4%2034.6c-9%207.7-22.2%207.7-31.2%200L320%20535.6l-40.4%2034.6c-9%207.7-22.3%207.7-31.2%200L208%20535.6l-40.4%2034.6c-7.1%206.1-17.1%207.5-25.6%203.6s-14-12.4-14-21.8V88c0-9.4%205.5-17.9%2014-21.8M232%20200c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h176c13.3%200%2024-10.7%2024-24s-10.7-24-24-24zm-24%20216c0%2013.3%2010.7%2024%2024%2024h176c13.3%200%2024-10.7%2024-24s-10.7-24-24-24H232c-13.3%200-24%2010.7-24%2024m24-120c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h176c13.3%200%2024-10.7%2024-24s-10.7-24-24-24z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M142%2066.2c8.5-3.9%2018.5-2.5%2025.6%203.6l40.4%2034.6l40.4-34.6c9-7.7%2022.3-7.7%2031.2%200l40.4%2034.6l40.4-34.6c9-7.7%2022.2-7.7%2031.2%200l40.4%2034.6l40.4-34.6c7.1-6.1%2017.1-7.5%2025.6-3.6s14%2012.4%2014%2021.8v464c0%209.4-5.5%2017.9-14%2021.8s-18.5%202.5-25.6-3.6L432%20535.6l-40.4%2034.6c-9%207.7-22.2%207.7-31.2%200L320%20535.6l-40.4%2034.6c-9%207.7-22.3%207.7-31.2%200L208%20535.6l-40.4%2034.6c-7.1%206.1-17.1%207.5-25.6%203.6s-14-12.4-14-21.8V88c0-9.4%205.5-17.9%2014-21.8M232%20200c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h176c13.3%200%2024-10.7%2024-24s-10.7-24-24-24zm-24%20216c0%2013.3%2010.7%2024%2024%2024h176c13.3%200%2024-10.7%2024-24s-10.7-24-24-24H232c-13.3%200-24%2010.7-24%2024m24-120c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h176c13.3%200%2024-10.7%2024-24s-10.7-24-24-24z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/receipt.svg?color=%231a73e8&size=48