Add icons to this collection by clicking the heart icon.
Invoice icon - also known as file, email, mail, tool, invoice, communications, and business and finance. Created in a clean lineal color style with a white, navy, and pink finish, 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 469.335 469.335"
>
<path
d="M469.331 181.335a10.65 10.65 0 0 0-4.133-8.427s-25.895-18.247-59.865-44.906V85.335c0-23.531-19.469-42.667-43-42.667h-61.792c-15.199-12.413-28.389-23.387-37.198-31.198C254.773 3.895 244.54-.08 234.33.001c-9.993.08-19.963 4.054-28.331 11.469-8.809 7.811-21.997 18.785-37.207 31.198h-62.46c-23.531 0-42.333 19.135-42.333 42.667v42.667c-33.622 26.397-59.854 44.896-59.865 44.906a10.65 10.65 0 0 0-4.133 8.427v245.333c0 23.531 19.135 42.667 42.667 42.667h384c23.531 0 42.667-19.135 42.667-42.667V181.335h-.004z"
fill="#303c42"
/>
<path
d="M441.605 181.324c-8.398 6.518-21.206 16.48-36.271 28.259v-56.57a15765.965 15765.965 0 0 0 36.271 28.311zM220.48 27.439c5.667-5 18.75-9.115 29.052.01 4.801 4.246 10.855 9.406 17.81 15.219h-64.674c6.956-5.814 13.011-10.978 17.812-15.229z"
fill="#ffcc80"
/>
<path
d="M106.667 64.001h256c11.76 0 21.333 9.573 21.333 21.333v140.967C336.325 263.747 276.672 311.2 249.532 335.22c-2.573 2.281-7.938 6.115-14.865 6.115-5.063 0-9.948-2.052-14.531-6.115-27.391-24.253-87.199-71.901-134.802-109.352V85.335c0-11.761 9.573-21.334 21.333-21.334z"
fill="#fff"
/>
<path
d="M64.001 153.542v55.579a12917.164 12917.164 0 0 0-35.604-27.786c8.279-6.444 20.834-16.227 35.604-27.793z"
fill="#ffcc80"
/>
<path
d="M427.001 448.001h-384c-11.76 0-21.667-9.573-21.667-21.333V203.113c44.49 34.63 147.754 115.396 184.656 148.086 8.479 7.5 18.396 11.469 28.677 11.469 10.354 0 20.656-4.073 29.01-11.469 38.414-34.008 143.335-115.977 184.656-148.092v223.561c.001 11.76-9.572 21.333-21.332 21.333z"
fill="#ffe082"
/>
<path
d="M160.001 192.001h-21.333a10.66 10.66 0 0 0-10.667 10.667 10.66 10.66 0 0 0 10.667 10.667h10.667a10.66 10.66 0 0 0 10.667 10.667 10.66 10.66 0 0 0 10.667-10.667v-1.965c12.389-4.418 21.333-16.147 21.333-30.035 0-17.646-14.354-32-32-32-5.885 0-10.667-4.781-10.667-10.667 0-5.885 4.781-10.667 10.667-10.667h21.333a10.66 10.66 0 0 0 10.667-10.667 10.66 10.66 0 0 0-10.667-10.667h-10.667A10.66 10.66 0 0 0 160.001 96a10.66 10.66 0 0 0-10.667 10.667v1.965c-12.389 4.418-21.333 16.147-21.333 30.035 0 17.646 14.354 32 32 32 5.885 0 10.667 4.781 10.667 10.667s-4.782 10.667-10.667 10.667z"
fill="#303c42"
/>
<linearGradient
id="a"
x1="-61.034"
x2="-45.577"
y1="619.634"
y2="604.181"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.099 13315.236)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="M427.001 448.001c11.76 0 21.333-9.573 21.333-21.333V203.107c-41.322 32.116-146.242 114.085-184.656 148.092-8.354 7.396-18.656 11.469-29.01 11.469-10.281 0-20.198-3.969-28.677-11.469-36.902-32.69-140.167-113.456-184.656-148.086l244.888 244.888h160.778z"
fill="url(#a)"
/>
<path
d="M234.667 309.335c-5.063 0-9.948-1.815-14.531-5.409-27.391-21.454-87.199-54.796-134.802-87.924v9.867c47.603 37.451 107.411 85.099 134.802 109.352 4.583 4.063 9.469 6.115 14.531 6.115 6.927 0 12.292-3.833 14.865-6.115 27.141-24.02 86.793-71.473 134.469-108.918v-8.301c-47.676 33.125-107.328 64.676-134.469 85.924-2.573 2.017-7.938 5.409-14.865 5.409z"
opacity=".1"
/>
<path
d="M245.334 128.001h85.333a10.66 10.66 0 0 0 10.667-10.667 10.66 10.66 0 0 0-10.667-10.667h-85.333a10.66 10.66 0 0 0-10.667 10.667 10.66 10.66 0 0 0 10.667 10.667zM245.334 192.001h85.333c5.896 0 10.667-4.771 10.667-10.667s-4.771-10.667-10.667-10.667h-85.333c-5.896 0-10.667 4.771-10.667 10.667s4.771 10.667 10.667 10.667zM288.001 234.668H181.334c-5.896 0-10.667 4.771-10.667 10.667s4.771 10.667 10.667 10.667h106.667c5.896 0 10.667-4.771 10.667-10.667s-4.772-10.667-10.667-10.667z"
fill="#303c42"
/>
<linearGradient
id="b"
x1="-66.723"
x2="-44.036"
y1="616.433"
y2="605.854"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.099 13315.236)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M469.331 181.335a10.65 10.65 0 0 0-4.133-8.427s-25.895-18.247-59.865-44.906V85.335c0-23.531-19.469-42.667-43-42.667h-61.792c-15.199-12.413-28.389-23.387-37.198-31.198C254.773 3.895 244.54-.08 234.33.001c-9.993.08-19.963 4.054-28.331 11.469-8.809 7.811-21.997 18.785-37.207 31.198h-62.46c-23.531 0-42.333 19.135-42.333 42.667v42.667c-33.622 26.397-59.854 44.896-59.865 44.906a10.65 10.65 0 0 0-4.133 8.427v245.333c0 23.531 19.135 42.667 42.667 42.667h384c23.531 0 42.667-19.135 42.667-42.667V181.335h-.004z"
fill="url(#b)"
/>
</svg>
More icons in the same style and category