Logos for the WordPress payment processing library.
https://www.jsdelivr.com/package/npm/@wp-pay/logos
https://unpkg.com/browse/@wp-pay/logos
svgo -r -f ./src -o ./dist
┌──────────────────────────────┐
| ↕ 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.
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/
brew install svgcleaner
brew install pngquant
brew install --cask inkscape
bin/toolbox all
bin/toolbox all --dir=src/methods/maestro
bin/toolbox all --dir=src/methods/mastercard