Add icons to this collection by clicking the heart icon.
Card icon - also known as star, 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 60"
>
<g fill="none" fill-rule="nonzero">
<g transform="translate(1)">
<path
fill="#e8edfc"
d="M58 21v34a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V21a4 4 0 0 1 4-4h26.95l2.42 2.46c.532.548.773 1.316.65 2.07l-1.12 6.75a2.229 2.229 0 0 0 3.18 2.46l5.91-3.24c.63-.34 1.39-.34 2.02 0l5.91 3.24a2.229 2.229 0 0 0 3.18-2.46l-1.12-6.75a2.416 2.416 0 0 1 .65-2.07l2.31-2.34A3.989 3.989 0 0 1 58 21z"
/>
<path
fill="#cad9fc"
d="m54.94 17.12-1.086 1.1A3.962 3.962 0 0 1 55 21v34a4 4 0 0 1-4 4h3a4 4 0 0 0 4-4V21a3.989 3.989 0 0 0-3.06-3.88z"
/>
<path
fill="#e8edfc"
d="m57.32 14.7-2.38 2.42-2.31 2.34a2.416 2.416 0 0 0-.65 2.07l1.12 6.75a2.229 2.229 0 0 1-3.18 2.46l-5.91-3.24c-.63-.34-1.39-.34-2.02 0l-5.91 3.24a2.229 2.229 0 0 1-3.18-2.46l1.12-6.75a2.416 2.416 0 0 0-.65-2.07L30.95 17l-2.27-2.3a2.349 2.349 0 0 1 1.21-3.96l6.54-.99a2.238 2.238 0 0 0 1.66-1.25l2.95-6.22a2.139 2.139 0 0 1 3.92 0l2.95 6.22a2.238 2.238 0 0 0 1.66 1.25l6.54.99a2.349 2.349 0 0 1 1.21 3.96z"
/>
<path
fill="#cad9fc"
d="m56.11 10.74-6.54-.99a2.238 2.238 0 0 1-1.66-1.25l-2.95-6.22a2.122 2.122 0 0 0-3.46-.639 2.3 2.3 0 0 1 .46.639l2.95 6.22a2.238 2.238 0 0 0 1.66 1.25l6.54.99a2.349 2.349 0 0 1 1.21 3.96l-2.38 2.42-2.31 2.34a2.416 2.416 0 0 0-.65 2.07l1.12 6.75a2.342 2.342 0 0 1-.748 2.149l.568.311a2.229 2.229 0 0 0 3.18-2.46l-1.12-6.75a2.416 2.416 0 0 1 .65-2.07l2.31-2.34 2.38-2.42a2.349 2.349 0 0 0-1.21-3.96z"
/>
<path fill="#a4c2f7" d="M0 41h58v10H0z" />
<path fill="#7facfa" d="M55 41h3v10h-3z" />
<rect width="14" height="10" x="6" y="23" fill="#a4c2f7" rx="2" />
<path
fill="#7facfa"
d="M18 23h-3a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2z"
/>
</g>
<path
fill="#fff"
d="M5 59h3a4 4 0 0 1-4-4V21a4 4 0 0 1 4-4H5a4 4 0 0 0-4 4v34a4 4 0 0 0 4 4z"
/>
<path fill="#fff" d="M0 21h2v8H0z" />
<g fill="#428dff">
<circle cx="1" cy="25" r="1" />
<path
d="m57.676 16.783 1.359-1.378c.895-.91 1.2-2.248.787-3.456a3.212 3.212 0 0 0-2.56-2.2l-6.546-.989a1.207 1.207 0 0 1-.9-.7l-2.949-6.209a3.146 3.146 0 0 0-5.734 0l-2.951 6.215c-.164.37-.502.632-.9.7l-6.546.989a3.212 3.212 0 0 0-2.56 2.2 3.375 3.375 0 0 0 .787 3.456l.587.6H5a5.006 5.006 0 0 0-5 5 1 1 0 0 0 2 0 3 3 0 0 1 3-3h26.526l2.135 2.164c.306.319.443.764.367 1.2l-1.114 6.753a3.338 3.338 0 0 0 1.348 3.3 3.09 3.09 0 0 0 3.293.2l5.914-3.233a1.1 1.1 0 0 1 1.062 0l5.914 3.233a3.088 3.088 0 0 0 3.293-.2 3.338 3.338 0 0 0 1.348-3.3l-1.114-6.753c-.076-.436.06-.881.367-1.2l1.875-1.9A2.975 2.975 0 0 1 58 21v19H2V29a1 1 0 0 0-2 0v26a5.006 5.006 0 0 0 5 5h50a5.006 5.006 0 0 0 5-5V21a4.968 4.968 0 0 0-2.324-4.217zm-4.761 1.976A3.4 3.4 0 0 0 52 21.691l1.114 6.753a1.351 1.351 0 0 1-.531 1.342 1.084 1.084 0 0 1-1.177.072l-5.916-3.233a3.1 3.1 0 0 0-2.98 0l-5.91 3.233c-.372.21-.833.182-1.177-.072a1.351 1.351 0 0 1-.531-1.342L36 21.691a3.4 3.4 0 0 0-.917-2.932L30.389 14a1.389 1.389 0 0 1-.313-1.42c.13-.445.504-.776.961-.851l6.545-.989a3.205 3.205 0 0 0 2.407-1.816l2.95-6.216a1.149 1.149 0 0 1 2.122 0l2.95 6.216a3.205 3.205 0 0 0 2.406 1.816l6.546.989c.457.075.83.406.961.851.172.494.05 1.043-.313 1.42zM58 42v8H2v-8zm-3 16H5a3 3 0 0 1-3-3v-3h56v3a3 3 0 0 1-3 3z"
/>
<path
d="M44 35a1 1 0 0 0 1-1v-3a1 1 0 0 0-2 0v3a1 1 0 0 0 1 1zM43 38a1 1 0 0 0 2 0v-1a1 1 0 0 0-2 0zM49 36v-3a1 1 0 0 0-2 0v3a1 1 0 0 0 2 0zM41 36v-3a1 1 0 0 0-2 0v3a1 1 0 0 0 2 0zM19 34a3 3 0 0 0 3-3v-6a3 3 0 0 0-3-3H9a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3zM8 31v-6a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1z"
/>
</g>
</g>
</svg>
More icons in the same style and category