Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as badge, stars, card, commerce, points, reward, shopping, commerce and shopping, credit card, and reward card. Created in a clean blue 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 60 60"
>
<g fill="none" fill-rule="nonzero">
<g transform="translate(1 1)">
<path
fill="#e8edfc"
d="M58 22v32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V22a4 4 0 0 1 4-4h13.52a8.994 8.994 0 0 0 14.96 0H54a4 4 0 0 1 4 4z"
/>
<path
fill="#cad9fc"
d="M54 18h-3a4 4 0 0 1 4 4v32a4 4 0 0 1-4 4h3a4 4 0 0 0 4-4V22a4 4 0 0 0-4-4z"
/>
<path fill="#a4c2f7" d="M0 44h58v8H0z" />
<path fill="#7facfa" d="M55 44h3v8h-3z" />
<rect width="12" height="8" x="5" y="23" fill="#a4c2f7" rx="2" />
<path
fill="#7facfa"
d="M15 23h-3a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2z"
/>
<path fill="#e8edfc" d="M46.64 44a12.005 12.005 0 1 0-13.27 0z" />
<path
fill="#cad9fc"
d="M40 22c-.502.002-1.003.035-1.5.1A12 12 0 0 1 43.64 44h3A12 12 0 0 0 40 22z"
/>
<path
fill="#e8edfc"
d="M34 13a9 9 0 1 1-9-9 8.94 8.94 0 0 1 9 9z"
/>
<path
fill="#cad9fc"
d="M25 4a9.045 9.045 0 0 0-1.5.135 8.986 8.986 0 0 1 0 17.725A8.862 8.862 0 0 0 32.48 18 9 9 0 0 0 25 4z"
/>
<circle cx="44" cy="6" r="6" fill="#e8edfc" />
<path
fill="#cad9fc"
d="M44 0c-.506.003-1.01.07-1.5.2a5.992 5.992 0 0 1 0 11.606A6 6 0 1 0 44 0z"
/>
</g>
<path
fill="#fff"
d="M5 59h3a4 4 0 0 1-4-4V23a4 4 0 0 1 4-4H5a4 4 0 0 0-4 4v32a4 4 0 0 0 4 4z"
/>
<path fill="#fff" d="M0 23h2v8H0z" />
<g fill="#428dff">
<circle cx="1" cy="27" r="1" />
<path
d="M55 18H35.159a10 10 0 1 0-18.318 0H5a5.006 5.006 0 0 0-5 5 1 1 0 0 0 2 0 3 3 0 0 1 3-3h13.019a9.962 9.962 0 0 0 15.962 0H55a3 3 0 0 1 3 3v21h-7.64c4.939-5.125 4.839-13.268-.225-18.27-5.063-5.002-13.208-5.002-18.271 0C26.8 30.732 26.7 38.875 31.639 44H2V31a1 1 0 0 0-2 0v24a5.006 5.006 0 0 0 5 5h50a5.006 5.006 0 0 0 5-5V23a5.006 5.006 0 0 0-5-5zm-29 4a8 8 0 1 1 8-8 8.009 8.009 0 0 1-8 8zm4 13a11 11 0 1 1 17.307 9H34.7a10.944 10.944 0 0 1-4.7-9zm28 11v6H2v-6zm-3 12H5a3 3 0 0 1-3-3v-1h56v1a3 3 0 0 1-3 3z"
/>
<path
d="M16 33a3 3 0 0 0 3-3v-4a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3zm-9-3v-4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1zM38 7a7 7 0 1 0 7-7 7.008 7.008 0 0 0-7 7zm12 0a5 5 0 1 1-10 0 5 5 0 0 1 10 0zM41 34a2 2 0 1 1 2-2 1 1 0 0 0 2 0 4 4 0 0 0-3-3.858V28a1 1 0 0 0-2 0v.142A3.992 3.992 0 0 0 41 36a2 2 0 1 1-2 2 1 1 0 0 0-2 0 4 4 0 0 0 3 3.858V42a1 1 0 0 0 2 0v-.142A3.992 3.992 0 0 0 41 34z"
/>
</g>
</g>
</svg>
More icons in the same style and category