@wp-pay/logos

Logos for the WordPress payment processing library.

Usage no npm install needed!

<script type="module">
  import wpPayLogos from 'https://cdn.skypack.dev/@wp-pay/logos';
</script>

README

WordPress Pay » Core

WordPress Pay » Logos

Logos for the WordPress payment processing library.

Table of contents

CDN

jsDelivr

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

UNPKG

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

SVGO

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

Sizes

640 × 360 & 10pct margin

┌──────────────────────────────┐
|         ↕ 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.

Requirements

svgcleaner

brew install svgcleaner

pngquant

brew install pngquant

Inkscape

brew install --cask inkscape

Toolbox

Examples

bin/toolbox all

bin/toolbox all --dir=src/methods/maestro
bin/toolbox all --dir=src/methods/mastercard

Resources