Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as payment, credit card, nfc, business and finance, and online banking. 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="14.216"
        x2="79.721"
        y1="76.784"
        y2="11.279"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff200" />
        <stop offset="1" stop-color="#cd118c" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="11.216"
        x2="76.721"
        y1="73.784"
        y2="8.279"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="17.216"
        x2="82.721"
        y1="79.784"
        y2="14.279"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="16.716"
        x2="82.221"
        y1="79.284"
        y2="13.779"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="13.716"
        x2="79.221"
        y1="76.284"
        y2="10.779"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="19.716"
        x2="85.221"
        y1="82.284"
        y2="16.779"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="-6.034"
        x2="59.471"
        y1="56.534"
        y2="-8.971"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="-2.034"
        x2="63.471"
        y1="60.534"
        y2="-4.971"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="-10.784"
        x2="54.721"
        y1="51.784"
        y2="-13.721"
        href="#a"
    />
    <linearGradient
        id="j"
        x1="-12.906"
        x2="52.6"
        y1="49.663"
        y2="-15.842"
        href="#a"
    />
    <linearGradient
        id="k"
        x1="-14.32"
        x2="51.186"
        y1="48.249"
        y2="-17.257"
        href="#a"
    />
    <linearGradient
        id="l"
        x1="8.051"
        x2="73.556"
        y1="70.619"
        y2="5.114"
        href="#a"
    />
    <linearGradient
        id="m"
        x1="5.966"
        x2="71.471"
        y1="68.534"
        y2="3.029"
        href="#a"
    />
    <linearGradient
        id="n"
        x1="11.716"
        x2="77.221"
        y1="74.284"
        y2="8.779"
        href="#a"
    />
    <linearGradient
        id="o"
        x1="8.716"
        x2="74.221"
        y1="71.284"
        y2="5.779"
        href="#a"
    />
    <linearGradient
        id="p"
        x1="14.716"
        x2="80.221"
        y1="77.284"
        y2="11.779"
        href="#a"
    />
    <linearGradient
        id="q"
        x1="2.716"
        x2="68.221"
        y1="65.284"
        y2="-.221"
        href="#a"
    />
    <linearGradient
        id="r"
        x1="5.466"
        x2="70.971"
        y1="68.034"
        y2="2.529"
        href="#a"
    />
    <linearGradient
        id="s"
        x1="7.216"
        x2="72.721"
        y1="69.784"
        y2="4.279"
        href="#a"
    />
    <linearGradient
        id="t"
        x1="-3.534"
        x2="61.971"
        y1="59.034"
        y2="-6.471"
        href="#a"
    />
    <linearGradient
        id="u"
        x1="-.784"
        x2="64.721"
        y1="61.784"
        y2="-3.721"
        href="#a"
    />
    <linearGradient
        id="v"
        x1="1.466"
        x2="66.971"
        y1="64.034"
        y2="-1.471"
        href="#a"
    />
    <linearGradient
        id="w"
        x1="-2.534"
        x2="62.971"
        y1="60.034"
        y2="-5.471"
        href="#a"
    />
    <linearGradient
        id="x"
        x1="4.216"
        x2="69.721"
        y1="66.784"
        y2="1.279"
        href="#a"
    />
    <circle cx="49" cy="42" r="2" fill="url(#a)" />
    <circle cx="43" cy="42" r="2" fill="url(#b)" />
    <circle cx="55" cy="42" r="2" fill="url(#c)" />
    <circle cx="49" cy="47" r="2" fill="url(#d)" />
    <circle cx="43" cy="47" r="2" fill="url(#e)" />
    <circle cx="55" cy="47" r="2" fill="url(#f)" />
    <path fill="url(#g)" d="M42 6h3v2h-3z" />
    <path fill="url(#h)" d="M47 6h9v2h-9z" />
    <path
        fill="url(#i)"
        d="M15.586 22.586a2 2 0 1 0 2.828 0 2 2 0 0 0-2.828 0z"
    />
    <path
        fill="url(#j)"
        d="M21.242 19.757a6 6 0 0 0-8.484 0l1.414 1.414a4.1 4.1 0 0 1 5.656 0z"
    />
    <path
        fill="url(#k)"
        d="M17 16a7.948 7.948 0 0 1 5.657 2.343l1.414-1.414a10 10 0 0 0-14.142 0l1.414 1.414A7.948 7.948 0 0 1 17 16z"
    />
    <path
        fill="url(#l)"
        d="M60 15.18V7a5 5 0 0 0-5-5H38a5 5 0 0 0-5 5v2a1 1 0 0 0 1 1h4v5.18A3.01 3.01 0 0 0 36 18v33a3.009 3.009 0 0 0 3 3v7a.977.977 0 0 0 .55.89 1 1 0 0 0 1.05-.09l3.4-2.55 3.4 2.55a1.029 1.029 0 0 0 .6.2.908.908 0 0 0 .45-.11L52 60.12l3.55 1.77a.969.969 0 0 0 1-.06l3-2A1 1 0 0 0 60 59v-5.18A3.01 3.01 0 0 0 62 51V18a3.01 3.01 0 0 0-2-2.82zM40 4h15a3.009 3.009 0 0 1 3 3v8H40zm-5 4V7a3.009 3.009 0 0 1 3-3v4zm23 50.46-2.07 1.39-3.48-1.74a.975.975 0 0 0-.9 0l-3.44 1.72-3.51-2.63a.99.99 0 0 0-1.2 0L41 59v-5h17zM60 51a1 1 0 0 1-1 1H39a1 1 0 0 1-1-1V18a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1z"
    />
    <path
        fill="url(#m)"
        d="M57 18H41a2.006 2.006 0 0 0-2 2v11a2.006 2.006 0 0 0 2 2h16a2.006 2.006 0 0 0 2-2V20a2.006 2.006 0 0 0-2-2zm0 13H41V20h16z"
    />
    <circle cx="49" cy="37" r="2" fill="url(#n)" />
    <circle cx="43" cy="37" r="2" fill="url(#o)" />
    <circle cx="55" cy="37" r="2" fill="url(#p)" />
    <path fill="url(#q)" d="M43 22h4v2h-4z" />
    <path fill="url(#r)" d="M49 22h3v2h-3z" />
    <path fill="url(#s)" d="M43 27h12v2H43z" />
    <path fill="url(#t)" d="M42 10h5v2h-5z" />
    <path fill="url(#u)" d="M49 10h2v2h-2z" />
    <path fill="url(#v)" d="M53 10h3v2h-3z" />
    <path
        fill="url(#w)"
        d="M31 29H5a3.009 3.009 0 0 0-3 3v15a3.009 3.009 0 0 0 3 3h26a3.009 3.009 0 0 0 3-3V32a3.009 3.009 0 0 0-3-3zm1 18a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-9h28zm0-11H4v-1h28zm0-3H4v-1a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1z"
    />
    <path
        fill="url(#x)"
        d="M28.5 42h-4a2.5 2.5 0 0 0 0 5h4a2.5 2.5 0 0 0 0-5zm0 3h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 1 0 1z"
    />
</svg>
More icons in the same style and category