activemerchant / payment_icons

An easy to use library that allows you to manage and access payment icons
MIT License
144 stars 423 forks source link

Update SVG for Breadpay_svg #1077

Closed dannye0231 closed 10 months ago

dannye0231 commented 11 months ago

Why are you adding this icons?

I'm adding/updating this icon(s) to use the smaller SVG file size REV 2

Help us identify yourself

Link to the brand guidelines:

Checklist to add new icons

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 -->
<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-breadpay"><title id="pi-breadpay">Bread Pay</title><g clip-path="url(#pi-breadpay-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="#13294B" d="M20.397 11.404c-.63 0-1.087.233-1.397.63v-.51h-1.113v6.038H19v-2.234c.31.397.767.63 1.397.63 1.156 0 2.104-.992 2.104-2.277 0-1.285-.948-2.277-2.104-2.277Zm-.207 3.493c-.681 0-1.19-.491-1.19-1.216 0-.724.509-1.216 1.19-1.216.69 0 1.199.492 1.199 1.216 0 .725-.51 1.216-1.2 1.216Zm6.374-3.372v.509c-.311-.388-.777-.63-1.406-.63-1.148 0-2.096.992-2.096 2.277 0 1.285.948 2.277 2.096 2.277.63 0 1.095-.241 1.405-.63v.51h1.113v-4.313h-1.112Zm-1.2 3.372c-.68 0-1.19-.491-1.19-1.216 0-.724.51-1.216 1.19-1.216.69 0 1.2.492 1.2 1.216 0 .725-.51 1.216-1.2 1.216Zm6.133-3.372-.957 2.898-1.122-2.898h-1.216l1.768 4.174c-.207.578-.517.837-1.13.828v1.035c1.096.06 1.829-.483 2.277-1.725l1.57-4.312h-1.19ZM19.567 7.7c-.347 0-.6.129-.77.347V6.816h-.614v3.328h.614v-.28c.17.218.423.347.77.347.637 0 1.16-.547 1.16-1.256 0-.708-.523-1.255-1.16-1.255Zm-.114 1.926c-.376 0-.656-.271-.656-.67 0-.4.28-.67.656-.67.38 0 .66.27.66.67 0 .399-.28.67-.66.67Zm2.32-1.45v-.41h-.613v2.378h.613V9.008c0-.5.404-.642.723-.604v-.685c-.3 0-.6.133-.723.457Zm1.511 1.031h1.793a1.43 1.43 0 0 0 .023-.252c0-.699-.499-1.255-1.202-1.255-.747 0-1.256.547-1.256 1.255 0 .709.504 1.256 1.303 1.256.457 0 .813-.186 1.037-.51l-.495-.284a.659.659 0 0 1-.532.237c-.324 0-.585-.133-.67-.447Zm-.01-.475c.072-.304.296-.48.624-.48.256 0 .513.138.59.48h-1.213Zm4.043-.965v.28c-.171-.214-.428-.347-.775-.347-.633 0-1.155.547-1.155 1.255 0 .709.523 1.256 1.155 1.256.347 0 .604-.134.775-.348v.281h.613V7.767h-.613Zm-.661 1.859c-.376 0-.656-.271-.656-.67 0-.4.28-.671.656-.671.38 0 .66.271.66.67 0 .4-.28.67-.66.67Zm3.632-2.81v1.231c-.171-.218-.423-.347-.77-.347-.637 0-1.16.547-1.16 1.255 0 .709.523 1.256 1.16 1.256.347 0 .599-.129.77-.347v.28h.613V6.816h-.613Zm-.656 2.81c-.38 0-.66-.271-.66-.67 0-.4.28-.67.66-.67.376 0 .656.27.656.67 0 .399-.28.67-.656.67Z"/><path fill="#59BEC9" d="M10 6a6 6 0 1 0 0 12 6 6 0 0 0 6-6c.006-3.314-2.68-6-6-6Zm1.155 10.368-.078.045a1.09 1.09 0 0 1-1.475-.443L6.338 9.908a1.091 1.091 0 0 1 .443-1.474l.079-.045a1.086 1.086 0 0 1 1.475.443l3.263 6.061c.28.533.084 1.19-.443 1.475Zm1.318-1.682L9.938 9.981a2.674 2.674 0 0 1 3.623 1.088 2.669 2.669 0 0 1-1.088 3.617Z"/></g><defs><clipPath id="pi-breadpay-a"><path fill="#fff" d="M0 0h38v24H0z"/></clipPath></defs></svg>

<br>
<!-- TODO: insert your icon here -->
<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-breadpay"><title id="pi-breadpay">Bread Pay</title><g clip-path="url(#pi-breadpay-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="#13294B" d="M20.397 11.404c-.63 0-1.087.233-1.397.63v-.51h-1.113v6.038H19v-2.234c.31.397.767.63 1.397.63 1.156 0 2.104-.992 2.104-2.277 0-1.285-.948-2.277-2.104-2.277Zm-.207 3.493c-.681 0-1.19-.491-1.19-1.216 0-.724.509-1.216 1.19-1.216.69 0 1.199.492 1.199 1.216 0 .725-.51 1.216-1.2 1.216Zm6.374-3.372v.509c-.311-.388-.777-.63-1.406-.63-1.148 0-2.096.992-2.096 2.277 0 1.285.948 2.277 2.096 2.277.63 0 1.095-.241 1.405-.63v.51h1.113v-4.313h-1.112Zm-1.2 3.372c-.68 0-1.19-.491-1.19-1.216 0-.724.51-1.216 1.19-1.216.69 0 1.2.492 1.2 1.216 0 .725-.51 1.216-1.2 1.216Zm6.133-3.372-.957 2.898-1.122-2.898h-1.216l1.768 4.174c-.207.578-.517.837-1.13.828v1.035c1.096.06 1.829-.483 2.277-1.725l1.57-4.312h-1.19ZM19.567 7.7c-.347 0-.6.129-.77.347V6.816h-.614v3.328h.614v-.28c.17.218.423.347.77.347.637 0 1.16-.547 1.16-1.256 0-.708-.523-1.255-1.16-1.255Zm-.114 1.926c-.376 0-.656-.271-.656-.67 0-.4.28-.67.656-.67.38 0 .66.27.66.67 0 .399-.28.67-.66.67Zm2.32-1.45v-.41h-.613v2.378h.613V9.008c0-.5.404-.642.723-.604v-.685c-.3 0-.6.133-.723.457Zm1.511 1.031h1.793a1.43 1.43 0 0 0 .023-.252c0-.699-.499-1.255-1.202-1.255-.747 0-1.256.547-1.256 1.255 0 .709.504 1.256 1.303 1.256.457 0 .813-.186 1.037-.51l-.495-.284a.659.659 0 0 1-.532.237c-.324 0-.585-.133-.67-.447Zm-.01-.475c.072-.304.296-.48.624-.48.256 0 .513.138.59.48h-1.213Zm4.043-.965v.28c-.171-.214-.428-.347-.775-.347-.633 0-1.155.547-1.155 1.255 0 .709.523 1.256 1.155 1.256.347 0 .604-.134.775-.348v.281h.613V7.767h-.613Zm-.661 1.859c-.376 0-.656-.271-.656-.67 0-.4.28-.671.656-.671.38 0 .66.271.66.67 0 .4-.28.67-.66.67Zm3.632-2.81v1.231c-.171-.218-.423-.347-.77-.347-.637 0-1.16.547-1.16 1.255 0 .709.523 1.256 1.16 1.256.347 0 .599-.129.77-.347v.28h.613V6.816h-.613Zm-.656 2.81c-.38 0-.66-.271-.66-.67 0-.4.28-.67.66-.67.376 0 .656.27.656.67 0 .399-.28.67-.656.67Z"/><path fill="#59BEC9" d="M10 6a6 6 0 1 0 0 12 6 6 0 0 0 6-6c.006-3.314-2.68-6-6-6Zm1.155 10.368-.078.045a1.09 1.09 0 0 1-1.475-.443L6.338 9.908a1.091 1.091 0 0 1 .443-1.474l.079-.045a1.086 1.086 0 0 1 1.475.443l3.263 6.061c.28.533.084 1.19-.443 1.475Zm1.318-1.682L9.938 9.981a2.674 2.674 0 0 1 3.623 1.088 2.669 2.669 0 0 1-1.088 3.617Z"/></g><defs><clipPath id="pi-breadpay-a"><path fill="#fff" d="M0 0h38v24H0z"/></clipPath></defs></svg>

</br

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?