Add icons to this collection by clicking the heart icon.
Invoice icon - also known as business, commerce, ticket, payment, receipt, 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 64 64"
>
<linearGradient
id="a"
x1="3"
x2="61.089"
y1="61"
y2="2.911"
gradientUnits="userSpaceOnUse"
>
<stop offset=".014" stop-color="#4279bd" />
<stop offset=".184" stop-color="#3f83ba" />
<stop offset=".476" stop-color="#389fb0" />
<stop offset=".852" stop-color="#2ccba2" />
<stop offset=".913" stop-color="#2ad39f" />
</linearGradient>
<linearGradient
id="b"
x1="-2.084"
x2="56.005"
y1="55.916"
y2="-2.173"
href="#a"
/>
<linearGradient
id="c"
x1="-6.56"
x2="51.529"
y1="51.44"
y2="-6.649"
href="#a"
/>
<linearGradient id="d" x1="-3" x2="55.089" y1="55" y2="-3.089" href="#a" />
<linearGradient
id="e"
x1="6.5"
x2="64.589"
y1="64.5"
y2="6.411"
href="#a"
/>
<linearGradient id="f" x1="0" x2="58.089" y1="58" y2="-.089" href="#a" />
<linearGradient
id="g"
x1="9.5"
x2="67.589"
y1="67.5"
y2="9.411"
href="#a"
/>
<linearGradient
id="h"
x1="12.5"
x2="70.589"
y1="70.5"
y2="12.411"
href="#a"
/>
<linearGradient id="i" x1="6" x2="64.089" y1="64" y2="5.911" href="#a" />
<linearGradient
id="j"
x1="15.5"
x2="73.589"
y1="73.5"
y2="15.411"
href="#a"
/>
<path
fill="url(#a)"
d="M13 62.02a1 1 0 0 1-1-1V2.98a1 1 0 0 1 1.395-.919l4.353 1.87 4.354-1.87a.998.998 0 0 1 .789 0l4.353 1.87 4.352-1.87a1 1 0 0 1 .79 0l4.353 1.87 4.357-1.87a.997.997 0 0 1 .788 0l4.361 1.87 4.361-1.87A1 1 0 0 1 52 2.98v58.04a1 1 0 0 1-1.394.919l-4.354-1.87-4.354 1.87a.998.998 0 0 1-.789 0l-4.353-1.87-4.352 1.87a1 1 0 0 1-.79 0l-4.353-1.87-4.357 1.87a.997.997 0 0 1-.788 0l-4.361-1.87-4.361 1.87a.997.997 0 0 1-.394.081zm4.755-4.04a.998.998 0 0 1 .394.081l4.36 1.87 4.357-1.87a1 1 0 0 1 .79 0l4.353 1.87 4.352-1.87a1 1 0 0 1 .79 0l4.353 1.87 4.354-1.87a.998.998 0 0 1 .789 0L50 59.502V4.497L46.64 5.94a.997.997 0 0 1-.79 0l-4.36-1.87-4.357 1.87a.999.999 0 0 1-.79 0l-4.352-1.87-4.352 1.87a1 1 0 0 1-.79 0l-4.353-1.87-4.353 1.87a.998.998 0 0 1-.79 0L14 4.498v55.005l3.36-1.442a.994.994 0 0 1 .395-.081z"
/>
<path
fill="url(#b)"
d="M37.82 28H26.18a2 2 0 0 1-1.973-2.329l1.667-10A1.993 1.993 0 0 1 27.848 14h8.306a1.993 1.993 0 0 1 1.973 1.671l1.667 10A2 2 0 0 1 37.819 28zm-1.667-12h-8.306L26.18 26h11.642z"
/>
<path
fill="url(#c)"
d="M35 16h-6a1 1 0 0 1-1-1v-3a4 4 0 0 1 8 0v3a1 1 0 0 1-1 1zm-5-2h4v-2a2 2 0 0 0-4 0z"
/>
<path
fill="url(#d)"
d="M19 36a.997.997 0 0 1-.707-.293l-2-2a1 1 0 0 1 1.414-1.414L19 33.586l3.293-3.293a1 1 0 0 1 1.414 1.414l-4 4A.997.997 0 0 1 19 36z"
/>
<path fill="url(#e)" d="M47 35H27a1 1 0 0 1 0-2h20a1 1 0 0 1 0 2z" />
<path
fill="url(#f)"
d="M19 42a.997.997 0 0 1-.707-.293l-2-2a1 1 0 0 1 1.414-1.414L19 39.586l3.293-3.293a1 1 0 0 1 1.414 1.414l-4 4A.997.997 0 0 1 19 42z"
/>
<path fill="url(#g)" d="M47 41H27a1 1 0 0 1 0-2h20a1 1 0 0 1 0 2z" />
<path
fill="url(#a)"
d="M19 48a.997.997 0 0 1-.707-.293l-2-2a1 1 0 0 1 1.414-1.414L19 45.586l3.293-3.293a1 1 0 0 1 1.414 1.414l-4 4A.997.997 0 0 1 19 48z"
/>
<path fill="url(#h)" d="M47 47H27a1 1 0 0 1 0-2h20a1 1 0 0 1 0 2z" />
<path
fill="url(#i)"
d="M19 54a.997.997 0 0 1-.707-.293l-2-2a1 1 0 0 1 1.414-1.414L19 51.586l3.293-3.293a1 1 0 0 1 1.414 1.414l-4 4A.997.997 0 0 1 19 54z"
/>
<path fill="url(#j)" d="M47 53H27a1 1 0 0 1 0-2h20a1 1 0 0 1 0 2z" />
</svg>
More icons in the same style and category