receipt icon

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

Name
receipt
Set
Font Awesome 6 Solid
Style
Regular
Category
Finance
Viewbox
384×512
License
CC BY 4.0

The same icon in other sets

receiptAkar IconsreceiptBootstrap IconsreceiptBoxIcons v2receiptBoxIcons v2 SolidreceiptCarbonreceipt-16-filledFluent UI System IconsreceiptFluent EmojireceiptFluent Emoji FlatreceiptFluent Emoji High ContrastreceiptHuge IconsreceiptIonIconsreceiptLine AwesomereceiptLucidereceiptMajesticonsreceiptMaterial SymbolsreceiptMaterial Design IconsreceiptNoto EmojireceiptOpenMojireceiptPhosphorreceiptPixelarticonsreceipt-fillRemix IconreceiptTabler Iconsreceipt-outlineTeenyiconsreceiptTwitter Emoji

More finance icons from Font Awesome 6 Solid

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

Use the receipt icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M14 2.2c8.5-3.9 18.5-2.5 25.6 3.6L80 40.4l40.4-34.6c9-7.7 22.3-7.7 31.2 0L192 40.4l40.4-34.6c9-7.7 22.3-7.7 31.2 0L304 40.4l40.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.6L304 471.6l-40.4 34.6c-9 7.7-22.3 7.7-31.2 0L192 471.6l-40.4 34.6c-9 7.7-22.3 7.7-31.2 0L80 471.6l-40.4 34.6c-7.1 6.1-17.1 7.5-25.6 3.6S0 497.4 0 488V24C0 14.6 5.5 6.1 14 2.2M96 144c-8.8 0-16 7.2-16 16s7.2 16 16 16h192c8.8 0 16-7.2 16-16s-7.2-16-16-16zM80 352c0 8.8 7.2 16 16 16h192c8.8 0 16-7.2 16-16s-7.2-16-16-16H96c-8.8 0-16 7.2-16 16m16-112c-8.8 0-16 7.2-16 16s7.2 16 16 16h192c8.8 0 16-7.2 16-16s-7.2-16-16-16z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidReceipt(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M14 2.2c8.5-3.9 18.5-2.5 25.6 3.6L80 40.4l40.4-34.6c9-7.7 22.3-7.7 31.2 0L192 40.4l40.4-34.6c9-7.7 22.3-7.7 31.2 0L304 40.4l40.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.6L304 471.6l-40.4 34.6c-9 7.7-22.3 7.7-31.2 0L192 471.6l-40.4 34.6c-9 7.7-22.3 7.7-31.2 0L80 471.6l-40.4 34.6c-7.1 6.1-17.1 7.5-25.6 3.6S0 497.4 0 488V24C0 14.6 5.5 6.1 14 2.2M96 144c-8.8 0-16 7.2-16 16s7.2 16 16 16h192c8.8 0 16-7.2 16-16s-7.2-16-16-16zM80 352c0 8.8 7.2 16 16 16h192c8.8 0 16-7.2 16-16s-7.2-16-16-16H96c-8.8 0-16 7.2-16 16m16-112c-8.8 0-16 7.2-16 16s7.2 16 16 16h192c8.8 0 16-7.2 16-16s-7.2-16-16-16z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M14 2.2c8.5-3.9 18.5-2.5 25.6 3.6L80 40.4l40.4-34.6c9-7.7 22.3-7.7 31.2 0L192 40.4l40.4-34.6c9-7.7 22.3-7.7 31.2 0L304 40.4l40.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.6L304 471.6l-40.4 34.6c-9 7.7-22.3 7.7-31.2 0L192 471.6l-40.4 34.6c-9 7.7-22.3 7.7-31.2 0L80 471.6l-40.4 34.6c-7.1 6.1-17.1 7.5-25.6 3.6S0 497.4 0 488V24C0 14.6 5.5 6.1 14 2.2M96 144c-8.8 0-16 7.2-16 16s7.2 16 16 16h192c8.8 0 16-7.2 16-16s-7.2-16-16-16zM80 352c0 8.8 7.2 16 16 16h192c8.8 0 16-7.2 16-16s-7.2-16-16-16H96c-8.8 0-16 7.2-16 16m16-112c-8.8 0-16 7.2-16 16s7.2 16 16 16h192c8.8 0 16-7.2 16-16s-7.2-16-16-16z"/></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%20384%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14%202.2c8.5-3.9%2018.5-2.5%2025.6%203.6L80%2040.4l40.4-34.6c9-7.7%2022.3-7.7%2031.2%200L192%2040.4l40.4-34.6c9-7.7%2022.3-7.7%2031.2%200L304%2040.4l40.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.6L304%20471.6l-40.4%2034.6c-9%207.7-22.3%207.7-31.2%200L192%20471.6l-40.4%2034.6c-9%207.7-22.3%207.7-31.2%200L80%20471.6l-40.4%2034.6c-7.1%206.1-17.1%207.5-25.6%203.6S0%20497.4%200%20488V24C0%2014.6%205.5%206.1%2014%202.2M96%20144c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016h192c8.8%200%2016-7.2%2016-16s-7.2-16-16-16zM80%20352c0%208.8%207.2%2016%2016%2016h192c8.8%200%2016-7.2%2016-16s-7.2-16-16-16H96c-8.8%200-16%207.2-16%2016m16-112c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016h192c8.8%200%2016-7.2%2016-16s-7.2-16-16-16z%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%20384%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14%202.2c8.5-3.9%2018.5-2.5%2025.6%203.6L80%2040.4l40.4-34.6c9-7.7%2022.3-7.7%2031.2%200L192%2040.4l40.4-34.6c9-7.7%2022.3-7.7%2031.2%200L304%2040.4l40.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.6L304%20471.6l-40.4%2034.6c-9%207.7-22.3%207.7-31.2%200L192%20471.6l-40.4%2034.6c-9%207.7-22.3%207.7-31.2%200L80%20471.6l-40.4%2034.6c-7.1%206.1-17.1%207.5-25.6%203.6S0%20497.4%200%20488V24C0%2014.6%205.5%206.1%2014%202.2M96%20144c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016h192c8.8%200%2016-7.2%2016-16s-7.2-16-16-16zM80%20352c0%208.8%207.2%2016%2016%2016h192c8.8%200%2016-7.2%2016-16s-7.2-16-16-16H96c-8.8%200-16%207.2-16%2016m16-112c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016h192c8.8%200%2016-7.2%2016-16s-7.2-16-16-16z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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