Globale payment icons

[amitwev]

Why are you adding this icons?

I'm adding/updating this icon(s) because our offsite payment app doesn't allow for a dynamic logo that will reflect the currently setup payment methods. A static generic logo will be set instead.

Help us identify yourself

• I'm working/collaborating with the brand directly and they have provided the icons.
• I'm associated with the brand and I've read all the brand icon’s guidelines.
• I'm an individual and I've read all the brand icon’s guidelines.

Link to the brand guidelines: Paypal

Checklist to add new icons

• All icons have a corresponding entry in db/payment_icons.yml
• I have followed the icon guidelines detailed in the CONTRIBUTING.md file
• I have optimized the icon with SVGO
• I am confident that all icons are clear and easy to read/understand
• I have provided a link to the brand icon’s brand guidelines whenever possible.
• I have attached a screenshot comparison with the example icon provided in guidelines
• I recognize that if my icon is not approved by the Shopify Partners team it may not receive review nor merger.

If this pull request is not adding new icons, you can remove this checklist.

Attach a screenshot of the icon along side the example Visa icon

Tips how to create a screenshot

We have found free online SVG editor https://www.freecodeformat.com/svg-editor.php very useful to create one. Here is a sample code for you to verify that you icon appears properly along side the placeholder.

<!-- Change background color if needed to showcase your icon better -->
<style> body { background: black; } </style>

<!-- DO NOT DELETE EXAMPLE -->
<svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg>

<!-- TODO: insert your icon here -->
<YOUR SVG CODE>

<svg xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-glbepaypal" viewBox="0 0 38 24" width="38" height="24" fill="none"><title id="pi-glbepaypal">Global-E Paypal</title><g clip-path="url(#a)"><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#0079C1" fill-rule="evenodd" d="M29.405 10.522h1.03c.11 0 .195.1.178.21l-.557 3.583a.3.3 0 0 1-.296.256h-.927c-.11 0-.195-.1-.178-.21l.046-.292s-.508.599-1.426.599c-.534 0-.983-.156-1.297-.532-.343-.409-.482-.995-.384-1.608.19-1.229 1.162-2.105 2.3-2.105.496 0 .994.11 1.216.439l.073.106.045-.293a.18.18 0 0 1 .177-.153Zm-6.43.81c.57 0 1.16 0 1.278-.785.043-.276.009-.475-.104-.61-.19-.224-.556-.224-.945-.224h-.149a.18.18 0 0 0-.177.154l-.227 1.464h.324ZM21.853 8.5h2.152c.72 0 1.262.193 1.568.558.278.333.37.807.274 1.41-.213 1.382-1.031 2.078-2.449 2.078h-.68a.3.3 0 0 0-.296.257l-.246 1.588a.21.21 0 0 1-.207.18h-1.104c-.11 0-.194-.1-.177-.21l.87-5.605a.3.3 0 0 1 .295-.256ZM29 12.559c-.1.597-.567.999-1.163.999-.299 0-.538-.098-.692-.283-.152-.183-.21-.444-.161-.735.092-.592.567-1.007 1.154-1.007.293 0 .53.1.687.286.158.188.22.45.175.74Zm1.767 1.801.883-5.706a.18.18 0 0 1 .177-.154h.993c.11 0 .195.1.178.21l-.871 5.604a.3.3 0 0 1-.295.257h-.888c-.11 0-.194-.1-.177-.21Z" clip-rule="evenodd"/><path fill="#00457C" fill-rule="evenodd" d="M19.46 10.518h1.055c.147 0 .234.164.15.285l-3.507 5.038a.306.306 0 0 1-.25.13h-1.053a.182.182 0 0 1-.15-.286l1.093-1.534-1.161-3.393a.182.182 0 0 1 .173-.24h1.036c.134 0 .253.087.292.216l.616 2.05 1.455-2.134a.304.304 0 0 1 .251-.133Zm-5.582 0h1.05c.112 0 .197.1.18.21l-.567 3.575a.304.304 0 0 1-.301.255h-.944a.182.182 0 0 1-.181-.21l.047-.29s-.518.597-1.453.597c-.544 0-1-.156-1.32-.53-.35-.409-.491-.993-.391-1.605.193-1.226 1.183-2.1 2.341-2.1.506 0 1.012.109 1.24.437l.073.106.046-.292a.183.183 0 0 1 .18-.153Zm-6.547.807c.581 0 1.182 0 1.301-.782.044-.275.01-.474-.106-.608-.193-.224-.566-.224-.961-.224h-.152a.182.182 0 0 0-.18.153L7 11.325h.33ZM6.19 8.5h2.19c.734 0 1.286.193 1.597.557.284.332.378.805.28 1.408-.218 1.378-1.05 2.073-2.494 2.073H7.07a.304.304 0 0 0-.3.256l-.24 1.509a.304.304 0 0 1-.3.255H5.182a.182.182 0 0 1-.18-.21l.886-5.592a.304.304 0 0 1 .3-.256Zm7.277 4.05a1.168 1.168 0 0 1-1.184.998c-.305 0-.549-.098-.705-.282-.155-.183-.213-.444-.164-.734a1.172 1.172 0 0 1 1.175-1.005c.298 0 .54.099.7.285.16.187.224.45.178.738Z" clip-rule="evenodd"/></g><defs><clipPath ><path fill="#fff" d="M0 0h38v24H0z"/></clipPath></defs></svg>

<svg xmlns="http://www.w3.org/2000/svg" width="38" height="24" fill="none" aria-labelledby="pi-glbeplus"><g clip-path="url(#a)"><path fill="#fff" stroke="#E3E3E3" d="M.475 1.6C.475.992.943.5 1.519.5h34.962c.576 0 1.044.494 1.044 1.1v20.8c0 .608-.468 1.1-1.044 1.1H1.519c-.576 0-1.044-.494-1.044-1.1V1.6Z"/><path fill="#1773B0" d="M20.069 5.25H17.93v5.625h-5.344v2.25h5.344v5.625h2.138v-5.625h5.344v-2.25h-5.344V5.25Z"/></g><defs><clipPath id="pi-a"><path fill="#fff" d="M0 0h38v24H0z"/></clipPath></defs></svg>

If the icons are intended for use by Shopify, please provide the following info:

Who are you working with at Shopify? (avoid adding personal details, provide github handle(preferred) or first name and last name)

What's the expected date of this change to deploy on Shopify?
We would like it live as soon as possible and next week, by the 18th it must go live in production.

[Jacquesattaque]

The PayPal icon looks good; the + icon doesn't have the right corner radius. You can use our SVG template if that helps. The + itself also isn't square, not sure if that's intentional or not (not an issue for us, just FYI).

[amitwev]

Hi @Jacquesattaque , i've updated the plus icon with your template, can you please check it now?
Thank you