Menu

Beta
Sign in
Secure Transaction SVG icon, 3d

Secure Transaction SVG icon, 3d

A secure transaction symbol signals that a payment or transfer is protected. It can appear on an online store’s checkout page or a banking app’s payment confirmation screen.

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/9kbOikwaLPd4/amnt.svg" alt="Secure Transaction" 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="113" y1="154" x2="345" y2="345"><stop offset="0" stop-color="#ffd9be"/><stop offset="1" stop-color="#eba788"/></linearGradient><linearGradient id="g1" gradientUnits="userSpaceOnUse" x1="101" y1="195" x2="358" y2="236"><stop offset="0" stop-color="#89c1b5"/><stop offset="1" stop-color="#6aa89b"/></linearGradient><linearGradient id="g2" gradientUnits="userSpaceOnUse" x1="281" y1="225" x2="383" y2="384"><stop offset="0" stop-color="#a4d5c8"/><stop offset="1" stop-color="#65a99b"/></linearGradient></defs><g id="layer-1" data-name="Ellipse 1" opacity="0.17"><g fill="none"><defs><filter id="k0_0" x="79" y="368" width="366" height="74" filterUnits="userSpaceOnUse"><feGaussianBlur stdDeviation="10"/></filter></defs><ellipse cx="262" cy="405" rx="153" ry="10" fill="#795f53" filter="url(#k0_0)"/></g></g><g id="layer-2" data-name="Rectangle 2"><path d="M120 136L360 136C377.67 136 392 150.33 392 168L392 320C392 337.67 377.67 352 360 352L120 352C102.33 352 88 337.67 88 320L88 168C88 150.33 102.33 136 120 136Z" fill="url(#g0) #eba788" stroke="#af7f6b" stroke-width="8"/></g><g id="layer-3" data-name="Shape 3"><path d="M92 191L388 191L388 233L92 233L92 191Z" fill="url(#g1) #6aa89b"/></g><g id="layer-4" data-name="Shape 4"><path d="M92 191L388 191M92 233L388 233" fill="none" stroke="#af7f6b" stroke-width="8"/></g><g id="layer-5" data-name="Shape 5" opacity="0.6"><path d="M119 157L358 157" fill="none" stroke="#ffe8d5" stroke-width="8" stroke-linecap="round"/></g><g id="layer-6" data-name="Rectangle 6"><path d="M130 264L157 264C162.52 264 167 268.48 167 274L167 288C167 293.52 162.52 298 157 298L130 298C124.48 298 120 293.52 120 288L120 274C120 268.48 124.48 264 130 264Z" fill="#ffe1be" stroke="#af7f6b" stroke-width="8"/></g><g id="layer-7" data-name="Shape 7"><path d="M121 321L177 321M193 321L210 321" fill="none" stroke="#af7f6b" stroke-width="8" stroke-linecap="round"/></g><g id="layer-8" data-name="Shape 8" opacity="0.15"><g fill="none"><defs><filter id="k1_0" x="229" y="209" width="185" height="178" filterUnits="userSpaceOnUse"><feGaussianBlur stdDeviation="5"/></filter></defs><path d="M321 226C297 242 276 247 251 251V295C251 322 272 347 310 361H368C382 342 391 319 391 295V251C366 247 345 242 321 226Z" fill="#8d6658" filter="url(#k1_0)"/></g></g><g id="layer-9" data-name="Shape 9"><path d="M332 222C308 238 284 246 259 249L259 298C259 343 291 376 332 393C373 376 405 343 405 298L405 249C380 246 356 238 332 222Z" fill="url(#g2) #65a99b" stroke="#528d80" stroke-width="8" stroke-linejoin="round"/></g><g id="layer-10" data-name="Shape 10" opacity="0.65"><path d="M278 265C297 261 315 254 332 245" fill="none" stroke="#c1e3d7" stroke-width="8" stroke-linecap="round"/></g><g id="layer-11" data-name="Shape 11" transform="matrix(1 0 0 1 0 4)" opacity="0.18"><path d="M303 306L324 327L363 287" fill="none" stroke="#528d80" stroke-width="18" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-12" data-name="Shape 12"><path d="M303 302L324 323L363 283" fill="none" stroke="#fff0d9" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.secure-transaction {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/9kbOikwaLPd4/amnt.svg");
  background-size: contain;
}
React
import SecureTransactionSvg from "./secure-transaction.jsx"; // from the React tab above

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

Tags

securetransactionpaymentprotection

Made with AMNT

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