Add icons to this collection by clicking the heart icon.
Invoice icon - also known as commerce, ticket, payment, receipt, dollar symbol, bill, invoice, and business and finance. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 28 28"
>
<linearGradient
id="a"
x1="-1.055"
x2="25.87"
y1="30.035"
y2=".33"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="b"
x1="-6.924"
x2="20.001"
y1="24.715"
y2="-4.99"
href="#a"
/>
<linearGradient
id="c"
x1="-1.147"
x2="25.779"
y1="29.952"
y2=".247"
href="#a"
/>
<linearGradient
id="d"
x1="-4.75"
x2="22.175"
y1="26.686"
y2="-3.019"
href="#a"
/>
<linearGradient
id="e"
x1="-3.755"
x2="23.171"
y1="27.588"
y2="-2.117"
href="#a"
/>
<linearGradient
id="f"
x1="-2.76"
x2="24.166"
y1="28.49"
y2="-1.215"
href="#a"
/>
<linearGradient
id="g"
x1="-2.863"
x2="24.063"
y1="28.397"
y2="-1.308"
href="#a"
/>
<linearGradient
id="h"
x1="-.752"
x2="26.174"
y1="30.31"
y2=".605"
href="#a"
/>
<linearGradient
id="i"
x1="-.855"
x2="26.071"
y1="30.217"
y2=".512"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M25.5 15.333h-5V3a.5.5 0 0 0-.5-.5H3a.5.5 0 0 0-.5.5v19.25a3.254 3.254 0 0 0 3.25 3.25H23a.5.5 0 0 0 .2-.046 3.246 3.246 0 0 0 2.8-3.2v-6.421a.5.5 0 0 0-.5-.5zm-22 6.917V3.5h16v18.75a3.236 3.236 0 0 0 .914 2.25H5.75a2.253 2.253 0 0 1-2.25-2.25zm21.5 0a2.25 2.25 0 0 1-4.5 0v-5.917H25z"
/>
<path
fill="url(#b)"
d="M7.32 10.9a.7.7 0 0 1-.7-.7.5.5 0 0 0-1 0 1.7 1.7 0 0 0 1.2 1.617V12a.5.5 0 0 0 1 0v-.183a1.7 1.7 0 0 0-.5-3.317.7.7 0 1 1 .7-.7.5.5 0 1 0 1 0 1.7 1.7 0 0 0-1.2-1.617V6a.5.5 0 0 0-1 0v.183a1.7 1.7 0 0 0 .5 3.317.7.7 0 0 1 0 1.4z"
/>
<path
fill="url(#c)"
d="M17 14.5H6a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5zm-.5 2h-10v-1h10z"
/>
<path fill="url(#d)" d="M17 5.5h-6a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1z" />
<path fill="url(#e)" d="M17 7.5h-6a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1z" />
<path fill="url(#f)" d="M17 9.5h-6a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1z" />
<path fill="url(#g)" d="M13 12.5a.5.5 0 0 0 0-1h-2a.5.5 0 0 0 0 1z" />
<path fill="url(#h)" d="M13 18.5H6a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1z" />
<path fill="url(#i)" d="M9 20.5H6a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1z" />
</g>
</svg>
More icons in the same style and category