Add icons to this collection by clicking the heart icon.
Invoice icon - also known as business, commerce, ticket, payment, receipt, bill, invoice, and food and restaurant. 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="100"
height="100"
viewBox="0 0 512.016 512.016"
>
<linearGradient
id="a"
x1="-45.049"
x2="-24.342"
y1="644.838"
y2="624.131"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.169 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="m370.397 510.528 30.72-18.133 30.805 18.133a10.573 10.573 0 0 0 10.709.064 10.665 10.665 0 0 0 5.376-9.259V10.667C448.008 4.779 443.229 0 437.341 0H74.675c-5.888 0-10.667 4.779-10.667 10.667v490.667a10.69 10.69 0 0 0 5.355 9.259 10.636 10.636 0 0 0 10.688-.064l30.976-18.176 30.997 18.176c1.685.981 3.541 1.472 5.419 1.472s3.733-.491 5.397-1.472l30.891-18.155 30.848 18.155c3.307 1.984 7.467 1.963 10.816 0l30.891-18.155 30.827 18.155a10.571 10.571 0 0 0 10.816 0l30.784-18.155 30.848 18.155a10.708 10.708 0 0 0 10.836-.001zm-47.104-39.723-30.784 18.155-30.827-18.155a10.571 10.571 0 0 0-10.816 0l-30.891 18.155-30.827-18.155a10.571 10.571 0 0 0-10.816 0L147.42 488.96l-30.976-18.176a10.782 10.782 0 0 0-5.397-1.451c-1.877 0-3.733.491-5.397 1.472l-20.309 11.904V21.333h341.333v461.333l-20.139-11.861a10.61 10.61 0 0 0-10.837 0l-30.72 18.133-30.848-18.155a10.764 10.764 0 0 0-10.837.022z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-39.048"
x2="-35.342"
y1="643.838"
y2="640.131"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.169 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M266.675 85.333h-128c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h128c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-39.048"
x2="-35.342"
y1="640.838"
y2="637.131"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.169 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M266.675 149.333h-128c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h128c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-39.048"
x2="-35.342"
y1="637.838"
y2="634.131"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.169 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M266.675 213.333h-128c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h128c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-39.048"
x2="-35.342"
y1="634.838"
y2="631.131"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.169 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M266.675 277.333h-128c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h128c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-31.299"
x2="-30.091"
y1="642.588"
y2="641.381"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.169 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M352.008 85.333h-21.333c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h21.333c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-31.299"
x2="-30.091"
y1="639.588"
y2="638.381"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.169 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M352.008 149.333h-21.333c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h21.333c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-31.3"
x2="-30.092"
y1="636.587"
y2="635.383"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.169 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M352.008 213.333h-21.333c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h21.333c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-31.3"
x2="-30.092"
y1="633.587"
y2="632.383"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.169 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M352.008 277.333h-21.333c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h21.333c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-39.048"
x2="-35.342"
y1="629.838"
y2="626.131"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.169 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M266.675 384h-128c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h128c5.888 0 10.667-4.779 10.667-10.667-.001-5.888-4.779-10.667-10.667-10.667z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-31.3"
x2="-30.092"
y1="628.587"
y2="627.383"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.169 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M352.008 384h-21.333c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h21.333c5.888 0 10.667-4.779 10.667-10.667S357.896 384 352.008 384z"
fill="url(#k)"
/>
</svg>
More icons in the same style and category