Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as pay, commerce, debit card, payment method, discount, commerce and shopping, credit card, 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="31.475"
        x2="31.475"
        y1="59.723"
        y2="3.67"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#006df0" />
        <stop offset="1" stop-color="#00e7f0" />
    </linearGradient>
    <linearGradient id="b" x1="41" x2="41" y1="59.723" y2="3.67" href="#a" />
    <linearGradient id="c" x1="50" x2="50" y1="59.723" y2="3.67" href="#a" />
    <linearGradient id="d" x1="56" x2="56" y1="59.723" y2="3.67" href="#a" />
    <linearGradient id="e" x1="53" x2="53" y1="59.723" y2="3.67" href="#a" />
    <linearGradient id="f" x1="32" x2="32" y1="59.723" y2="3.67" href="#a" />
    <linearGradient id="g" x1="46" x2="46" y1="59.723" y2="3.67" href="#a" />
    <g>
        <path
            fill="url(#a)"
            d="M60.42 33.9a4.047 4.047 0 0 0-5.47-1.47l-10.04 5.8A3.916 3.916 0 0 0 43.66 36a4.041 4.041 0 0 0-2.67-1h-9.16a1 1 0 0 1-.71-.3l-.24-.24A5.03 5.03 0 0 0 27.35 33h-4.03a8.948 8.948 0 0 0-6.37 2.64l-3.94 3.95-.3-.3A1.033 1.033 0 0 0 12 39a1 1 0 0 0-.71.3l-2.28 2.29-.3-.3a1.009 1.009 0 0 0-.76-.29.972.972 0 0 0-.72.36l-5 6A1 1 0 0 0 2 48v13a1 1 0 0 0 1 1h16a1.033 1.033 0 0 0 .71-.29l4-4a1.008 1.008 0 0 0 0-1.42l-.3-.3 2.29-2.28a1 1 0 0 0 .01-1.42l-.29-.28 2.12-2.13a2.956 2.956 0 0 1 2.12-.88h11.27a4.9 4.9 0 0 0 2.5-.67l15.52-8.96a4.019 4.019 0 0 0 1.47-5.47zM18.59 60H4V48.36l4.07-4.88L21.59 57zm3.4-5.42L10.42 43.01 12 41.42l11.3 11.3h.01l.27.28zm35.96-16.95L42.42 46.6a2.942 2.942 0 0 1-1.49.4H29.66a4.945 4.945 0 0 0-3.54 1.47l-2.11 2.12-9.59-9.58 3.95-3.96A6.942 6.942 0 0 1 23.32 35h4.03a2.974 2.974 0 0 1 2.11.88l.24.24a3 3 0 0 0 2.13.88h9.16a2.02 2.02 0 0 1 1.34.5 1.913 1.913 0 0 1 .66 1.29 1.777 1.777 0 0 1-.13.91 1.862 1.862 0 0 1-.45.71A1.983 1.983 0 0 1 41 41h-6.58a1 1 0 0 0 0 2H41a4 4 0 0 0 2.83-1.17 4.053 4.053 0 0 0 .78-1.12l11.34-6.54a1.991 1.991 0 0 1 1.91-.04 1.85 1.85 0 0 1 .82.77 1.949 1.949 0 0 1 .27 1 1.97 1.97 0 0 1-1 1.73z"
        />
        <path
            fill="url(#b)"
            d="M53 2a8.991 8.991 0 0 0-8.47 6H23a3.009 3.009 0 0 0-3 3v18a3.009 3.009 0 0 0 3 3h30a3.009 3.009 0 0 0 3-3v-9.53A8.991 8.991 0 0 0 53 2zm-31 9a1 1 0 0 1 1-1h21.06a8.262 8.262 0 0 0-.06 1 8.805 8.805 0 0 0 .53 3H22zm0 5h23.52a8.977 8.977 0 0 0 1.84 2H22zm32 13a1 1 0 0 1-1 1H23a1 1 0 0 1-1-1v-9h31a8.262 8.262 0 0 0 1-.06zm-1-11a7 7 0 1 1 7-7 7.008 7.008 0 0 1-7 7z"
        />
        <circle cx="50" cy="8" r="2" fill="url(#c)" />
        <circle cx="56" cy="14" r="2" fill="url(#d)" />
        <path
            fill="url(#e)"
            d="M48.293 15.707a1 1 0 0 0 1.414 0l8-8a1 1 0 1 0-1.414-1.414l-8 8a1 1 0 0 0 0 1.414z"
        />
        <path fill="url(#f)" d="M37 24H27a1 1 0 0 0 0 2h10a1 1 0 0 0 0-2z" />
        <path fill="url(#g)" d="M49 24h-6a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2z" />
    </g>
</svg>
More icons in the same style and category