Menu

Beta
Sign in
Gateway Payment SVG icon, solid

Gateway Payment SVG icon, solid

Two upright blocks frame a capsule passing through their central gap, representing a payment gateway. Use this mark in checkout interfaces and payment platform dashboards.

Free · from Payment Routing Logos, Solid

Similar SVGs

More from Payment Routing Logos, Solid

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/TtrFs68Hk3C0/amnt.svg" alt="Gateway Payment" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g id="layer-1" data-name="Rectangle 1"><path d="M5 4L9 4L9 20L5 20Z" fill="#000000"/></g><g id="layer-2" data-name="Rectangle 2"><path d="M15 4L19 4L19 20L15 20Z" fill="#000000"/></g><g id="layer-3" data-name="Rectangle 3"><path d="M4 10L20 10C21.1 10 22 10.9 22 12L22 12C22 13.1 21.1 14 20 14L4 14C2.9 14 2 13.1 2 12L2 12C2 10.9 2.9 10 4 10Z" fill="#000000"/></g></svg>
CSS background-image
.gateway-payment {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/TtrFs68Hk3C0/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.gateway-payment {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/TtrFs68Hk3C0/amnt.svg") center / contain no-repeat;
}
React
import GatewayPaymentSvg from "./gateway-payment.jsx"; // from the React tab above

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

Tags

paymentgatewaytransactionfinance

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one original abstract payment gateway logo: two thick upright rectangular blocks framing a horizontal capsule that passes through the central gap, suggesting a transaction crossing a gateway. Use clean, bold solid geometric shapes, one black fill, no letters or text, centred on a transparent background in a square composition, readable small. as part of the pack Payment Routing Logos, Solid. 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