Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as hand, card, pay, payment, discount, shopping, credit 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="32"
        x2="32"
        y1="63.39"
        y2="2.961"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#006df0" />
        <stop offset="1" stop-color="#00e7f0" />
    </linearGradient>
    <linearGradient id="b" x1="46" x2="46" y1="63.39" y2="2.961" href="#a" />
    <linearGradient id="c" x1="54" x2="54" y1="63.39" y2="2.961" href="#a" />
    <linearGradient id="d" x1="50" x2="50" y1="63.39" y2="2.961" href="#a" />
    <linearGradient id="e" x1="15" x2="15" y1="63.39" y2="2.961" href="#a" />
    <linearGradient id="f" x1="27" x2="27" y1="63.39" y2="2.961" href="#a" />
    <linearGradient id="g" x1="31" x2="31" y1="63.39" y2="2.961" href="#a" />
    <linearGradient id="h" x1="35" x2="35" y1="63.39" y2="2.961" href="#a" />
    <linearGradient id="i" x1="36" x2="36" y1="63.39" y2="2.961" href="#a" />
    <linearGradient id="j" x1="12" x2="12" y1="63.39" y2="2.961" href="#a" />
    <linearGradient id="k" x1="48" x2="48" y1="63.39" y2="2.961" href="#a" />
    <g>
        <path
            fill="url(#a)"
            d="M50 2a11.962 11.962 0 0 0-8.92 4H7a5 5 0 0 0-5 5v26a5 5 0 0 0 5 5h2.46L6.9 47.77a5.035 5.035 0 0 0 .19 4.46l3.53 6.35a2.971 2.971 0 0 1 .38 1.46V61a1 1 0 0 0 2 0v-.96a5.028 5.028 0 0 0-.63-2.43l-3.53-6.35a3.043 3.043 0 0 1-.12-2.68L11.65 42H19v7a1 1 0 0 0 2 0V35a3 3 0 0 1 6 0v26a1 1 0 0 0 2 0V48.46A5.979 5.979 0 0 0 33 50h3a1 1 0 0 0 1-1v-7h16a5 5 0 0 0 5-5V22.92A11.983 11.983 0 0 0 50 2zM35 48h-2a4 4 0 0 1-4-4v-2h6zm21-11a3.009 3.009 0 0 1-3 3H29v-5a5 5 0 0 0-10 0v5H7a3.009 3.009 0 0 1-3-3V11a3.009 3.009 0 0 1 3-3h32.62A11.983 11.983 0 0 0 56 24.38zm-6-13a10 10 0 1 1 10-10 10.016 10.016 0 0 1-10 10z"
        />
        <path
            fill="url(#b)"
            d="M46 14a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1z"
        />
        <path
            fill="url(#c)"
            d="M51 17a3 3 0 1 0 3-3 3 3 0 0 0-3 3zm3-1a1 1 0 1 1-1 1 1 1 0 0 1 1-1z"
        />
        <path
            fill="url(#d)"
            d="M46.553 20.9a1 1 0 0 0 1.342-.448l6-12a1 1 0 1 0-1.79-.894l-6 12a1 1 0 0 0 .448 1.342z"
        />
        <path
            fill="url(#e)"
            d="M19 12h-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-2v-2h1a1 1 0 0 1 1 1zm-5.995 3h2v2h-2zm0-2v-2h2v2zM10 19v-4a1 1 0 0 1 1-1h1.005v6H11a1 1 0 0 1-1-1zm9 1h-1v-2h2v1a1 1 0 0 1-1 1z"
        />
        <path
            fill="url(#f)"
            d="M27 14a1 1 0 0 0-1 1v3a1 1 0 0 0 2 0v-3a1 1 0 0 0-1-1z"
        />
        <path fill="url(#g)" d="M32 15a1 1 0 0 0-2 0v3a1 1 0 0 0 2 0z" />
        <path
            fill="url(#h)"
            d="M35 19a1 1 0 0 0 1-1v-3a1 1 0 0 0-2 0v3a1 1 0 0 0 1 1z"
        />
        <path
            fill="url(#i)"
            d="M39 30h-6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-4v-2h4z"
        />
        <path
            fill="url(#j)"
            d="M15 30H9a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-4v-2h4z"
        />
        <path
            fill="url(#k)"
            d="M44 31v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1zm2 1h4v2h-4z"
        />
    </g>
</svg>
More icons in the same style and category