If you are building your own UI, we provide payment method and issuing bank logos that you can use on your checkout page. The images are available in PNG format with different sizes and screen resolutions and in SVG format.
If you cannot find a payment method or issuer logo, contact our Support Team.
Payment method logos
Download the images from the links below, specifying:
-
img-size
: Specify the size for PNG format. Use the following values:- small: Image size 40x26 pixels
- medium: Image size 77x50 pixels
- large: Image size 154 x 100 pixels
-
suffix
: Specify the image density for PNG format. If not specified, the images will have the same size as theimg-size
. Append any of the following values:@2x
@3x
-ldpi
-hdpi
-xhdpi
-xxhdpi
-xxxhdpi
-
pm-type
: ThepaymentMethods.type
returned in step 1, in the/paymentMethods
response. For example, googlepay or primeiropay_boleto.For cards, the values you should use are specified under
brands
withtype
: scheme. For example,mc
,visa
, andamex
. To get a generic card logo, setpm-type
to card.
Download link for SVG:
https://checkoutshopper-live.adyen.com/checkoutshopper/images/logos/[pm-type].svg
Download link for PNG:
https://checkoutshopper-live.adyen.com/checkoutshopper/images/logos/[img-size]/[pm-type][suffix].png
Examples:
https://checkoutshopper-live.adyen.com/checkoutshopper/images/logos/mc.svg
https://checkoutshopper-live.adyen.com/checkoutshopper/images/logos/large/googlepay@2x.png
Issuing bank logos
Some payment methods such as iDEAL present a list of issuing banks to the shopper.
Download the issuing bank logos from the links below, specifying:
-
img-size
: Specify the size for PNG format. Use the following values:- small: Image size 40x26 pixels
- medium: Image size 77x50 pixels
- large: Image size 154 x 100 pixels
-
suffix
: Specify the image density for PNG format. If not specified, the images will have the same size as theimg-size
. Append any of the following values:@2x
@3x
-ldpi
-hdpi
-xhdpi
-xxhdpi
-xxxhdpi
-
pm-type
: ThepaymentMethods.type
in objects withdetails.key
issuer returned in step 1, in the/paymentMethods
response. For example, ideal. -
issuerid
: Thedetails.items.id
referring to the issuing bank. For example, 1121 and 1151 for iDEAL.
Download link for SVG:
https://checkoutshopper-live.adyen.com/checkoutshopper/images/logos/[pm-type]/[issuerid].svg
Download link for PNG:
https://checkoutshopper-live.adyen.com/checkoutshopper/images/logos/[img-size]/[pm-type]/[issuerid][suffix].png
Examples:
https://checkoutshopper-live.adyen.com/checkoutshopper/images/logos/ideal/1121.svg
https://checkoutshopper-live.adyen.com/checkoutshopper/images/logos/small/ideal/1151-xxhdpi.png