receipt icon

receipt-sharp-fill from Keyline Icons by Keyline Icons · Sharp Fill · MIT Free for personal and commercial use.

Name
receipt-sharp-fill
Set
Keyline Icons
Style
Sharp Fill
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

receiptreceipt-duotonereceipt-fillreceipt-sharpreceipt-sharp-duotonereceipt-sharp-two-tonereceipt-two-tone

The same icon in other sets

receiptAkar IconsreceiptBootstrap IconsreceiptBoxIcons v2receiptBoxIcons v2 SolidreceiptCarbonreceiptFont Awesome 6 SolidreceiptFont Awesome 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 EmojireceiptOpenMojireceiptPhosphor

Use the receipt icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4 1L20 1C20.5523 1 21 1.4477 21 2L21 20C21 20.3788 20.786 20.725 20.4472 20.8944L16.4472 22.8944C16.1657 23.0352 15.8343 23.0352 15.5528 22.8944L12 21.118L8.4472 22.8944C8.1657 23.0352 7.8343 23.0352 7.5528 22.8944L3.5528 20.8944C3.214 20.725 3 20.3788 3 20L3 2C3 1.4477 3.4477 1 4 1ZM7 8L13 8L13 10L7 10L7 8ZM7 12L17 12L17 14L7 14L7 12Z" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsReceiptSharpFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M4 1L20 1C20.5523 1 21 1.4477 21 2L21 20C21 20.3788 20.786 20.725 20.4472 20.8944L16.4472 22.8944C16.1657 23.0352 15.8343 23.0352 15.5528 22.8944L12 21.118L8.4472 22.8944C8.1657 23.0352 7.8343 23.0352 7.5528 22.8944L3.5528 20.8944C3.214 20.725 3 20.3788 3 20L3 2C3 1.4477 3.4477 1 4 1ZM7 8L13 8L13 10L7 10L7 8ZM7 12L17 12L17 14L7 14L7 12Z" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4 1L20 1C20.5523 1 21 1.4477 21 2L21 20C21 20.3788 20.786 20.725 20.4472 20.8944L16.4472 22.8944C16.1657 23.0352 15.8343 23.0352 15.5528 22.8944L12 21.118L8.4472 22.8944C8.1657 23.0352 7.8343 23.0352 7.5528 22.8944L3.5528 20.8944C3.214 20.725 3 20.3788 3 20L3 2C3 1.4477 3.4477 1 4 1ZM7 8L13 8L13 10L7 10L7 8ZM7 12L17 12L17 14L7 14L7 12Z" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-receipt-sharp-fill {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4%201L20%201C20.5523%201%2021%201.4477%2021%202L21%2020C21%2020.3788%2020.786%2020.725%2020.4472%2020.8944L16.4472%2022.8944C16.1657%2023.0352%2015.8343%2023.0352%2015.5528%2022.8944L12%2021.118L8.4472%2022.8944C8.1657%2023.0352%207.8343%2023.0352%207.5528%2022.8944L3.5528%2020.8944C3.214%2020.725%203%2020.3788%203%2020L3%202C3%201.4477%203.4477%201%204%201ZM7%208L13%208L13%2010L7%2010L7%208ZM7%2012L17%2012L17%2014L7%2014L7%2012Z%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4%201L20%201C20.5523%201%2021%201.4477%2021%202L21%2020C21%2020.3788%2020.786%2020.725%2020.4472%2020.8944L16.4472%2022.8944C16.1657%2023.0352%2015.8343%2023.0352%2015.5528%2022.8944L12%2021.118L8.4472%2022.8944C8.1657%2023.0352%207.8343%2023.0352%207.5528%2022.8944L3.5528%2020.8944C3.214%2020.725%203%2020.3788%203%2020L3%202C3%201.4477%203.4477%201%204%201ZM7%208L13%208L13%2010L7%2010L7%208ZM7%2012L17%2012L17%2014L7%2014L7%2012Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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