Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as bank, payment, payment method, credit card, and business and finance. Created in a clean outline color style with a white, silver, gray, 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 512 512"
>
<g>
<rect width="400" height="288" x="104" y="40" fill="#c1d1f7" rx="32" />
<path
fill="#adbeee"
d="M432 216v112H136a32 32 0 0 1-32-32V160h272a56.06 56.06 0 0 1 56 56z"
/>
<path
fill="#adbeee"
d="M472 304H136a32 32 0 0 1-32-32v24a32 32 0 0 0 32 32h336a32 32 0 0 0 32-32v-24a32 32 0 0 1-32 32z"
/>
<path
d="M472 336h-32a8 8 0 0 1 0-16h32a24 24 0 0 0 24-24V72a24 24 0 0 0-24-24H136a24 24 0 0 0-24 24v224a24 24 0 0 0 24 24h272a8 8 0 0 1 0 16H136a40 40 0 0 1-40-40V72a40 40 0 0 1 40-40h336a40 40 0 0 1 40 40v224a40 40 0 0 1-40 40z"
/>
<rect width="400" height="288" x="8" y="184" fill="#eaf2ff" rx="32" />
<path
fill="#c1d1f7"
d="M376 448H40a32 32 0 0 1-32-32v24a32 32 0 0 0 32 32h336a32 32 0 0 0 32-32v-24a32 32 0 0 1-32 32z"
/>
<path
d="M376 480H40a40 40 0 0 1-40-40V216a40 40 0 0 1 40-40h32a8 8 0 0 1 0 16H40a24 24 0 0 0-24 24v224a24 24 0 0 0 24 24h336a24 24 0 0 0 24-24V216a24 24 0 0 0-24-24H104a8 8 0 0 1 0-16h272a40 40 0 0 1 40 40v224a40 40 0 0 1-40 40z"
/>
<path fill="#e9a648" d="M48 224h112v80H48z" />
<path fill="#d08840" d="M48 280h112v24H48z" />
<path
d="M160 312H48a8 8 0 0 1-8-8v-80a8 8 0 0 1 8-8h112a8 8 0 0 1 8 8v80a8 8 0 0 1-8 8zM56 296h96v-64H56zM80 376H48a8 8 0 0 1 0-16h32a8 8 0 0 1 0 16zM160 376h-32a8 8 0 0 1 0-16h32a8 8 0 0 1 0 16zM240 376h-32a8 8 0 0 1 0-16h32a8 8 0 0 1 0 16zM320 376h-32a8 8 0 0 1 0-16h32a8 8 0 0 1 0 16zM160 440H48a8 8 0 0 1 0-16h112a8 8 0 0 1 0 16zM344 312a8 8 0 0 1-8-8 32 32 0 0 1 32-32 8 8 0 0 1 0 16 16 16 0 0 0-16 16 8 8 0 0 1-8 8z"
/>
<path
d="M312 312a8 8 0 0 1-8-8 64.07 64.07 0 0 1 64-64 8 8 0 0 1 0 16 48.05 48.05 0 0 0-48 48 8 8 0 0 1-8 8z"
/>
<path fill="#5f79a5" d="M104 80h400v64H104z" />
<path
d="M504 152H104a8 8 0 0 1-8-8V80a8 8 0 0 1 8-8h400a8 8 0 0 1 8 8v64a8 8 0 0 1-8 8zm-392-16h384V88H112z"
/>
</g>
</svg>
More icons in the same style and category