WordPress Pay Logos

Logos for the WordPress payment processing library.

Table of contents

- CDN
- jsDelivr
- UNPKG
- SVGO
- Sizes
- Center

CDN

$3

https://www.jsdelivr.com/package/npm/@wp-pay/logos

$3

https://unpkg.com/browse/@wp-pay/logos

SVGO

``
svgo -r -f ./src -o ./dist
`

Sizes

$3

`
┌──────────────────────────────┐
| ↕ 10% = 36 ↕ |
| ┌──────────────────┐ |
| ↔ | ← 512 → | ↔ |
| 10% | ↑ ↑ | 10% |
| = | 288 288 | = |
| 64 | ↓ ↑ | 64 |
| ↔ | ← 512 → | ↔ |
| └──────────────────┘ |
| ↕ 10% = 36 ↕ |
└──────────────────────────────┘
`

The max-width of the actual logo is 512 and the max-height is 288`.

Center

> The "visual center" is where all of the elements weights are balanced visually despite not being in the exact center.

- https://graphicdesign.stackexchange.com/questions/74356/correctly-vertically-center-text-in-a-box
- https://javier.xyz/visual-center/

Other libraries

After Pronamic launched this pay logos libraries a number of other (Dutch) payment providers have followed our example:

| Date | Repository |
| ---- | ---------- |
| 2020-02-25 | https://github.com/pronamic/wp-pay-logos |
| 2020-03-30 | https://github.com/MultiSafepay/MultiSafepay-icons |
| 2020-06-19 | https://github.com/paynl/payment-images |

Resources

- https://brand.mastercard.com/brandcenter/other-marks.html
- https://brand.mastercard.com/brandcenter/mastercard-brand-mark/downloads.html
- https://en.wikipedia.org/wiki/Box-drawing_character
- https://en.wikipedia.org/wiki/Arrow_(symbol)