Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as finance, debit card, payment method, commerce and shopping, and credit card. Created in a clean lineal color style with a white, silver, gray, red, maroon, and orange 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 300 300"
>
<circle cx="123.948" cy="116" r="76" fill="#ccc" />
<path
fill="#9dc1e4"
d="M191.948 140h25.363c5.875 0 10.637 4.762 10.637 10.637v94.725c0 5.875-4.762 10.637-10.637 10.637H46.585c-5.875 0-10.637-4.762-10.637-10.637v-94.725c0-5.875 4.762-10.637 10.637-10.637h121.363"
/>
<path
fill="#4c241d"
d="M217.311 260H46.585c-8.07 0-14.637-6.566-14.637-14.637v-94.727c0-8.07 6.566-14.637 14.637-14.637h121.363c2.209 0 4 1.789 4 4s-1.791 4-4 4H46.585a6.644 6.644 0 0 0-6.637 6.637v94.727A6.644 6.644 0 0 0 46.585 252h170.727a6.644 6.644 0 0 0 6.637-6.637v-94.727a6.644 6.644 0 0 0-6.637-6.637h-25.363c-2.209 0-4-1.789-4-4s1.791-4 4-4h25.363c8.07 0 14.637 6.566 14.637 14.637v94.727c-.001 8.071-6.568 14.637-14.638 14.637z"
/>
<circle cx="179.948" cy="220" r="12" fill="#f53e28" />
<path
fill="#4c241d"
d="M179.948 236c-8.822 0-16-7.176-16-16s7.178-16 16-16 16 7.176 16 16-7.178 16-16 16zm0-24c-4.412 0-8 3.59-8 8s3.588 8 8 8 8-3.59 8-8-3.588-8-8-8z"
/>
<path fill="#fff" d="M35.948 168h192v24h-192z" />
<path
fill="#4c241d"
d="M227.948 196h-192c-2.209 0-4-1.789-4-4v-24c0-2.211 1.791-4 4-4h192c2.209 0 4 1.789 4 4v24c0 2.211-1.791 4-4 4zm-188-8h184v-16h-184zM79.948 220h-28c-2.209 0-4-1.789-4-4s1.791-4 4-4h28c2.209 0 4 1.789 4 4s-1.791 4-4 4zM95.948 232h-44c-2.209 0-4-1.789-4-4s1.791-4 4-4h44c2.209 0 4 1.789 4 4s-1.791 4-4 4zM123.948 232h-16c-2.209 0-4-1.789-4-4s1.791-4 4-4h16c2.209 0 4 1.789 4 4s-1.791 4-4 4z"
/>
<path
fill="#fc8c29"
d="M209.062 47.098c-19.615 22.601-54.989 24.369-54.989 24.369 9.998 72.206 54.989 82.521 54.989 82.521s44.991-10.315 54.989-82.521c0 0-36.898-1.768-54.989-24.369z"
/>
<path
fill="#4c241d"
d="M209.061 157.988c-.301 0-.6-.035-.895-.102-1.947-.445-47.797-11.785-58.057-85.875a4.006 4.006 0 0 1 3.76-4.543c.338-.016 33.939-1.984 52.17-22.992.779-.895 1.947-1.387 3.102-1.379a4.001 4.001 0 0 1 3.043 1.5c16.77 20.949 51.707 22.855 52.059 22.871a4 4 0 0 1 3.772 4.543c-10.26 74.09-56.111 85.43-58.059 85.875a4.035 4.035 0 0 1-.895.102zm-50.404-82.937c9.746 60.008 44.191 72.934 50.406 74.793 6.174-1.848 40.645-14.758 50.402-74.773-10.031-1.168-34.766-5.629-50.504-22.027-16.564 16.311-40.505 20.815-50.304 22.007z"
/>
<path
fill="#fff"
d="M209.062 67.208c-12.235 14.097-34.298 15.2-34.298 15.2 6.236 45.037 34.298 51.47 34.298 51.47s28.062-6.434 34.298-51.47c0-.001-23.014-1.104-34.298-15.2z"
/>
<path
fill="#4c241d"
d="M209.061 137.879c-.301 0-.6-.035-.895-.102-1.256-.289-30.826-7.594-37.367-54.824a4.006 4.006 0 0 1 3.758-4.543c.205-.008 20.547-1.223 31.482-13.824.779-.898 1.947-1.344 3.102-1.379a4.001 4.001 0 0 1 3.043 1.5c10.041 12.543 31.154 13.695 31.367 13.703a4 4 0 0 1 3.772 4.543c-6.541 47.23-36.111 54.535-37.367 54.824a4.035 4.035 0 0 1-.895.102zm-29.695-51.957c6.049 34.047 25.203 42.305 29.697 43.793 4.453-1.473 23.631-9.711 29.689-43.773-6.91-.977-20.402-3.973-29.779-12.93-9.754 8.894-22.855 11.91-29.607 12.91z"
/>
<path
fill="#a9ba5a"
d="M205.942 113.977c-1.18 0-2.301-.52-3.062-1.426l-6.299-7.496a4.003 4.003 0 0 1 .488-5.637 4.004 4.004 0 0 1 5.637.488l3.119 3.711 10.967-14.074a4.012 4.012 0 0 1 5.615-.699 4 4 0 0 1 .697 5.613l-14.006 17.977a4.003 4.003 0 0 1-3.082 1.543h-.074z"
/>
<g fill="#4c241d">
<circle cx="49.948" cy="110" r="6" />
<path
d="M83.948 80c-2.209 0-4-1.789-4-4V60c0-2.211 1.791-4 4-4s4 1.789 4 4v16c0 2.211-1.791 4-4 4z"
/>
<path
d="M91.948 72h-16c-2.209 0-4-1.789-4-4s1.791-4 4-4h16c2.209 0 4 1.789 4 4s-1.791 4-4 4zM127.948 116c-2.209 0-4-1.789-4-4V96c0-2.211 1.791-4 4-4s4 1.789 4 4v16c0 2.211-1.791 4-4 4z"
/>
<path
d="M135.948 108h-16c-2.209 0-4-1.789-4-4s1.791-4 4-4h16c2.209 0 4 1.789 4 4s-1.791 4-4 4z"
/>
</g>
</svg>
More icons in the same style and category