Color

Advanced editing in SVG Editor

Mage Icons

Credit Card Icon

Free SVG icon from the Mage Icons collection. Download or copy for use in any project.

Download SVG

Collection: Mage Icons
Format: SVG, Font, PNG
License: Apache 2.0 - Free for commercial use
Tags: credit card payment finance banking

The Credit Card icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/310066.svg" alt="Credit Card icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/310066.svg" alt="Credit Card icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/310066.svg"
  alt="Credit Card icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-credit-card {
  background-image: url('https://proicons.com/icon/310066.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.14 3.02499H6.85999C5.57185 3.02764 4.33725 3.54052 3.42639 4.45137C2.51554 5.36222 2.00264 6.59685 2 7.88499V16.115C2.00264 17.4031 2.51554 18.6378 3.42639 19.5486C4.33725 20.4595 5.57185 20.9723 6.85999 20.975H17.14C18.4282 20.9723 19.6628 20.4595 20.5736 19.5486C21.4845 18.6378 21.9974 17.4031 22 16.115V7.88499C21.9974 6.59685 21.4845 5.36222 20.5736 4.45137C19.6628 3.54052 18.4282 3.02764 17.14 3.02499ZM11.36 17.115H6.21997C5.95475 17.115 5.70048 17.0096 5.51294 16.8221C5.3254 16.6346 5.21997 16.3802 5.21997 16.115C5.21997 15.8498 5.3254 15.5954 5.51294 15.4079C5.70048 15.2203 5.95475 15.115 6.21997 15.115H11.36C11.6252 15.115 11.8796 15.2203 12.0671 15.4079C12.2547 15.5954 12.36 15.8498 12.36 16.115C12.36 16.3802 12.2547 16.6346 12.0671 16.8221C11.8796 17.0096 11.6252 17.115 11.36 17.115ZM20.5 8.16499H3.5V7.88499C3.50264 6.99468 3.85751 6.14158 4.48706 5.51202C5.11661 4.88247 5.96967 4.52763 6.85999 4.52499H17.14C18.0303 4.52763 18.8834 4.88247 19.5129 5.51202C20.1425 6.14158 20.4974 6.99468 20.5 7.88499V8.16499Z" fill="black"/>
</svg>

Credit Card in other icon packs

Feather Icons

Bootstrap Icons

Copied!

Credit Card Icon

More from Mage Icons

Credit Card in other icon packs