Menu

Beta
Sign in
Credit Card SVG icon, 3d

Credit Card SVG icon, 3d

A credit card represents a card-based payment method. It fits a checkout screen in an online store or the payment settings page of a banking app.

Free · from Finance Icons, 3D

Similar SVGs

More from Finance Icons, 3D

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/MXJloENelgSt/amnt.svg" alt="Credit Card" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512"><defs><linearGradient id="g0" gradientUnits="userSpaceOnUse" x1="126" y1="139" x2="378" y2="366"><stop offset="0" stop-color="#ffd7bc"/><stop offset="0.55" stop-color="#f5be9f"/><stop offset="1" stop-color="#eba888"/></linearGradient><linearGradient id="g1" gradientUnits="userSpaceOnUse" x1="119" y1="205" x2="186" y2="263"><stop offset="0" stop-color="#b4dbcf"/><stop offset="1" stop-color="#87bcad"/></linearGradient></defs><g id="layer-1" data-name="Ellipse 1" opacity="0.16"><g fill="none"><defs><filter id="k0_0" x="69" y="352" width="374" height="74" filterUnits="userSpaceOnUse"><feGaussianBlur stdDeviation="10"/></filter></defs><ellipse cx="256" cy="389" rx="159" ry="10" fill="#80685c" filter="url(#k0_0)"/></g></g><g id="layer-2-5" data-name="Rectangle 2"><path d="M104 140L408 140C425.67 140 440 154.33 440 172L440 344C440 361.67 425.67 376 408 376L104 376C86.33 376 72 361.67 72 344L72 172C72 154.33 86.33 140 104 140Z" fill="#df9f83" stroke="#a87564" stroke-width="6"/></g><g id="layer-3" data-name="Rectangle 3"><path d="M104 132L408 132C425.67 132 440 146.33 440 164L440 336C440 353.67 425.67 368 408 368L104 368C86.33 368 72 353.67 72 336L72 164C72 146.33 86.33 132 104 132Z" fill="url(#g0) #f5be9f" stroke="#a87564" stroke-width="6"/></g><g id="layer-4" data-name="Shape 4" opacity="0.75"><path d="M103 159L408 159" fill="none" stroke="#ffe3cf" stroke-width="6" stroke-linecap="round"/></g><g id="layer-5" data-name="Rectangle 5"><path d="M125 201L175 201C182.18 201 188 206.82 188 214L188 246C188 253.18 182.18 259 175 259L125 259C117.82 259 112 253.18 112 246L112 214C112 206.82 117.82 201 125 201Z" fill="url(#g1) #87bcad" stroke="#608e81" stroke-width="6"/></g><g id="layer-6" data-name="Shape 6"><path d="M138 204L138 256M162 204L162 256M115 230L138 230M162 230L185 230" fill="none" stroke="#608e81" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-7" data-name="Circle 7"><path d="M382 221C382 234.25 371.25 245 358 245C344.75 245 334 234.25 334 221C334 207.75 344.75 197 358 197C371.25 197 382 207.75 382 221Z" fill="#e5997b" stroke="#a87564" stroke-width="6"/></g><g id="layer-8" data-name="Circle 8"><path d="M408 221C408 234.25 397.25 245 384 245C370.75 245 360 234.25 360 221C360 207.75 370.75 197 384 197C397.25 197 408 207.75 408 221Z" fill="#83beb0" stroke="#608e81" stroke-width="6"/></g><g id="layer-9" data-name="Shape 9"><path d="M115 295L150 295M176 295L211 295M237 295L272 295M298 295L333 295" fill="none" stroke="#a87564" stroke-width="6" stroke-linecap="round"/></g><g id="layer-10" data-name="Shape 10" opacity="0.75"><path d="M115 328L201 328M305 328L338 328" fill="none" stroke="#a87564" stroke-width="6" stroke-linecap="round"/></g></svg>
CSS background-image
.credit-card {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/MXJloENelgSt/amnt.svg");
  background-size: contain;
}
React
import CreditCardSvg from "./credit-card.jsx"; // from the React tab above

<CreditCardSvg width={48} height={48} />

Tags

creditcardpaymentbanking

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Credit card. friendly rounded clay-like 3D form, matte surface, gentle shading, soft contact shadow, warm peach and teal palette, centered, no background, readable at small size. as part of the pack Finance Icons, 3D. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings