Menu

Beta
Sign in
Contactless Payment SVG icon, 3d

Contactless Payment SVG icon, 3d

A contactless payment symbol marks tap-to-pay transactions. Use it beside payment options at a retail checkout or in a digital wallet’s card settings.

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/ar7V0pA0r2yC/amnt.svg" alt="Contactless Payment" 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="190" y1="177" x2="349" y2="399"><stop offset="0" stop-color="#acd8cb"/><stop offset="1" stop-color="#72b4a6"/></linearGradient><linearGradient id="g1" gradientUnits="userSpaceOnUse" x1="107" y1="86" x2="284" y2="225"><stop offset="0" stop-color="#ffdbc1"/><stop offset="1" stop-color="#ecb08d"/></linearGradient></defs><g id="layer-1" data-name="Ellipse 1" opacity="0.15"><g fill="none"><defs><filter id="k0_0" x="114" y="381" width="290" height="64" filterUnits="userSpaceOnUse"><feGaussianBlur stdDeviation="9"/></filter></defs><ellipse cx="259" cy="412" rx="119" ry="10" fill="#73594e" filter="url(#k0_0)"/></g></g><g id="layer-2" data-name="Rectangle 2"><path d="M209 172L325 172C342.67 172 357 186.33 357 204L357 370C357 387.67 342.67 402 325 402L209 402C191.33 402 177 387.67 177 370L177 204C177 186.33 191.33 172 209 172Z" fill="url(#g0) #72b4a6" stroke="#568f83" stroke-width="7"/></g><g id="layer-3" data-name="Rectangle 3"><path d="M220 204L314 204C323.39 204 331 211.61 331 221L331 284C331 293.39 323.39 301 314 301L220 301C210.61 301 203 293.39 203 284L203 221C203 211.61 210.61 204 220 204Z" fill="#e1efe4" stroke="#568f83" stroke-width="7"/></g><g id="layer-4" data-name="Group 4"><path d="M247 246C251.67 250.67 251.67 255.33 247 260" fill="none" stroke="#568f83" stroke-width="7" stroke-linecap="round"/><path d="M260 237C270.67 247.67 270.67 258.33 260 269" fill="none" stroke="#568f83" stroke-width="7" stroke-linecap="round"/><path d="M273 228C289.67 244.67 289.67 261.33 273 278" fill="none" stroke="#568f83" stroke-width="7" stroke-linecap="round"/><path d="M212 327L227 327M260 327L275 327M308 327L323 327" fill="none" stroke="#568f83" stroke-width="7" stroke-linecap="round"/><path d="M212 350L227 350M260 350L275 350" fill="none" stroke="#568f83" stroke-width="7" stroke-linecap="round"/></g><g id="layer-5" data-name="Rectangle 5"><path d="M311 342L319 342C323.42 342 327 345.58 327 350L327 363C327 367.42 323.42 371 319 371L311 371C306.58 371 303 367.42 303 363L303 350C303 345.58 306.58 342 311 342Z" fill="#f6c3a1" stroke="#568f83" stroke-width="7"/></g><g id="layer-6" data-name="Group 6" transform="matrix(0.965926 -0.258819 0.258819 0.965926 -31.708603 53.149246)"><path d="M108 82L264 82C277.25 82 288 92.75 288 106L288 188C288 201.25 277.25 212 264 212L108 212C94.75 212 84 201.25 84 188L84 106C84 92.75 94.75 82 108 82Z" fill="url(#g1) #ecb08d" stroke="#b9816a" stroke-width="7"/><path d="M88 119L284 119" fill="none" stroke="#b9816a" stroke-width="7"/><path d="M106 101L263 101" fill="none" opacity="0.7" stroke="#ffe8d6" stroke-width="6" stroke-linecap="round"/><path d="M116 146L137 146C140.87 146 144 149.13 144 153L144 166C144 169.87 140.87 173 137 173L116 173C112.13 173 109 169.87 109 166L109 153C109 149.13 112.13 146 116 146Z" fill="#d8e7d5" stroke="#b9816a" stroke-width="7"/><path d="M110 190L164 190" fill="none" stroke="#b9816a" stroke-width="7" stroke-linecap="round"/></g><g id="layer-7" data-name="Group 7"><path d="M314 118C322 126 322 134 314 142" fill="none" stroke="#568f83" stroke-width="7" stroke-linecap="round"/><path d="M330 106C346 122 346 138 330 154" fill="none" stroke="#568f83" stroke-width="7" stroke-linecap="round"/><path d="M346 94C370 118 370 142 346 166" fill="none" stroke="#568f83" stroke-width="7" stroke-linecap="round"/></g></svg>
CSS background-image
.contactless-payment {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ar7V0pA0r2yC/amnt.svg");
  background-size: contain;
}
React
import ContactlessPaymentSvg from "./contactless-payment.jsx"; // from the React tab above

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

Tags

contactlesstappaymentcard

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Contactless payment. 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