Vector, Harbor and Plaza keep their names, identifiers and checkout themes.
Only their icons use the supplied SVG artwork in branding/new-icons/.
| Gateway | Supplied source | Checkout asset | Console asset |
|---|---|---|---|
| Vector (Stripe compatibility) | branding/new-icons/selfhst--stripe.svg |
apps/checkout/providers/vector/logo.svg |
apps/console/app/assets/images/gateways/vector.svg |
| Harbor (PayPal compatibility) | branding/new-icons/uim--paypal.svg |
apps/checkout/providers/harbor/logo.svg |
apps/console/app/assets/images/gateways/harbor.svg |
| Plaza (Mercado Pago compatibility) | branding/new-icons/thesvg-color--mercado-pago.svg |
apps/checkout/providers/plaza/logo.svg |
apps/console/app/assets/images/gateways/plaza.svg |
#Asset contract
- Preserve the supplied SVG artwork, colours and proportions.
- Each application owns a byte-identical local copy; neither imports the other's assets.
- Render icons through an image element. Keep the gateway name as adjacent HTML text.
- Decorative images use
alt=""when the adjacent text identifies the gateway. - Keep existing gateway names, ids, routes, themes and behaviour.
- Verify small and large icons on light/dark surfaces and mobile widths.
npm run brand:checkchecks the copies against the supplied sources and guards the independent runtime names and namespaces.
#Previous artwork
The PNG packages under branding/vector/, branding/harbor/ and branding/plaza/
are retained as historical references. They are no longer the runtime icons.