receipt icon
receipt from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- receipt
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
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 IconsreceiptLine AwesomereceiptLucidereceiptMajesticonsreceiptMaterial SymbolsreceiptMaterial Symbols LightreceiptMaterial Design IconsreceiptNoto EmojireceiptOpenMojireceiptPhosphorreceiptPixelarticons
Use the receipt icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M483.82 32.45a16.28 16.28 0 0 0-11.23 1.37L448 46.1l-24.8-12.4a16 16 0 0 0-14.31 0l-25.11 12.41L359 33.7a16 16 0 0 0-14.36 0L320 46.07l-24.45-12.34a16 16 0 0 0-14.35-.06L256 46.12l-24.8-12.43a16.05 16.05 0 0 0-14.33 0L192 46.1l-24.84-12.41a16 16 0 0 0-19.36 3.94a16.25 16.25 0 0 0-3.8 10.65V288l.05.05H336a32 32 0 0 1 32 32V424c0 30.93 33.07 56 64 56h12a52 52 0 0 0 52-52V48a16 16 0 0 0-12.18-15.55M416 240H288.5c-8.64 0-16.1-6.64-16.48-15.28A16 16 0 0 1 288 208h127.5c8.64 0 16.1 6.64 16.48 15.28A16 16 0 0 1 416 240m0-80H224.5c-8.64 0-16.1-6.64-16.48-15.28A16 16 0 0 1 224 128h191.5c8.64 0 16.1 6.64 16.48 15.28A16 16 0 0 1 416 160"/><path fill="currentColor" d="M336 424v-88a16 16 0 0 0-16-16H48a32.1 32.1 0 0 0-32 32.05c0 50.55 5.78 71.57 14.46 87.57C45.19 466.79 71.86 480 112 480h245.68a4 4 0 0 0 2.85-6.81C351.07 463.7 336 451 336 424"/></svg>
React
import type { SVGProps } from "react";
export function IonReceipt(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M483.82 32.45a16.28 16.28 0 0 0-11.23 1.37L448 46.1l-24.8-12.4a16 16 0 0 0-14.31 0l-25.11 12.41L359 33.7a16 16 0 0 0-14.36 0L320 46.07l-24.45-12.34a16 16 0 0 0-14.35-.06L256 46.12l-24.8-12.43a16.05 16.05 0 0 0-14.33 0L192 46.1l-24.84-12.41a16 16 0 0 0-19.36 3.94a16.25 16.25 0 0 0-3.8 10.65V288l.05.05H336a32 32 0 0 1 32 32V424c0 30.93 33.07 56 64 56h12a52 52 0 0 0 52-52V48a16 16 0 0 0-12.18-15.55M416 240H288.5c-8.64 0-16.1-6.64-16.48-15.28A16 16 0 0 1 288 208h127.5c8.64 0 16.1 6.64 16.48 15.28A16 16 0 0 1 416 240m0-80H224.5c-8.64 0-16.1-6.64-16.48-15.28A16 16 0 0 1 224 128h191.5c8.64 0 16.1 6.64 16.48 15.28A16 16 0 0 1 416 160"/><path fill="currentColor" d="M336 424v-88a16 16 0 0 0-16-16H48a32.1 32.1 0 0 0-32 32.05c0 50.55 5.78 71.57 14.46 87.57C45.19 466.79 71.86 480 112 480h245.68a4 4 0 0 0 2.85-6.81C351.07 463.7 336 451 336 424"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M483.82 32.45a16.28 16.28 0 0 0-11.23 1.37L448 46.1l-24.8-12.4a16 16 0 0 0-14.31 0l-25.11 12.41L359 33.7a16 16 0 0 0-14.36 0L320 46.07l-24.45-12.34a16 16 0 0 0-14.35-.06L256 46.12l-24.8-12.43a16.05 16.05 0 0 0-14.33 0L192 46.1l-24.84-12.41a16 16 0 0 0-19.36 3.94a16.25 16.25 0 0 0-3.8 10.65V288l.05.05H336a32 32 0 0 1 32 32V424c0 30.93 33.07 56 64 56h12a52 52 0 0 0 52-52V48a16 16 0 0 0-12.18-15.55M416 240H288.5c-8.64 0-16.1-6.64-16.48-15.28A16 16 0 0 1 288 208h127.5c8.64 0 16.1 6.64 16.48 15.28A16 16 0 0 1 416 240m0-80H224.5c-8.64 0-16.1-6.64-16.48-15.28A16 16 0 0 1 224 128h191.5c8.64 0 16.1 6.64 16.48 15.28A16 16 0 0 1 416 160"/><path fill="currentColor" d="M336 424v-88a16 16 0 0 0-16-16H48a32.1 32.1 0 0 0-32 32.05c0 50.55 5.78 71.57 14.46 87.57C45.19 466.79 71.86 480 112 480h245.68a4 4 0 0 0 2.85-6.81C351.07 463.7 336 451 336 424"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M483.82%2032.45a16.28%2016.28%200%200%200-11.23%201.37L448%2046.1l-24.8-12.4a16%2016%200%200%200-14.31%200l-25.11%2012.41L359%2033.7a16%2016%200%200%200-14.36%200L320%2046.07l-24.45-12.34a16%2016%200%200%200-14.35-.06L256%2046.12l-24.8-12.43a16.05%2016.05%200%200%200-14.33%200L192%2046.1l-24.84-12.41a16%2016%200%200%200-19.36%203.94a16.25%2016.25%200%200%200-3.8%2010.65V288l.05.05H336a32%2032%200%200%201%2032%2032V424c0%2030.93%2033.07%2056%2064%2056h12a52%2052%200%200%200%2052-52V48a16%2016%200%200%200-12.18-15.55M416%20240H288.5c-8.64%200-16.1-6.64-16.48-15.28A16%2016%200%200%201%20288%20208h127.5c8.64%200%2016.1%206.64%2016.48%2015.28A16%2016%200%200%201%20416%20240m0-80H224.5c-8.64%200-16.1-6.64-16.48-15.28A16%2016%200%200%201%20224%20128h191.5c8.64%200%2016.1%206.64%2016.48%2015.28A16%2016%200%200%201%20416%20160%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M336%20424v-88a16%2016%200%200%200-16-16H48a32.1%2032.1%200%200%200-32%2032.05c0%2050.55%205.78%2071.57%2014.46%2087.57C45.19%20466.79%2071.86%20480%20112%20480h245.68a4%204%200%200%200%202.85-6.81C351.07%20463.7%20336%20451%20336%20424%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M483.82%2032.45a16.28%2016.28%200%200%200-11.23%201.37L448%2046.1l-24.8-12.4a16%2016%200%200%200-14.31%200l-25.11%2012.41L359%2033.7a16%2016%200%200%200-14.36%200L320%2046.07l-24.45-12.34a16%2016%200%200%200-14.35-.06L256%2046.12l-24.8-12.43a16.05%2016.05%200%200%200-14.33%200L192%2046.1l-24.84-12.41a16%2016%200%200%200-19.36%203.94a16.25%2016.25%200%200%200-3.8%2010.65V288l.05.05H336a32%2032%200%200%201%2032%2032V424c0%2030.93%2033.07%2056%2064%2056h12a52%2052%200%200%200%2052-52V48a16%2016%200%200%200-12.18-15.55M416%20240H288.5c-8.64%200-16.1-6.64-16.48-15.28A16%2016%200%200%201%20288%20208h127.5c8.64%200%2016.1%206.64%2016.48%2015.28A16%2016%200%200%201%20416%20240m0-80H224.5c-8.64%200-16.1-6.64-16.48-15.28A16%2016%200%200%201%20224%20128h191.5c8.64%200%2016.1%206.64%2016.48%2015.28A16%2016%200%200%201%20416%20160%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M336%20424v-88a16%2016%200%200%200-16-16H48a32.1%2032.1%200%200%200-32%2032.05c0%2050.55%205.78%2071.57%2014.46%2087.57C45.19%20466.79%2071.86%20480%20112%20480h245.68a4%204%200%200%200%202.85-6.81C351.07%20463.7%20336%20451%20336%20424%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/receipt.svg?color=%231a73e8&size=48
