invoice icon
invoice from Reicon by REICON · Outline · Money · MIT Free for personal and commercial use.
- Name
- invoice
- Set
- Reicon
- Style
- Outline
- Category
- Money
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All invoice icons →More money icons from Reicon
Use the invoice icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.65 5.632V5.5a.75.75 0 0 1 1.5 0v.129q.162.038.326.104c.339.134.645.34.977.592a.75.75 0 1 1-.906 1.196c-.308-.233-.482-.338-.624-.394c-.124-.05-.262-.077-.523-.077c-.374 0-.604.089-.72.173a.28.28 0 0 0-.13.25c0 .089.02.127.034.146a.4.4 0 0 0 .142.116c.193.108.473.171.797.225c.316.053.836.146 1.283.396c.495.277.944.778.944 1.572c0 .611-.284 1.126-.75 1.464c-.25.181-.54.303-.85.376v.132a.75.75 0 1 1-1.5 0v-.129a2.4 2.4 0 0 1-.327-.104c-.338-.134-.644-.341-.976-.592a.75.75 0 1 1 .906-1.196c.308.233.482.338.624.394c.124.05.262.077.523.077c.373 0 .604-.089.72-.173a.28.28 0 0 0 .13-.25c0-.089-.02-.127-.034-.146a.4.4 0 0 0-.142-.116c-.193-.108-.473-.171-.797-.225c-.316-.053-.836-.146-1.283-.396c-.495-.277-.944-.778-.944-1.572c0-.611.283-1.126.75-1.464c.25-.181.54-.304.85-.376M6.75 14.5a.75.75 0 0 1 .75-.75h9a.75.75 0 0 1 0 1.5h-9a.75.75 0 0 1-.75-.75m7.5-6.75a.75.75 0 0 0 0 1.5h2.25a.75.75 0 0 0 0-1.5zm-.75 3.75a.75.75 0 0 1 .75-.75h2.25a.75.75 0 0 1 0 1.5h-2.25a.75.75 0 0 1-.75-.75m-6 5.25a.75.75 0 0 0 0 1.5h9a.75.75 0 0 0 0-1.5z"/><path fill-rule="evenodd" d="M14.933 1.25H9.067c-.952 0-1.713 0-2.327.05c-.63.052-1.172.16-1.67.413a4.25 4.25 0 0 0-1.857 1.858c-.253.497-.361 1.04-.413 1.67c-.05.613-.05 1.374-.05 2.326v8.866c0 .952 0 1.713.05 2.327c.052.63.16 1.172.413 1.67a4.25 4.25 0 0 0 1.858 1.857c.497.253 1.04.361 1.67.413c.613.05 1.374.05 2.326.05h5.865c.953 0 1.714 0 2.328-.05c.63-.052 1.172-.16 1.67-.413a4.25 4.25 0 0 0 1.857-1.857c.253-.498.361-1.04.413-1.67c.05-.614.05-1.375.05-2.327V7.567c0-.952 0-1.713-.05-2.327c-.052-.63-.16-1.172-.413-1.67a4.25 4.25 0 0 0-1.857-1.857c-.498-.253-1.04-.361-1.67-.413c-.614-.05-1.375-.05-2.327-.05m-9.181 1.8c.25-.128.573-.21 1.11-.255c.546-.044 1.246-.045 2.238-.045h5.8c.992 0 1.692 0 2.238.045c.537.044.86.127 1.11.255a2.75 2.75 0 0 1 1.202 1.202c.128.25.21.573.255 1.11c.044.546.045 1.246.045 2.238v8.8c0 .992 0 1.692-.045 2.238c-.044.537-.127.86-.255 1.11a2.75 2.75 0 0 1-1.201 1.202c-.252.128-.574.21-1.111.255c-.546.044-1.246.045-2.238.045H9.1c-.992 0-1.692 0-2.238-.045c-.537-.044-.86-.127-1.11-.255a2.75 2.75 0 0 1-1.202-1.2c-.128-.252-.21-.574-.255-1.111c-.044-.546-.045-1.246-.045-2.238V7.6c0-.992 0-1.692.045-2.238c.044-.537.127-.86.255-1.11A2.75 2.75 0 0 1 5.752 3.05" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconInvoice(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.65 5.632V5.5a.75.75 0 0 1 1.5 0v.129q.162.038.326.104c.339.134.645.34.977.592a.75.75 0 1 1-.906 1.196c-.308-.233-.482-.338-.624-.394c-.124-.05-.262-.077-.523-.077c-.374 0-.604.089-.72.173a.28.28 0 0 0-.13.25c0 .089.02.127.034.146a.4.4 0 0 0 .142.116c.193.108.473.171.797.225c.316.053.836.146 1.283.396c.495.277.944.778.944 1.572c0 .611-.284 1.126-.75 1.464c-.25.181-.54.303-.85.376v.132a.75.75 0 1 1-1.5 0v-.129a2.4 2.4 0 0 1-.327-.104c-.338-.134-.644-.341-.976-.592a.75.75 0 1 1 .906-1.196c.308.233.482.338.624.394c.124.05.262.077.523.077c.373 0 .604-.089.72-.173a.28.28 0 0 0 .13-.25c0-.089-.02-.127-.034-.146a.4.4 0 0 0-.142-.116c-.193-.108-.473-.171-.797-.225c-.316-.053-.836-.146-1.283-.396c-.495-.277-.944-.778-.944-1.572c0-.611.283-1.126.75-1.464c.25-.181.54-.304.85-.376M6.75 14.5a.75.75 0 0 1 .75-.75h9a.75.75 0 0 1 0 1.5h-9a.75.75 0 0 1-.75-.75m7.5-6.75a.75.75 0 0 0 0 1.5h2.25a.75.75 0 0 0 0-1.5zm-.75 3.75a.75.75 0 0 1 .75-.75h2.25a.75.75 0 0 1 0 1.5h-2.25a.75.75 0 0 1-.75-.75m-6 5.25a.75.75 0 0 0 0 1.5h9a.75.75 0 0 0 0-1.5z"/><path fillRule="evenodd" d="M14.933 1.25H9.067c-.952 0-1.713 0-2.327.05c-.63.052-1.172.16-1.67.413a4.25 4.25 0 0 0-1.857 1.858c-.253.497-.361 1.04-.413 1.67c-.05.613-.05 1.374-.05 2.326v8.866c0 .952 0 1.713.05 2.327c.052.63.16 1.172.413 1.67a4.25 4.25 0 0 0 1.858 1.857c.497.253 1.04.361 1.67.413c.613.05 1.374.05 2.326.05h5.865c.953 0 1.714 0 2.328-.05c.63-.052 1.172-.16 1.67-.413a4.25 4.25 0 0 0 1.857-1.857c.253-.498.361-1.04.413-1.67c.05-.614.05-1.375.05-2.327V7.567c0-.952 0-1.713-.05-2.327c-.052-.63-.16-1.172-.413-1.67a4.25 4.25 0 0 0-1.857-1.857c-.498-.253-1.04-.361-1.67-.413c-.614-.05-1.375-.05-2.327-.05m-9.181 1.8c.25-.128.573-.21 1.11-.255c.546-.044 1.246-.045 2.238-.045h5.8c.992 0 1.692 0 2.238.045c.537.044.86.127 1.11.255a2.75 2.75 0 0 1 1.202 1.202c.128.25.21.573.255 1.11c.044.546.045 1.246.045 2.238v8.8c0 .992 0 1.692-.045 2.238c-.044.537-.127.86-.255 1.11a2.75 2.75 0 0 1-1.201 1.202c-.252.128-.574.21-1.111.255c-.546.044-1.246.045-2.238.045H9.1c-.992 0-1.692 0-2.238-.045c-.537-.044-.86-.127-1.11-.255a2.75 2.75 0 0 1-1.202-1.2c-.128-.252-.21-.574-.255-1.111c-.044-.546-.045-1.246-.045-2.238V7.6c0-.992 0-1.692.045-2.238c.044-.537.127-.86.255-1.11A2.75 2.75 0 0 1 5.752 3.05" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.65 5.632V5.5a.75.75 0 0 1 1.5 0v.129q.162.038.326.104c.339.134.645.34.977.592a.75.75 0 1 1-.906 1.196c-.308-.233-.482-.338-.624-.394c-.124-.05-.262-.077-.523-.077c-.374 0-.604.089-.72.173a.28.28 0 0 0-.13.25c0 .089.02.127.034.146a.4.4 0 0 0 .142.116c.193.108.473.171.797.225c.316.053.836.146 1.283.396c.495.277.944.778.944 1.572c0 .611-.284 1.126-.75 1.464c-.25.181-.54.303-.85.376v.132a.75.75 0 1 1-1.5 0v-.129a2.4 2.4 0 0 1-.327-.104c-.338-.134-.644-.341-.976-.592a.75.75 0 1 1 .906-1.196c.308.233.482.338.624.394c.124.05.262.077.523.077c.373 0 .604-.089.72-.173a.28.28 0 0 0 .13-.25c0-.089-.02-.127-.034-.146a.4.4 0 0 0-.142-.116c-.193-.108-.473-.171-.797-.225c-.316-.053-.836-.146-1.283-.396c-.495-.277-.944-.778-.944-1.572c0-.611.283-1.126.75-1.464c.25-.181.54-.304.85-.376M6.75 14.5a.75.75 0 0 1 .75-.75h9a.75.75 0 0 1 0 1.5h-9a.75.75 0 0 1-.75-.75m7.5-6.75a.75.75 0 0 0 0 1.5h2.25a.75.75 0 0 0 0-1.5zm-.75 3.75a.75.75 0 0 1 .75-.75h2.25a.75.75 0 0 1 0 1.5h-2.25a.75.75 0 0 1-.75-.75m-6 5.25a.75.75 0 0 0 0 1.5h9a.75.75 0 0 0 0-1.5z"/><path fill-rule="evenodd" d="M14.933 1.25H9.067c-.952 0-1.713 0-2.327.05c-.63.052-1.172.16-1.67.413a4.25 4.25 0 0 0-1.857 1.858c-.253.497-.361 1.04-.413 1.67c-.05.613-.05 1.374-.05 2.326v8.866c0 .952 0 1.713.05 2.327c.052.63.16 1.172.413 1.67a4.25 4.25 0 0 0 1.858 1.857c.497.253 1.04.361 1.67.413c.613.05 1.374.05 2.326.05h5.865c.953 0 1.714 0 2.328-.05c.63-.052 1.172-.16 1.67-.413a4.25 4.25 0 0 0 1.857-1.857c.253-.498.361-1.04.413-1.67c.05-.614.05-1.375.05-2.327V7.567c0-.952 0-1.713-.05-2.327c-.052-.63-.16-1.172-.413-1.67a4.25 4.25 0 0 0-1.857-1.857c-.498-.253-1.04-.361-1.67-.413c-.614-.05-1.375-.05-2.327-.05m-9.181 1.8c.25-.128.573-.21 1.11-.255c.546-.044 1.246-.045 2.238-.045h5.8c.992 0 1.692 0 2.238.045c.537.044.86.127 1.11.255a2.75 2.75 0 0 1 1.202 1.202c.128.25.21.573.255 1.11c.044.546.045 1.246.045 2.238v8.8c0 .992 0 1.692-.045 2.238c-.044.537-.127.86-.255 1.11a2.75 2.75 0 0 1-1.201 1.202c-.252.128-.574.21-1.111.255c-.546.044-1.246.045-2.238.045H9.1c-.992 0-1.692 0-2.238-.045c-.537-.044-.86-.127-1.11-.255a2.75 2.75 0 0 1-1.202-1.2c-.128-.252-.21-.574-.255-1.111c-.044-.546-.045-1.246-.045-2.238V7.6c0-.992 0-1.692.045-2.238c.044-.537.127-.86.255-1.11A2.75 2.75 0 0 1 5.752 3.05" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-invoice {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8.65%205.632V5.5a.75.75%200%200%201%201.5%200v.129q.162.038.326.104c.339.134.645.34.977.592a.75.75%200%201%201-.906%201.196c-.308-.233-.482-.338-.624-.394c-.124-.05-.262-.077-.523-.077c-.374%200-.604.089-.72.173a.28.28%200%200%200-.13.25c0%20.089.02.127.034.146a.4.4%200%200%200%20.142.116c.193.108.473.171.797.225c.316.053.836.146%201.283.396c.495.277.944.778.944%201.572c0%20.611-.284%201.126-.75%201.464c-.25.181-.54.303-.85.376v.132a.75.75%200%201%201-1.5%200v-.129a2.4%202.4%200%200%201-.327-.104c-.338-.134-.644-.341-.976-.592a.75.75%200%201%201%20.906-1.196c.308.233.482.338.624.394c.124.05.262.077.523.077c.373%200%20.604-.089.72-.173a.28.28%200%200%200%20.13-.25c0-.089-.02-.127-.034-.146a.4.4%200%200%200-.142-.116c-.193-.108-.473-.171-.797-.225c-.316-.053-.836-.146-1.283-.396c-.495-.277-.944-.778-.944-1.572c0-.611.283-1.126.75-1.464c.25-.181.54-.304.85-.376M6.75%2014.5a.75.75%200%200%201%20.75-.75h9a.75.75%200%200%201%200%201.5h-9a.75.75%200%200%201-.75-.75m7.5-6.75a.75.75%200%200%200%200%201.5h2.25a.75.75%200%200%200%200-1.5zm-.75%203.75a.75.75%200%200%201%20.75-.75h2.25a.75.75%200%200%201%200%201.5h-2.25a.75.75%200%200%201-.75-.75m-6%205.25a.75.75%200%200%200%200%201.5h9a.75.75%200%200%200%200-1.5z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M14.933%201.25H9.067c-.952%200-1.713%200-2.327.05c-.63.052-1.172.16-1.67.413a4.25%204.25%200%200%200-1.857%201.858c-.253.497-.361%201.04-.413%201.67c-.05.613-.05%201.374-.05%202.326v8.866c0%20.952%200%201.713.05%202.327c.052.63.16%201.172.413%201.67a4.25%204.25%200%200%200%201.858%201.857c.497.253%201.04.361%201.67.413c.613.05%201.374.05%202.326.05h5.865c.953%200%201.714%200%202.328-.05c.63-.052%201.172-.16%201.67-.413a4.25%204.25%200%200%200%201.857-1.857c.253-.498.361-1.04.413-1.67c.05-.614.05-1.375.05-2.327V7.567c0-.952%200-1.713-.05-2.327c-.052-.63-.16-1.172-.413-1.67a4.25%204.25%200%200%200-1.857-1.857c-.498-.253-1.04-.361-1.67-.413c-.614-.05-1.375-.05-2.327-.05m-9.181%201.8c.25-.128.573-.21%201.11-.255c.546-.044%201.246-.045%202.238-.045h5.8c.992%200%201.692%200%202.238.045c.537.044.86.127%201.11.255a2.75%202.75%200%200%201%201.202%201.202c.128.25.21.573.255%201.11c.044.546.045%201.246.045%202.238v8.8c0%20.992%200%201.692-.045%202.238c-.044.537-.127.86-.255%201.11a2.75%202.75%200%200%201-1.201%201.202c-.252.128-.574.21-1.111.255c-.546.044-1.246.045-2.238.045H9.1c-.992%200-1.692%200-2.238-.045c-.537-.044-.86-.127-1.11-.255a2.75%202.75%200%200%201-1.202-1.2c-.128-.252-.21-.574-.255-1.111c-.044-.546-.045-1.246-.045-2.238V7.6c0-.992%200-1.692.045-2.238c.044-.537.127-.86.255-1.11A2.75%202.75%200%200%201%205.752%203.05%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8.65%205.632V5.5a.75.75%200%200%201%201.5%200v.129q.162.038.326.104c.339.134.645.34.977.592a.75.75%200%201%201-.906%201.196c-.308-.233-.482-.338-.624-.394c-.124-.05-.262-.077-.523-.077c-.374%200-.604.089-.72.173a.28.28%200%200%200-.13.25c0%20.089.02.127.034.146a.4.4%200%200%200%20.142.116c.193.108.473.171.797.225c.316.053.836.146%201.283.396c.495.277.944.778.944%201.572c0%20.611-.284%201.126-.75%201.464c-.25.181-.54.303-.85.376v.132a.75.75%200%201%201-1.5%200v-.129a2.4%202.4%200%200%201-.327-.104c-.338-.134-.644-.341-.976-.592a.75.75%200%201%201%20.906-1.196c.308.233.482.338.624.394c.124.05.262.077.523.077c.373%200%20.604-.089.72-.173a.28.28%200%200%200%20.13-.25c0-.089-.02-.127-.034-.146a.4.4%200%200%200-.142-.116c-.193-.108-.473-.171-.797-.225c-.316-.053-.836-.146-1.283-.396c-.495-.277-.944-.778-.944-1.572c0-.611.283-1.126.75-1.464c.25-.181.54-.304.85-.376M6.75%2014.5a.75.75%200%200%201%20.75-.75h9a.75.75%200%200%201%200%201.5h-9a.75.75%200%200%201-.75-.75m7.5-6.75a.75.75%200%200%200%200%201.5h2.25a.75.75%200%200%200%200-1.5zm-.75%203.75a.75.75%200%200%201%20.75-.75h2.25a.75.75%200%200%201%200%201.5h-2.25a.75.75%200%200%201-.75-.75m-6%205.25a.75.75%200%200%200%200%201.5h9a.75.75%200%200%200%200-1.5z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M14.933%201.25H9.067c-.952%200-1.713%200-2.327.05c-.63.052-1.172.16-1.67.413a4.25%204.25%200%200%200-1.857%201.858c-.253.497-.361%201.04-.413%201.67c-.05.613-.05%201.374-.05%202.326v8.866c0%20.952%200%201.713.05%202.327c.052.63.16%201.172.413%201.67a4.25%204.25%200%200%200%201.858%201.857c.497.253%201.04.361%201.67.413c.613.05%201.374.05%202.326.05h5.865c.953%200%201.714%200%202.328-.05c.63-.052%201.172-.16%201.67-.413a4.25%204.25%200%200%200%201.857-1.857c.253-.498.361-1.04.413-1.67c.05-.614.05-1.375.05-2.327V7.567c0-.952%200-1.713-.05-2.327c-.052-.63-.16-1.172-.413-1.67a4.25%204.25%200%200%200-1.857-1.857c-.498-.253-1.04-.361-1.67-.413c-.614-.05-1.375-.05-2.327-.05m-9.181%201.8c.25-.128.573-.21%201.11-.255c.546-.044%201.246-.045%202.238-.045h5.8c.992%200%201.692%200%202.238.045c.537.044.86.127%201.11.255a2.75%202.75%200%200%201%201.202%201.202c.128.25.21.573.255%201.11c.044.546.045%201.246.045%202.238v8.8c0%20.992%200%201.692-.045%202.238c-.044.537-.127.86-.255%201.11a2.75%202.75%200%200%201-1.201%201.202c-.252.128-.574.21-1.111.255c-.546.044-1.246.045-2.238.045H9.1c-.992%200-1.692%200-2.238-.045c-.537-.044-.86-.127-1.11-.255a2.75%202.75%200%200%201-1.202-1.2c-.128-.252-.21-.574-.255-1.111c-.044-.546-.045-1.246-.045-2.238V7.6c0-.992%200-1.692.045-2.238c.044-.537.127-.86.255-1.11A2.75%202.75%200%200%201%205.752%203.05%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/invoice.svg?color=%231a73e8&size=48
