receipt icon
receipt-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.
- Name
- receipt-fill
- Set
- Keyline Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
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="M3 5C3 2.79086 4.79086 1 7 1H17C19.2091 1 21 2.79086 21 5V20C21 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.44721 22.8944C8.16569 23.0352 7.83431 23.0352 7.55279 22.8944L3.55279 20.8944C3.214 20.725 3 20.3788 3 20V5ZM8 8H12C12.5523 8 13 8.44771 13 9C13 9.55229 12.5523 10 12 10H8C7.44771 10 7 9.55229 7 9C7 8.44771 7.44771 8 8 8ZM8 12H16C16.5523 12 17 12.4477 17 13C17 13.5523 16.5523 14 16 14H8C7.44771 14 7 13.5523 7 13C7 12.4477 7.44771 12 8 12Z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsReceiptFill(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="M3 5C3 2.79086 4.79086 1 7 1H17C19.2091 1 21 2.79086 21 5V20C21 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.44721 22.8944C8.16569 23.0352 7.83431 23.0352 7.55279 22.8944L3.55279 20.8944C3.214 20.725 3 20.3788 3 20V5ZM8 8H12C12.5523 8 13 8.44771 13 9C13 9.55229 12.5523 10 12 10H8C7.44771 10 7 9.55229 7 9C7 8.44771 7.44771 8 8 8ZM8 12H16C16.5523 12 17 12.4477 17 13C17 13.5523 16.5523 14 16 14H8C7.44771 14 7 13.5523 7 13C7 12.4477 7.44771 12 8 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="M3 5C3 2.79086 4.79086 1 7 1H17C19.2091 1 21 2.79086 21 5V20C21 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.44721 22.8944C8.16569 23.0352 7.83431 23.0352 7.55279 22.8944L3.55279 20.8944C3.214 20.725 3 20.3788 3 20V5ZM8 8H12C12.5523 8 13 8.44771 13 9C13 9.55229 12.5523 10 12 10H8C7.44771 10 7 9.55229 7 9C7 8.44771 7.44771 8 8 8ZM8 12H16C16.5523 12 17 12.4477 17 13C17 13.5523 16.5523 14 16 14H8C7.44771 14 7 13.5523 7 13C7 12.4477 7.44771 12 8 12Z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-receipt-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%22M3%205C3%202.79086%204.79086%201%207%201H17C19.2091%201%2021%202.79086%2021%205V20C21%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.44721%2022.8944C8.16569%2023.0352%207.83431%2023.0352%207.55279%2022.8944L3.55279%2020.8944C3.214%2020.725%203%2020.3788%203%2020V5ZM8%208H12C12.5523%208%2013%208.44771%2013%209C13%209.55229%2012.5523%2010%2012%2010H8C7.44771%2010%207%209.55229%207%209C7%208.44771%207.44771%208%208%208ZM8%2012H16C16.5523%2012%2017%2012.4477%2017%2013C17%2013.5523%2016.5523%2014%2016%2014H8C7.44771%2014%207%2013.5523%207%2013C7%2012.4477%207.44771%2012%208%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%22M3%205C3%202.79086%204.79086%201%207%201H17C19.2091%201%2021%202.79086%2021%205V20C21%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.44721%2022.8944C8.16569%2023.0352%207.83431%2023.0352%207.55279%2022.8944L3.55279%2020.8944C3.214%2020.725%203%2020.3788%203%2020V5ZM8%208H12C12.5523%208%2013%208.44771%2013%209C13%209.55229%2012.5523%2010%2012%2010H8C7.44771%2010%207%209.55229%207%209C7%208.44771%207.44771%208%208%208ZM8%2012H16C16.5523%2012%2017%2012.4477%2017%2013C17%2013.5523%2016.5523%2014%2016%2014H8C7.44771%2014%207%2013.5523%207%2013C7%2012.4477%207.44771%2012%208%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-fill.svg?color=%231a73e8&size=48
