Add icons to this collection by clicking the heart icon.
Invoice icon - also known as commerce, payment, receipt, shopping, 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="18"
        x2="18"
        y1="65.438"
        y2="4.988"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#006df0" />
        <stop offset="1" stop-color="#00e7f0" />
    </linearGradient>
    <linearGradient id="b" x1="33" x2="33" y1="65.438" y2="4.988" href="#a" />
    <linearGradient id="c" x1="36" x2="36" y1="65.438" y2="4.988" href="#a" />
    <linearGradient id="d" x1="34" x2="34" y1="65.438" y2="4.988" href="#a" />
    <linearGradient id="e" x1="28" x2="28" y1="65.438" y2="4.988" href="#a" />
    <linearGradient id="f" x1="32" x2="32" y1="65.438" y2="4.988" href="#a" />
    <linearGradient id="g" x1="30" x2="30" y1="65.438" y2="4.988" href="#a" />
    <linearGradient
        id="h"
        x1="38.5"
        x2="38.5"
        y1="65.438"
        y2="4.988"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M18 20c-1.221 0-2-.592-2-1a1 1 0 0 0-2 0c0 1.421 1.259 2.571 3 2.9V23a1 1 0 0 0 2 0v-1.1c1.741-.327 3-1.477 3-2.9 0-1.682-1.757-3-4-3-1.221 0-2-.592-2-1s.779-1 2-1 2 .592 2 1a1 1 0 0 0 2 0c0-1.421-1.259-2.571-3-2.9v-1.041a1 1 0 1 0-2 0V12.1c-1.741.327-3 1.477-3 2.9 0 1.682 1.757 3 4 3 1.221 0 2 .592 2 1s-.779 1-2 1z"
        />
        <path fill="url(#b)" d="M27 18h12a1 1 0 0 0 0-2H27a1 1 0 0 0 0 2z" />
        <path fill="url(#c)" d="M27 14h18a1 1 0 0 0 0-2H27a1 1 0 0 0 0 2z" />
        <path fill="url(#d)" d="M33 20a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
        <path fill="url(#e)" d="M27 22h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2z" />
        <path
            fill="url(#f)"
            d="M55 2H13a1 1 0 0 0-1 1v3H9a1 1 0 0 0-1 1v54a1 1 0 0 0 .61.92.986.986 0 0 0 1.08-.2l3.51-3.34 3.5 3.34a1 1 0 0 0 1.38 0l3.51-3.34 3.51 3.34a1 1 0 0 0 1.38 0l3.51-3.34 3.51 3.34a1 1 0 0 0 1.38 0l3.51-3.34 3.51 3.34a1 1 0 0 0 1.38 0l3.51-3.34 3.52 3.34A1.012 1.012 0 0 0 51 62a1.046 1.046 0 0 0 .39-.08A1 1 0 0 0 52 61v-5.47l2.31 2.2A1 1 0 0 0 55 58a1.046 1.046 0 0 0 .39-.08A1 1 0 0 0 56 57V3a1 1 0 0 0-1-1zm-5 56.67-2.52-2.39a.984.984 0 0 0-1.37 0l-3.52 3.34-3.51-3.34a.985.985 0 0 0-.69-.28.968.968 0 0 0-.69.28l-3.51 3.34-3.51-3.34a1 1 0 0 0-1.38 0l-3.51 3.34-3.51-3.34a1 1 0 0 0-1.38 0l-3.51 3.34-3.5-3.34a1 1 0 0 0-1.38 0L10 58.67V8h40zm4-4-2-1.9V7a1 1 0 0 0-1-1H14V4h40z"
        />
        <path
            fill="url(#g)"
            d="M45 26H15a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h30a1 1 0 0 0 1-1V27a1 1 0 0 0-1-1zm-9 18H16V34h20zm0-12H16v-4h20zm8 12h-6V34h6zm0-12h-6v-4h6z"
        />
        <path
            fill="url(#h)"
            d="M45 48H32a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h13a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4H33v-2h11z"
        />
    </g>
</svg>
More icons in the same style and category