Add icons to this collection by clicking the heart icon.
Card icon - also known as coffee, card, cafe, stamps, loyalty, and food and restaurant. Created in a clean blue style with a white and silver finish, 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">
<rect width="58" height="42" x="1" y="1" fill="#e8edfc" rx="3" />
<path
fill="#cad9fc"
d="M56 1h-3a3 3 0 0 1 3 3v36a3 3 0 0 1-3 3h3a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3z"
/>
<path
fill="#e8edfc"
d="M31 23v8a6 6 0 0 0 6 6h6a6 6 0 0 0 6-6v-8a1 1 0 0 0-1-1H32a1 1 0 0 0-1 1z"
/>
<path
fill="#cad9fc"
d="M48 22h-3a1 1 0 0 1 1 1v8a6 6 0 0 1-6 6h3a6 6 0 0 0 6-6v-8a1 1 0 0 0-1-1z"
/>
<circle cx="10" cy="22" r="4" fill="#a4c2f7" />
<circle cx="10" cy="10" r="4" fill="#a4c2f7" />
<circle cx="10" cy="34" r="4" fill="#a4c2f7" />
<circle cx="22" cy="34" r="4" fill="#a4c2f7" />
<circle cx="22" cy="22" r="4" fill="#a4c2f7" />
<circle cx="22" cy="10" r="4" fill="#a4c2f7" />
<path
fill="#fff"
d="M7 1H4a3 3 0 0 0-3 3v36a3 3 0 0 0 3 3h3a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3z"
/>
<path fill="#fff" d="M0 32h2v8H0z" />
<g fill="#428dff">
<path d="M1.02 37a1 1 0 0 1-.01-2h.01a1 1 0 0 1 0 2z" />
<path
d="M56 0H4a4 4 0 0 0-4 4v28a1 1 0 0 0 2 0V4a2 2 0 0 1 2-2h52a2 2 0 0 1 2 2v36a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2 1 1 0 0 0-2 0 4 4 0 0 0 4 4h52a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4z"
/>
<path
d="M30 23v8a7.009 7.009 0 0 0 7 7h6a7.006 7.006 0 0 0 6.926-6.037c4.022-.316 5.037-2.718 5.715-5.177A3 3 0 0 0 52.738 23H50a2 2 0 0 0-2-2H32a2 2 0 0 0-2 2zm22.738 2a1 1 0 0 1 .8.4c.188.242.25.56.17.855-.625 2.265-1.248 3.462-3.713 3.7V25zM48 26h-9a1 1 0 0 0 0 2h9v3a5.006 5.006 0 0 1-5 5h-6a5.006 5.006 0 0 1-5-5v-3h3a1 1 0 0 0 0-2h-3v-3h16zM10 27a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0-8a3 3 0 1 1 0 6 3 3 0 0 1 0-6zM10 15a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0-8a3 3 0 1 1 0 6 3 3 0 0 1 0-6zM10 39a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0-8a3 3 0 1 1 0 6 3 3 0 0 1 0-6zM22 39a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0-8a3 3 0 1 1 0 6 3 3 0 0 1 0-6zM22 27a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0-8a3 3 0 1 1 0 6 3 3 0 0 1 0-6zM22 15a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0-8a3 3 0 1 1 0 6 3 3 0 0 1 0-6zM40.324 15.429A3.278 3.278 0 0 0 39 18a1 1 0 0 0 2 0c0-.459.2-.656.676-1.1a3.159 3.159 0 0 0 0-5.143c-.481-.441-.676-.638-.676-1.1s.2-.654.676-1.095A3.271 3.271 0 0 0 43 7a1 1 0 0 0-2 0c0 .457-.2.653-.675 1.094a3.156 3.156 0 0 0 0 5.14c.481.441.676.638.676 1.1s-.196.654-.677 1.095zM34.324 15.429A3.278 3.278 0 0 0 33 18a1 1 0 0 0 2 0c0-.459.2-.656.676-1.1a3.159 3.159 0 0 0 0-5.143c-.481-.441-.676-.638-.676-1.1s.2-.654.676-1.095A3.271 3.271 0 0 0 37 7a1 1 0 0 0-2 0c0 .457-.2.653-.675 1.094a3.156 3.156 0 0 0 0 5.14c.481.441.676.638.676 1.1s-.196.654-.677 1.095zM46.324 15.429A3.278 3.278 0 0 0 45 18a1 1 0 0 0 2 0c0-.459.2-.656.676-1.1a3.159 3.159 0 0 0 0-5.143c-.481-.441-.676-.638-.676-1.1s.2-.654.676-1.095A3.271 3.271 0 0 0 49 7a1 1 0 0 0-2 0c0 .457-.2.653-.675 1.094a3.156 3.156 0 0 0 0 5.14c.481.441.676.638.676 1.1s-.196.654-.677 1.095z"
/>
</g>
</g>
</svg>
More icons in the same style and category