Add icons to this collection by clicking the heart icon.
Card icon - also known as money, card, points, payment, credit, discount, commerce and shopping, loyalty, reward points, and loyalty 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 44"
>
<g fill="none" fill-rule="nonzero">
<g transform="translate(1 1)">
<rect width="58" height="42" fill="#e8edfc" rx="4" />
<path
fill="#cad9fc"
d="M54 0h-3a4 4 0 0 1 4 4v34a4 4 0 0 1-4 4h3a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4z"
/>
<g fill="#e8edfc">
<path
d="M22 9a1.979 1.979 0 1 1-3.958-.042A1.979 1.979 0 0 1 22 9zM31 6a2 2 0 0 1-.97 1.71 1.974 1.974 0 0 1-2.06 0A2 2 0 1 1 31 6zM40 9a2.006 2.006 0 0 1-2 2 2 2 0 0 1-1.89-1.37A1.9 1.9 0 0 1 36 9a2 2 0 1 1 4 0z"
/>
<path
d="M37.45 10.92 36 16H22l-1.45-5.08a1.99 1.99 0 0 0 1.34-1.29L26 11l1.97-3.29a1.974 1.974 0 0 0 2.06 0L32 11l4.11-1.37a1.99 1.99 0 0 0 1.34 1.29z"
/>
</g>
<path
fill="#cad9fc"
d="m36.11 9.63-2.472.824c.23.218.508.378.812.466L33 16h3l1.45-5.08a1.99 1.99 0 0 1-1.34-1.29z"
/>
<path
fill="#e8edfc"
d="M36 16v2a2.006 2.006 0 0 1-2 2H24a2.006 2.006 0 0 1-2-2v-2z"
/>
<path
fill="#cad9fc"
d="M33 16v2a2.006 2.006 0 0 1-2 2h3a2.006 2.006 0 0 0 2-2v-2z"
/>
<rect width="9" height="4" x="5" y="24" fill="#a4c2f7" rx="2" />
<path fill="#7facfa" d="M12 24H9a2 2 0 1 1 0 4h3a2 2 0 1 0 0-4z" />
<rect width="9" height="4" x="18" y="24" fill="#a4c2f7" rx="2" />
<path fill="#7facfa" d="M25 24h-3a2 2 0 1 1 0 4h3a2 2 0 1 0 0-4z" />
<rect width="9" height="4" x="31" y="24" fill="#a4c2f7" rx="2" />
<path fill="#7facfa" d="M38 24h-3a2 2 0 1 1 0 4h3a2 2 0 1 0 0-4z" />
<rect width="9" height="4" x="44" y="24" fill="#a4c2f7" rx="2" />
<path fill="#7facfa" d="M51 24h-3a2 2 0 1 1 0 4h3a2 2 0 1 0 0-4z" />
</g>
<path
fill="#fff"
d="M5 43h3a4 4 0 0 1-4-4V5a4 4 0 0 1 4-4H5a4 4 0 0 0-4 4v34a4 4 0 0 0 4 4z"
/>
<path fill="#fff" d="M0 31h2v8H0z" />
<g fill="#428dff">
<circle cx="1" cy="35" r="1" />
<path
d="M55 0H5a5.006 5.006 0 0 0-5 5v26a1 1 0 0 0 2 0V5a3 3 0 0 1 3-3h50a3 3 0 0 1 3 3v34a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3 1 1 0 0 0-2 0 5.006 5.006 0 0 0 5 5h50a5.006 5.006 0 0 0 5-5V5a5.006 5.006 0 0 0-5-5z"
/>
<path
d="M23.994 9.944a3 3 0 1 0-3.181 3.037L22 17.139V19a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-1.861l1.187-4.158a2.993 2.993 0 1 0-3.181-3.037l-2.561.853-1.139-1.9A2.969 2.969 0 0 0 33 7a3 3 0 0 0-6 0c.003.693.248 1.364.694 1.895l-1.139 1.9zM20 10a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm16 9a1 1 0 0 1-1 1H25a1 1 0 0 1-1-1v-1h12zm3-10a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm-9-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm-3 7a1 1 0 0 0 .858-.486L29.4 9.939c.396.081.804.081 1.2 0l1.542 2.575a1 1 0 0 0 1.174.435l3.331-1.111c.175.229.383.43.616.6L36.246 16H23.754l-1.017-3.563c.233-.17.44-.371.616-.6l3.331 1.111c.102.034.209.051.316.052zM8 30h5a3 3 0 0 0 0-6H8a3 3 0 0 0 0 6zm0-4h5a1 1 0 0 1 0 2H8a1 1 0 0 1 0-2zM21 30h5a3 3 0 0 0 0-6h-5a3 3 0 0 0 0 6zm0-4h5a1 1 0 0 1 0 2h-5a1 1 0 0 1 0-2zM39 24h-5a3 3 0 0 0 0 6h5a3 3 0 0 0 0-6zm0 4h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2zM52 30a3 3 0 0 0 0-6h-5a3 3 0 0 0 0 6zm-6-3a1 1 0 0 1 1-1h5a1 1 0 0 1 0 2h-5a1 1 0 0 1-1-1zM6 35h18a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2zM6 39h10a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2z"
/>
</g>
</g>
</svg>
More icons in the same style and category