Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as security, payment method, credit card, online shopping, secure payment, 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="-4.293"
        y2="66.922"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff33b" />
        <stop offset=".014" stop-color="#fee72e" />
        <stop offset=".042" stop-color="#fed51b" />
        <stop offset=".07" stop-color="#fdca10" />
        <stop offset=".1" stop-color="#fdc70c" />
        <stop offset=".4" stop-color="#f3903f" />
        <stop offset=".8" stop-color="#ed683c" />
        <stop offset="1" stop-color="#e93e3a" />
    </linearGradient>
    <linearGradient id="b" x1="13" x2="13" y1="-4.293" y2="66.922" href="#a" />
    <linearGradient id="c" x1="24" x2="24" y1="-4.293" y2="66.922" href="#a" />
    <linearGradient id="d" x1="42" x2="42" y1="-4.293" y2="66.922" href="#a" />
    <linearGradient id="e" x1="45" x2="45" y1="-4.293" y2="66.922" href="#a" />
    <g>
        <path
            fill="url(#a)"
            d="M59 8H5a3.009 3.009 0 0 0-3 3v34a3.009 3.009 0 0 0 3 3h29.02a8.852 8.852 0 0 0 2.62 6.05l7.65 7.66a1.014 1.014 0 0 0 1.42 0l7.65-7.66A8.852 8.852 0 0 0 55.98 48H59a3.009 3.009 0 0 0 3-3V11a3.009 3.009 0 0 0-3-3zm-5 39.69a6.977 6.977 0 0 1-2.05 4.95L45 59.59l-6.95-6.95A6.977 6.977 0 0 1 36 47.69V37.68l9-3.6 9 3.6zM60 45a1 1 0 0 1-1 1h-3v-9a1 1 0 0 0-.63-.93l-10-4a1.048 1.048 0 0 0-.74 0l-10 4A1 1 0 0 0 34 37v9H5a1 1 0 0 1-1-1V16h56zm0-31H4v-3a1 1 0 0 1 1-1h54a1 1 0 0 1 1 1z"
        />
        <path
            fill="url(#b)"
            d="M13 26a1 1 0 0 1 1 1 1 1 0 0 0 1 1h4a1 1 0 0 0 1-1 7.011 7.011 0 0 0-4-6.32V19a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v1.669a6.943 6.943 0 0 0-3.844 4.836A7.006 7.006 0 0 0 13 34a1 1 0 1 1-1 1 1 1 0 0 0-1-1H7a1 1 0 0 0-1 1 7.009 7.009 0 0 0 4 6.319V43a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-1.681A7 7 0 0 0 13 28a1 1 0 0 1 0-2zm0 4a5 5 0 0 1 1.666 9.709 1 1 0 0 0-.666.942V42h-2v-1.349a1 1 0 0 0-.666-.942A5.01 5.01 0 0 1 8.1 36h2.069A3 3 0 1 0 13 32a4.983 4.983 0 0 1-3.882-1.849 5.05 5.05 0 0 1-1.005-4.238 4.946 4.946 0 0 1 3.215-3.629A1 1 0 0 0 12 21.34V20h2v1.348a1 1 0 0 0 .666.942A5.011 5.011 0 0 1 17.9 26h-2.071A3 3 0 1 0 13 30z"
        />
        <path fill="url(#c)" d="M22 20h4v2h-4z" />
        <path fill="url(#d)" d="M28 20h28v2H28z" />
        <path fill="url(#c)" d="M22 26h4v2h-4z" />
        <path fill="url(#d)" d="M28 26h28v2H28z" />
        <path
            fill="url(#e)"
            d="M41 42a3.99 3.99 0 0 0 1 2.63V50a3 3 0 0 0 6 0v-5.37A4 4 0 1 0 41 42zm6 0a1.974 1.974 0 0 1-.67 1.479 1 1 0 0 0-.33.743V50a1 1 0 0 1-2 0v-5.778a1 1 0 0 0-.33-.743A1.974 1.974 0 0 1 43 42a2 2 0 0 1 4 0z"
        />
    </g>
</svg>
More icons in the same style and category