Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as pay, commerce, payment, shopping, alert, credit card, warning sign, atm card, and business and finance. Created in a clean lineal color 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 64 64"
>
<g>
<rect width="58" height="38" x="3" y="3" fill="#57a4ff" rx="4" />
<path
fill="#2488ff"
d="M57 3h-3a4 4 0 0 1 4 4v30a4 4 0 0 1-4 4h3a4 4 0 0 0 4-4V7a4 4 0 0 0-4-4z"
/>
<path
fill="#f1f2f2"
d="M11 23h6v4h-6zM23 23h6v4h-6zM35 23h6v4h-6zM47 23h6v4h-6z"
/>
<path fill="#ffa733" d="M21 9h-1.99v4H23v-2a2 2 0 0 0-2-2z" />
<path fill="#ff9811" d="M11 13v2a2 2 0 0 0 2 2h2.005v-4z" />
<path fill="#ffb655" d="M13 9a2 2 0 0 0-2 2v2h4.005V9z" />
<path fill="#ee8700" d="M15.01 9h4v8h-4z" />
<path fill="#ff9811" d="M19.01 17H21a2 2 0 0 0 2-2v-2h-3.99z" />
<path
fill="#ed1c24"
d="M46.58 61H17.42a2 2 0 0 1-1.74-2.98L30.26 32.1a1.994 1.994 0 0 1 3.48 0l14.58 25.92A2 2 0 0 1 46.58 61z"
/>
<path fill="#f1f2f2" d="m33 50 1-9h-4l1 9z" />
<circle cx="32" cy="55" r="2" fill="#f1f2f2" />
<g fill="#231f20">
<path
d="M57 2H7a5.006 5.006 0 0 0-5 5v30a5.006 5.006 0 0 0 5 5h16.54l-8.735 15.529A3 3 0 0 0 17.42 62h29.16a3 3 0 0 0 2.614-4.471L40.459 42H57a5.006 5.006 0 0 0 5-5V7a5.006 5.006 0 0 0-5-5zm-9.557 57.505a.982.982 0 0 1-.863.495H17.42a1 1 0 0 1-.872-1.49l14.58-25.921a1 1 0 0 1 1.744 0l14.58 25.921a.982.982 0 0 1-.009.995zM60 37a3 3 0 0 1-3 3H39.334l-4.72-8.391a3 3 0 0 0-5.229 0L24.665 40H7a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h50a3 3 0 0 1 3 3z"
/>
<path
d="M17 22h-6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-4v-2h4zM29 22h-6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-4v-2h4zM41 22h-6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-4v-2h4zM53 22h-6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-4v-2h4zM24 15v-4a3 3 0 0 0-3-3h-8a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3zm-2-4v1h-1.99v-2H21a1 1 0 0 1 1 1zm-6-1h2.01v6h-2.005zm-3 0h1.005v2H12v-1a1 1 0 0 1 1-1zm-1 5v-1h2.005v2H13a1 1 0 0 1-1-1zm9 1h-.99v-2H22v1a1 1 0 0 1-1 1zM29.255 40.333a1 1 0 0 0-.249.777l1 9A1 1 0 0 0 31 51h2a1 1 0 0 0 .994-.89l1-9A1 1 0 0 0 34 40h-4a1 1 0 0 0-.745.333zM32.883 42l-.783 7h-.2l-.778-7zM32 52a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
</g>
</g>
</svg>
More icons in the same style and category