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 lbc_svg #1039

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-lbc"><title id="pi-lbc">LBC</title><g clip-path="url(#pi-lbc-a)"><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" fill="#000"/><path 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" fill="#fff"/><path d="M18.11 9.246s-.051-.007-.094.03a.214.214 0 0 0-.055.11v.854h1.17c.182 0 .45-.231.45-.49 0-.317-.323-.504-.513-.504h-.959Z" fill="url(#pi-lbc-b)"/><path d="M17.959 12.645h1.172c.236 0 .696-.166.696-.61 0-.517-.386-.678-.658-.678h-1.21v1.288Z" fill="url(#pi-lbc-c)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M28.505 13.514c1.033-1.88 1.974-3.871 1.974-6.054-.173-1.488-.778-2.404-2.084-3.248-1.176-.721-2.452-1.164-3.759-1.487-2.666-.66-5.382-.79-8.112-.7-2.095.07-4.505.216-6.377 1.256-1.542.913-2.368 2.957-2.096 4.874.533 3.709 3.882 8.966 6.209 11.66 1.378 1.407 2.884 2.518 4.919 2.093 2.046-.427 3.807-1.846 5.273-3.26 1.596-1.58 2.938-3.22 4.052-5.134ZM20.913 3.029c2.44.232 5.891 1.018 7.52 2.477 2.492 2.087-.532 6.965-2.178 9.306-1.843 2.456-5.947 6.476-8.545 5.827-.803-.198-1.667-.958-2.268-1.502a36.992 36.992 0 0 0-.115-.116c-.49-.492-1.248-1.257-1.483-1.992-.298-.874.903-.277 1.214-.107l.283.156c.538.299 1.055.586 1.654.781 3.611.927 6.37-.415 8.212-2.91.333-.435.582-.855.792-1.347-.333.228-1.104.353-1.634.353-.754 0-1.712-.12-2.272-.68-.568-.567-.653-1.538-.653-2.295.034-1.608.55-2.897 2.425-2.968.751-.036 1.807-.024 2.077.721.082.222.16.557.16.557s-.066.09-.108.106c-.09.036-.415.021-.415.021s-.398-.134-1.006-.132c-.35 0-.69.02-1.012.247-.559.442-.605 1.442-.485 2.133.232 1.348 2.026 1.032 3.024.857l.267-.046c.724-3.424-.746-6.806-3.674-8.28-1.896-.954-3.993-1.297-6.412-.287-1.716.634-2.719 1.723-3.832 3.078-.572.696-1.192 1.288-2.14 1.15-.8-.177-1.038-1.198-.916-1.885.383-2.161 2.487-2.681 4.365-3.006 2.33-.404 4.803-.44 7.155-.217Zm-9.06 4.982.045 5.9h3.248s.54 0 .934-.429c.368-.367.277-.928.277-.928h-2.97V8.528s-.068-.235-.224-.391c-.157-.157-1.31-.126-1.31-.126Zm9.169 1.46a1.277 1.277 0 0 1-.905 1.275s1.109.215 1.109 1.33v.065c.002.35.004.711-.53 1.2-.477.476-1.62.474-1.62.474H16.56v-4.58c0-.245.102-.509.415-.821.313-.313.848-.341.848-.341h1.293c1.245 0 1.906.852 1.906 1.399Z" fill="url(#pi-lbc-d)"/></g><defs><radialGradient id="pi-lbc-b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(159.222 11.795 5.73) scale(10.0605 11.367)"><stop stop-color="#EF5F4D"/><stop offset=".185" stop-color="#EE5B4D"/><stop offset=".376" stop-color="#E94F4C"/><stop offset=".568" stop-color="#E23A4B"/><stop offset=".715" stop-color="#DA254A"/><stop offset=".824" stop-color="#D52543"/><stop offset=".984" stop-color="#C6242F"/><stop offset="1" stop-color="#C4242D"/></radialGradient><radialGradient id="pi-lbc-c" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(159.222 11.795 5.73) scale(10.0605 11.367)"><stop stop-color="#EF5F4D"/><stop offset=".185" stop-color="#EE5B4D"/><stop offset=".376" stop-color="#E94F4C"/><stop offset=".568" stop-color="#E23A4B"/><stop offset=".715" stop-color="#DA254A"/><stop offset=".824" stop-color="#D52543"/><stop offset=".984" stop-color="#C6242F"/><stop offset="1" stop-color="#C4242D"/></radialGradient><radialGradient id="pi-lbc-d" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(159.222 11.795 5.73) scale(10.0605 11.367)"><stop stop-color="#EF5F4D"/><stop offset=".185" stop-color="#EE5B4D"/><stop offset=".376" stop-color="#E94F4C"/><stop offset=".568" stop-color="#E23A4B"/><stop offset=".715" stop-color="#DA254A"/><stop offset=".824" stop-color="#D52543"/><stop offset=".984" stop-color="#C6242F"/><stop offset="1" stop-color="#C4242D"/></radialGradient><clipPath id="pi-lbc-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-lbc"><title id="pi-lbc">LBC</title><g clip-path="url(#pi-lbc-a)"><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" fill="#000"/><path 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" fill="#fff"/><path d="M18.11 9.246s-.051-.007-.094.03a.214.214 0 0 0-.055.11v.854h1.17c.182 0 .45-.231.45-.49 0-.317-.323-.504-.513-.504h-.959Z" fill="url(#pi-lbc-b)"/><path d="M17.959 12.645h1.172c.236 0 .696-.166.696-.61 0-.517-.386-.678-.658-.678h-1.21v1.288Z" fill="url(#pi-lbc-c)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M28.505 13.514c1.033-1.88 1.974-3.871 1.974-6.054-.173-1.488-.778-2.404-2.084-3.248-1.176-.721-2.452-1.164-3.759-1.487-2.666-.66-5.382-.79-8.112-.7-2.095.07-4.505.216-6.377 1.256-1.542.913-2.368 2.957-2.096 4.874.533 3.709 3.882 8.966 6.209 11.66 1.378 1.407 2.884 2.518 4.919 2.093 2.046-.427 3.807-1.846 5.273-3.26 1.596-1.58 2.938-3.22 4.052-5.134ZM20.913 3.029c2.44.232 5.891 1.018 7.52 2.477 2.492 2.087-.532 6.965-2.178 9.306-1.843 2.456-5.947 6.476-8.545 5.827-.803-.198-1.667-.958-2.268-1.502a36.992 36.992 0 0 0-.115-.116c-.49-.492-1.248-1.257-1.483-1.992-.298-.874.903-.277 1.214-.107l.283.156c.538.299 1.055.586 1.654.781 3.611.927 6.37-.415 8.212-2.91.333-.435.582-.855.792-1.347-.333.228-1.104.353-1.634.353-.754 0-1.712-.12-2.272-.68-.568-.567-.653-1.538-.653-2.295.034-1.608.55-2.897 2.425-2.968.751-.036 1.807-.024 2.077.721.082.222.16.557.16.557s-.066.09-.108.106c-.09.036-.415.021-.415.021s-.398-.134-1.006-.132c-.35 0-.69.02-1.012.247-.559.442-.605 1.442-.485 2.133.232 1.348 2.026 1.032 3.024.857l.267-.046c.724-3.424-.746-6.806-3.674-8.28-1.896-.954-3.993-1.297-6.412-.287-1.716.634-2.719 1.723-3.832 3.078-.572.696-1.192 1.288-2.14 1.15-.8-.177-1.038-1.198-.916-1.885.383-2.161 2.487-2.681 4.365-3.006 2.33-.404 4.803-.44 7.155-.217Zm-9.06 4.982.045 5.9h3.248s.54 0 .934-.429c.368-.367.277-.928.277-.928h-2.97V8.528s-.068-.235-.224-.391c-.157-.157-1.31-.126-1.31-.126Zm9.169 1.46a1.277 1.277 0 0 1-.905 1.275s1.109.215 1.109 1.33v.065c.002.35.004.711-.53 1.2-.477.476-1.62.474-1.62.474H16.56v-4.58c0-.245.102-.509.415-.821.313-.313.848-.341.848-.341h1.293c1.245 0 1.906.852 1.906 1.399Z" fill="url(#pi-lbc-d)"/></g><defs><radialGradient id="pi-lbc-b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(159.222 11.795 5.73) scale(10.0605 11.367)"><stop stop-color="#EF5F4D"/><stop offset=".185" stop-color="#EE5B4D"/><stop offset=".376" stop-color="#E94F4C"/><stop offset=".568" stop-color="#E23A4B"/><stop offset=".715" stop-color="#DA254A"/><stop offset=".824" stop-color="#D52543"/><stop offset=".984" stop-color="#C6242F"/><stop offset="1" stop-color="#C4242D"/></radialGradient><radialGradient id="pi-lbc-c" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(159.222 11.795 5.73) scale(10.0605 11.367)"><stop stop-color="#EF5F4D"/><stop offset=".185" stop-color="#EE5B4D"/><stop offset=".376" stop-color="#E94F4C"/><stop offset=".568" stop-color="#E23A4B"/><stop offset=".715" stop-color="#DA254A"/><stop offset=".824" stop-color="#D52543"/><stop offset=".984" stop-color="#C6242F"/><stop offset="1" stop-color="#C4242D"/></radialGradient><radialGradient id="pi-lbc-d" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(159.222 11.795 5.73) scale(10.0605 11.367)"><stop stop-color="#EF5F4D"/><stop offset=".185" stop-color="#EE5B4D"/><stop offset=".376" stop-color="#E94F4C"/><stop offset=".568" stop-color="#E23A4B"/><stop offset=".715" stop-color="#DA254A"/><stop offset=".824" stop-color="#D52543"/><stop offset=".984" stop-color="#C6242F"/><stop offset="1" stop-color="#C4242D"/></radialGradient><clipPath id="pi-lbc-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?