Add icons to this collection by clicking the heart icon.
Credit Card Payment icon - also known as money, finance, pay, commerce, shopping, credit card payment, atm card, 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="13"
        x2="13"
        y1="64.007"
        y2="4.633"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#006df0" />
        <stop offset="1" stop-color="#00e7f0" />
    </linearGradient>
    <linearGradient id="b" x1="23" x2="23" y1="64.007" y2="4.633" href="#a" />
    <linearGradient id="c" x1="33" x2="33" y1="64.007" y2="4.633" href="#a" />
    <linearGradient id="d" x1="43" x2="43" y1="64.007" y2="4.633" href="#a" />
    <linearGradient id="e" x1="15" x2="15" y1="64.007" y2="4.633" href="#a" />
    <linearGradient id="f" x1="32" x2="32" y1="64.007" y2="4.633" href="#a" />
    <linearGradient id="g" x1="50" x2="50" y1="64.007" y2="4.633" href="#a" />
    <linearGradient id="h" x1="22" x2="22" y1="64.007" y2="4.633" href="#a" />
    <g>
        <path
            fill="url(#a)"
            d="M16 54h-6a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1zm-5-2h4v-2h-4z"
        />
        <path
            fill="url(#b)"
            d="M26 54h-6a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1zm-5-2h4v-2h-4z"
        />
        <path
            fill="url(#c)"
            d="M36 54h-6a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1zm-5-2h4v-2h-4z"
        />
        <path
            fill="url(#d)"
            d="M46 54h-6a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1zm-5-2h4v-2h-4z"
        />
        <path
            fill="url(#e)"
            d="M19 32h-8a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3v-4a3 3 0 0 0-3-3zm1 3v1h-1.99v-2H19a1 1 0 0 1 1 1zm-5.995-1h2.005v6h-2.005zM11 34h1.005v2H10v-1a1 1 0 0 1 1-1zm-1 5v-1h2.005v2H11a1 1 0 0 1-1-1zm9 1h-.99v-2H20v1a1 1 0 0 1-1 1z"
        />
        <path
            fill="url(#f)"
            d="M61 2H11a1 1 0 0 0-1 1v23H7a5 5 0 0 0-5 5v26a5 5 0 0 0 5 5h42a5 5 0 0 0 5-5V38h7a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zm-9 55a3.009 3.009 0 0 1-3 3H7a3.009 3.009 0 0 1-3-3V31a3.009 3.009 0 0 1 3-3h42a3.009 3.009 0 0 1 3 3zM30 20a6 6 0 1 1 6 6 6 6 0 0 1-6-6zm23.68 9.28A5 5 0 0 0 49 26h-7.73a8 8 0 1 0-10.54 0H16V11.9A5.01 5.01 0 0 0 19.9 8h32.2a5.01 5.01 0 0 0 3.9 3.9v16.2a4.94 4.94 0 0 0-2.32 1.18zM60 36h-6v-3a3.009 3.009 0 0 1 3-3 1 1 0 0 0 1-1V11a1 1 0 0 0-1-1 3.009 3.009 0 0 1-3-3 1 1 0 0 0-1-1H19a1 1 0 0 0-1 1 3.009 3.009 0 0 1-3 3 1 1 0 0 0-1 1v15h-2V4h48z"
        />
        <path fill="url(#g)" d="M52 19h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2z" />
        <path fill="url(#h)" d="M24 19h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2z" />
    </g>
</svg>
More icons in the same style and category