Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add icons for goSettle, Carte Bleue, PostePay, Nexi #1284

Open
wants to merge 7 commits into
base: master
Choose a base branch
from

Conversation

DjellzeBllaca
Copy link

Why are you adding this icons?

We at Buckaroo, a payment service provider, have a "Cards" app that includes all credit and debit card brands as payment methods. However, Shopify is missing icons for certain card brands, such as Carte Bleue, PostePay, and Nexi, which need to be added. Additionally, we previously submitted "Knaken Settle" a few months ago, but since Knaken has rebranded, we have updated it to "goSettle."

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:

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

image

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: white; } </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>

<svg xmlns="http://www.w3.org/2000/svg" width="38" height="24" viewBox="0 0 38 24" version="1.1" aria-labelledby="pi-goSettle" role="img"><title id="pi-goSettle">goSettle</title><path d="M2.738.035h32.524C36.77.035 38 1.066 38 2.332v19.336c0 1.266-1.23 2.297-2.738 2.297H2.738C1.23 23.965 0 22.934 0 21.668V2.332C0 1.066 1.23.035 2.738.035" fill-rule="evenodd" fill="#295d4e" fill-opacity="1"/><path d="M26.41 2.266h-9.015L12.73 9.21l3.02 3.918 6.621-9.547 3.059 4.117-4.899 7.04h5.88l4.269-6.235zm0 0" fill-rule="evenodd" fill="#fff" fill-opacity="1"/><path d="M11.613 14.738h9.016l4.898-7.105-3.156-4.051-6.621 9.547-3.02-3.918 4.762-6.945h-5.879L7.34 8.504zm0 0" fill-rule="evenodd" fill="#69b57e" fill-opacity="1"/><g fill-rule="nonzero" fill="#fff" fill-opacity="1"><path d="M9.21 21.688c-.42 0-.765-.079-1.019-.235a.907.907 0 01-.449-.656h.828c.082.21.293.316.63.316.468 0 .698-.199.698-.597v-.313h-.02a1.092 1.092 0 01-.82.336 1.39 1.39 0 01-.968-.375c-.277-.246-.414-.578-.414-.992 0-.422.129-.766.379-1.02.254-.254.582-.379.98-.379.38 0 .672.125.871.38h.012v-.301h.805v2.644c0 .371-.13.66-.375.871-.254.211-.633.32-1.137.32zM9.2 19.93c.25 0 .433-.075.558-.22a.844.844 0 00.183-.558.815.815 0 00-.195-.554c-.129-.149-.312-.22-.555-.22-.21 0-.382.071-.507.212-.13.14-.196.332-.196.57 0 .242.067.43.196.567.125.136.3.203.515.203zm0 0M13.93 20.363c-.309.285-.7.43-1.184.43-.48 0-.875-.145-1.184-.43a1.428 1.428 0 01-.457-1.082c0-.433.153-.793.457-1.082.31-.285.704-.43 1.184-.43.484 0 .875.145 1.184.43.308.29.46.649.46 1.082 0 .434-.152.793-.46 1.082zm-1.184-.148c.25 0 .445-.086.586-.254.14-.168.211-.395.211-.68 0-.281-.07-.508-.211-.68-.14-.171-.336-.257-.586-.257-.254 0-.45.086-.586.254-.14.172-.21.398-.21.683 0 .285.07.512.21.68.137.168.332.254.586.254zm0 0M16.54 20.8c-.595 0-1.052-.113-1.38-.343-.324-.227-.496-.555-.515-.98h.87c.028.238.122.41.282.515.156.102.39.156.707.156.246 0 .453-.043.61-.125.16-.085.241-.214.241-.386a.566.566 0 00-.027-.172.296.296 0 00-.117-.137 2.13 2.13 0 00-.145-.094 1.027 1.027 0 00-.226-.078l-.254-.062c-.055-.012-.164-.035-.316-.07a10.59 10.59 0 01-.465-.106 2.913 2.913 0 01-.399-.14 1.234 1.234 0 01-.344-.212.987.987 0 01-.297-.727c0-.382.157-.679.465-.882.31-.207.711-.309 1.215-.309.5 0 .899.106 1.196.325.297.215.46.523.496.918h-.852a.608.608 0 00-.265-.446.998.998 0 00-.579-.156c-.242 0-.437.043-.578.129-.14.086-.21.2-.21.34 0 .152.07.262.21.336.14.07.387.14.742.21.215.04.387.079.524.114.133.035.281.086.437.152.157.063.278.137.368.215.09.078.16.18.218.309.063.129.09.277.09.445 0 .395-.156.703-.472.926-.313.223-.723.336-1.23.336zm0 0M20.184 20.797c-.504 0-.903-.145-1.192-.43-.293-.285-.437-.648-.437-1.09 0-.43.144-.785.437-1.074.29-.289.66-.43 1.113-.43.497 0 .875.153 1.149.465.27.313.402.73.402 1.258H19.38c.031.227.113.402.25.527s.316.188.55.188c.31 0 .512-.117.61-.352h.82a1.13 1.13 0 01-.464.668c-.25.18-.57.27-.961.27zm-.067-2.442c-.406 0-.648.204-.73.614h1.398a.66.66 0 00-.203-.446.672.672 0 00-.465-.168zm0 0M21.797 18.352v-.504h.433v-.895h.817v.895h.539v.504h-.54v1.515c0 .192.106.285.313.285l.246-.004v.559c-.128.008-.3.012-.523.012a1.1 1.1 0 01-.605-.16c-.165-.106-.247-.282-.247-.528v-1.68zm0 0M23.77 18.352v-.504h.433v-.895h.817v.895h.539v.504h-.54v1.515c0 .192.102.285.313.285l.242-.004v.559a8.814 8.814 0 01-.52.012c-.241 0-.44-.055-.605-.16-.164-.106-.246-.282-.246-.528v-1.68zm0 0M26 20.71v-3.987h.832v3.988zm0 0M28.86 20.797c-.505 0-.903-.145-1.192-.43-.293-.285-.438-.648-.438-1.09 0-.43.145-.785.438-1.074.289-.289.66-.43 1.113-.43.496 0 .875.153 1.145.465.27.313.406.73.406 1.258h-2.277c.03.227.113.402.25.527.133.125.316.188.55.188.31 0 .508-.117.61-.352h.82a1.12 1.12 0 01-.469.668c-.246.18-.57.27-.957.27zm-.067-2.442c-.406 0-.648.204-.73.614h1.398a.678.678 0 00-.203-.446.672.672 0 00-.465-.168zm0 0"/></g></svg>

<br>

<svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="38" height="24" viewBox="0 0 38 24" version="1.1" aria-labelledby="pi-cartebleue" role="img"><title id="pi-cartebleue">Carte Bleue</title><path fill="#FFF" d="M35.214 23.898H2.797C1.4 23.898.27 22.947.27 21.775V2.35C.27 1.175 1.4.227 2.797.227h32.417c1.396 0 2.527.951 2.527 2.123v19.422c-.004 1.175-1.135 2.126-2.527 2.126z"/><path clip-rule="evenodd" fill="none" stroke="#1E3A6A" stroke-width=".5" stroke-miterlimit="10" d="M6.87.25h80.71c3.66 0 6.65 3.02 6.65 6.7v57.34c0 3.69-2.99 6.7-6.65 6.7H6.87c-3.66 0-6.65-3.02-6.65-6.7V6.95c0-3.69 2.99-6.7 6.65-6.7" transform="scale(.4024 .3386)"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#1D4484" d="M4.982 7.226c-.069.037-.125.125-.165.206-.04.085-.073.17-.093.234-.02.064-.036.112-.044.152-.008.038-.012.068-.008.092.004.023.016.037.076.044.06.006.17.003.407-.004.237-.006.603-.017.986-.037.378-.017.772-.04.957-.108.185-.068.157-.183-.136-.268-.298-.084-.866-.142-1.2-.193-.334-.05-.43-.098-.523-.122-.1-.03-.189-.037-.257.004"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#1D4484" d="M4.696 7.781h9.34v3.789h-9.34z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#1D4484" d="M11.569 7.436c.181.108.314.264.475.386.08.057.402.362.426.43.089.057.21.196.282.29.077.1.157.204.241.295.009-.213-.036-1.076.02-1.205h1.135c.037.152.008 2.126.008 2.462 0 .65-.108.67.685.67.434 0 1.078-.03 1.488.007v.7c-.58.041-1.344.004-1.935.004-.487 0-.942.02-1.264-.38-.032-.04-.056-.09-.084-.118l-.077.105c-.036-.115-.028-.169-.068-.138l-.052.01c-.008-.03-.008-.027-.008-.054-.025.047-.008.04-.073.064l-.008-.146-.032.129-.064-.085-.037.088-.012.017c0-.044.008-.081-.02-.105-.032-.03-.004-.013-.032.017l-.052-.057c-.025.047-.008.04-.073.064l-.004-.149c-.044.156-.04.115-.117.142a.556.556 0 00-.036-.095c-.016-.017 0-.033-.04.007l-.02.027c-.004-.003-.012-.017-.012-.013l-.02-.071c-.024.047-.008.04-.069.064.016-.122.057-.2.065-.328.008-.119-.008-.244-.012-.36l-.033-.135-.008.027c-.016.214.037.349-.024.586-.129.484-.587.789-1.215.867-.302.037-2.543.037-2.93.02V8.91c-.04.057-.016.135-.052.223l-.02.034c0-.003-.008.01-.012.017 0-.058 0-.16-.012-.21-.024-.102-.044.034-.056-.007 0-.003-.008.004-.012.004-.005-.061-.025-.15-.02-.177l-.033.17c0-.004-.008.013-.012.017-.024-.027-.012-.007-.028-.055-.008-.023-.008-.037-.012-.06-.004-.03 0-.082-.004-.112.012.027.016.044.004.084a.168.168 0 01-.073.102l-.016-.18c-.008-.003-.108.028-.076-.087-.004.121-.008.105-.048.145-.025-.027-.016-.01-.037-.054-.004-.014-.004-.037-.004-.05.016.057.004.043-.016.087-.024-.02-.092.048-.052-.088-.04.15-.036.092-.105.183l-.048-.06c-.1.06-.076.01-.097-.025-.032.105.025.041-.072.085l-.012-.064c-.129-.078-.097.01-.153-.16-.109.045-.113.116-.314.166-.153.038-.33.034-.47-.003-.254-.064-.415-.22-.467-.45-.004-.007-.012-.014-.012-.02-.033-.055-.073-.204-.04-.258l-.041.213c-.028.058.012.01-.036.055l-.024-.187-.045.099c-.068-.061 0-.051-.072-.034-.004 0-.016.013-.016.006-.004-.006-.012.007-.02.01l-.004-.104-.073.047-.012-.105c-.04.119 0 .034-.064.085-.004-.082.012-.051-.024-.088.02-.054.032-.027-.053.044l-.012-.085c-.028.058-.004.04-.088.064l-.012-.247c.044.044 0 .119-.008.186-.073-.054-.053.082-.065-.108.02.078-.004.04-.072.068l-.004-.15c-.032.079.004.038-.093.062 0-.068-.024-.156.016-.186 0 .027.012.182-.064.155l-.04-.078c-.065.19-.028 3.962-.032 4.494 0 .545-.073 1.74.1 2.19.193.505.729 1 1.497 1.016h1.92c0-.45-.049-.802.173-1.182.165-.28.454-.524.82-.65.463-.162 2.423-.091 3.079-.091h17.52c.475 0 1.151.034 1.602-.007-.028-.186-.008-4.276-.008-4.673 0-.832.157-1.797-1.03-2.255-.43-.165-1.212-.111-1.73-.111h-16.72c-.592 0-1.284.027-1.863-.004.273.112.95.464 1.21.633l.375.248zm6.539 1.733h2.197v.667H18.12c-.032.153-.016.755-.008.952h2.193l.004.68h-2.27c-.47 0-.764-.152-.953-.379-.21-.25-.14-.738-.14-1.073V7.639c.913-.027 2.397-.004 3.371-.004l.004.745h-2.213v.79zm9.4-.017l2.201.007c.048.092.04.576.008.677-.285.058-1.738-.027-2.205.017v.928c.354.007 2.032-.02 2.205.014v.656c-.217.048-1.617.014-1.955.014-.487 0-1.135.007-1.365-.535-.092-.213-.048-2.005-.048-2.468 0-.2-.028-.654.008-.827l3.36-.003.012.742-2.213.003-.008.775zM5.875 10.273h-.282c.045-.149.367-.738.475-.975.077-.163.069-.132.407-.129l.53 1.104h-.337l-.1-.244-.556-.003c-.016.081-.056.206-.137.247zm15.327-2.638h1.047v2.002c0 .809-.02 1.107 1.046 1.114.354.003.728-.028.934-.204.229-.196.169-.555.169-.87V7.66l1.042-.007c0 .552.052 2.34-.069 2.76-.217.758-.973 1.104-2.048 1.104-1.066 0-1.827-.356-2.048-1.107-.129-.42-.073-2.218-.073-2.774zM6.696 11.17c.31.214.137.19.25.529h-.274c-.213-.122.088-.434-.374-.434h-.282l.004.43-.322-.003v-1.097l.72-.004c.56.004.656.434.278.58zm-.986.864l1.191-.007.004.207h-.434l-.004.894-.314.006-.004-.897-.435-.007-.004-.196zM6.87 14.34v.18c-.044.053-1.054.02-1.103.013-.048-.098-.048-1.006 0-1.108l1.087.01v.187c-.024.01-.012.013-.056.02-.025.004-.073.004-.097.004H6.096v.216h.692c.04.082.029.119.013.203l-.705.01v.241H6.7c.02 0 .088-.003.1 0 .085.007.033-.003.069.024z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#B3DBF4" d="M8.16 15.528H6.242c.181.075 1.646-.047 1.92.034.064.437-.109.735.145 1.256.032.065.048.088.092.153.41.582.95.616 1.666.616h21.48c.427 0 .616.003.942-.112.068-.024.116-.05.173-.081.245-.125.245-.17.354-.278.439-.44.362-.924.362-1.612 0-.579.064-.88-.29-1.357a1.405 1.405 0 00-.394-.342c-.406-.264-.91-.193-1.34-.214.036.403.02.877-.165 1.21-.49.87-1.445.724-2.33.724H11.332c-1.035.007-2.15.037-3.171.003"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#6BBCE9" d="M8.16 15.528c1.027.037 2.141.004 3.176.004h17.516c.885 0 1.839.145 2.33-.725.19-.335.205-.806.165-1.209-.45.04-1.127.007-1.602.007H12.23c-.656 0-2.616-.071-3.078.091a1.57 1.57 0 00-.821.65c-.218.38-.17.732-.17 1.182"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#FFF" d="M7.976 7.69V11.475c.386.017 2.627.017 2.929-.02 1.03-.129 1.577-.989 1.107-1.768-.049-.08-.282-.25-.387-.294.069-.17.375-.295.274-.972-.133-.227-.06-.264-.29-.488l-.04-.057c-.113-.04-.177-.098-.314-.15-.455-.155-1.561-.1-2.137-.1-.265 0-.627.016-.88-.004l-.246-.003-.016.07zM9.988 9.07H8.88l.004-.674c.503 0 1.59-.057 2 .058.052.064.113.101.129.217a.357.357 0 01-.012.159c-.097.321-.729.24-1.014.24zm-1.09 1.67l-.013-.898h1.429c.466 0 .95-.01.933.444-.016.457-.563.453-.91.453h-1.44zM18.108 8.38h2.21l-.005-.745c-.974 0-2.459-.023-3.372.004v2.377c0 .338-.068.823.14 1.073.19.227.484.38.955.38h2.27l-.005-.681h-2.193c-.008-.197-.024-.8.008-.952h2.185V9.17h-2.197l.004-.789zM27.512 9.857c.028-.02-.008-.027.12-.03l2.077.003v-.647c-.028 0-2.165.017-2.185-.017-.004-.007-.012-.007-.016-.01l.004-.776 2.213-.003-.012-.742-3.36.004c-.036.17-.008.626-.008.826 0 .464-.04 2.258.048 2.468.234.542.882.535 1.365.535.338 0 1.738.038 1.955-.013v-.657c-.169-.034-1.85-.003-2.205-.014l.004-.927zM21.202 7.635c0 .56-.052 2.357.073 2.78.221.752.978 1.108 2.048 1.108 1.075 0 1.831-.35 2.048-1.104.121-.42.069-2.208.069-2.76l-1.042.007v2.018c0 .315.06.674-.17.87-.205.176-.579.207-.933.203-1.066-.006-1.046-.304-1.046-1.114v-2l-1.047-.008zM12.998 8.84l.004.678v1.199l.052.26c.024.028.052.078.084.119.322.4.777.38 1.264.38.595 0 1.36.033 1.935-.004v-.701c-.41-.037-1.054-.007-1.488-.007-.793 0-.685-.02-.685-.67 0-.336.029-2.306-.008-2.462h-1.134c-.06.132-.02.999-.024 1.209"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#1E4B8F" d="M8.897 10.74h1.44c.347 0 .894.004.91-.453.016-.454-.467-.444-.933-.444H8.885l.012.897z"/><g transform="scale(.4024 .3386)"><defs><path id="SVGID_1_" d="M32.31 29.26v-1.15l-.01-2c-.21-.27-.42-.58-.6-.87-.35-.54-1.33-1.75-1.76-2.14-.4-.36-.74-.82-1.18-1.14l-.9-.74c-.65-.49-2.32-1.54-3.01-1.87-.65.08-1.73.01-2.43.01H20c-1.87 0-4.64-.36-6.31.55-.84.46-1.58 1.46-1.87 2.36l-.2.84.1.23c.19.08.16-.38.16-.46-.1.09-.04.35-.04.55.24-.07.15.05.23-.18l.01.44c.17-.08.24.03.18-.2.02.56-.02.15.16.32.02-.21.13-.43.02-.55l.03.73c.21-.07.14-.02.22-.19l.03.25c.2-.21.18-.29.13-.13.09.11.05.02.06.26.16-.15.06.1.16-.25l.03.31.18-.14.01.31c.02-.01.04-.04.05-.03.01.01.04-.02.04-.02.19-.06.01-.09.18.1l.11-.29.06.55c.12-.13.02.02.09-.16l.1-.63c-.08.16.03.6.1.76l.03.06c-.02-.54.33-.67.35-1.03.19-.12-.08-.26.06-.42.13-.16.17-.17.29-.26.22-.15.47-.24.76-.27.67-.04 1.74.41 1.85 1.15l-.81-.01c-.04-.8-1.87-.88-1.72.72.05.5.34.87.83.92.64.07.81-.25.97-.72h.75c-.01.31-.16.54-.24.78.15.5.07.24.38.47l.03.19c.24-.13.1.05.18-.25.05.1-.01.24.24.07l.12.18c.17-.27.16-.1.26-.54-.1.39.07.2.13.26.05-.12.08-.08.04-.26 0 .04 0 .12.01.15.05.13.03.08.09.16.09-.11.1-.07.12-.43-.09.35.17.25.19.26l.04.53c.07-.07.13-.12.18-.3.03-.12.02-.18-.01-.25 0 .1 0 .24.01.33.01.07.01.11.03.18.04.14.01.08.07.16.01-.02.02-.06.03-.05l.08-.5c-.01.07.04.34.05.52.01 0 .03-.02.03-.01.04.12.08-.27.14.02.03.15.02.45.03.62.01-.01.02-.06.03-.05l.05-.1c.09-.26.03-.49.13-.66V22.71l.03-.17.61.01c.64.06 1.53.01 2.19.01 1.43 0 4.18-.17 5.31.3.58.24.93.68 1.2 1.15.19.34.31.65.35 1.09.18 1.83-.47 2.19-.63 2.67.33.21.64.51.86.83.45.67.47 1.47.43 2.29-.02.37.01.65-.03 1.01.16-.07.12-.05.17-.19l.05.21c0-.01.02.03.03.04l.05-.08c.1-.12.06-.07.1-.02.02.03.08.23.09.28.2-.08.18.04.29-.42l.01.44c.17-.07.12-.05.18-.19l.13.17c.07-.09 0-.14.08-.05.06.07.04.19.05.31.01-.01.02-.04.03-.05l.09-.26.16.25c.03-.14.05-.22.08-.38l.02.43c.17-.07.12-.05.18-.19 0 .09 0 .08.02.16l.13-.03c.1-.09.08.07.17.41l.19-.31-.13-.77v-2.4zm-5.26-4.29c-1.02-.33-3.72-.17-4.97-.17l-.01 1.99h2.75c.71 0 2.28.24 2.52-.7.04-.17.05-.3.03-.47-.04-.35-.19-.45-.32-.65z"/></defs><clipPath id="SVGID_2_"><use href="#SVGID_1_" overflow="visible"/></clipPath><defs><filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="11.62" y="19.01" width="20.82" height="13.73"><feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/></filter></defs><mask maskUnits="userSpaceOnUse" x="11.62" y="19.01" width="20.82" height="13.73" id="SVGID_3_"><g filter="url(#Adobe_OpacityMaskFilter)"><linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="-2850.03" y1="1567.05" x2="-2850.413" y2="1567.951" gradientTransform="translate(2872.12 -1541.184)"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#000"/></linearGradient><path clip-path="url(#SVGID_2_)" fill="url(#SVGID_4_)" d="M11.62 19.3h20.82v13.44H11.62z"/></g></mask><linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="11.616" y1="25.872" x2="32.438" y2="25.872"><stop offset="0" stop-color="#3c8fce"/><stop offset="1" stop-color="#8bc8ee"/></linearGradient><path clip-path="url(#SVGID_2_)" mask="url(#SVGID_3_)" fill="url(#SVGID_5_)" d="M11.62 19.01h20.82v13.73H11.62z"/></g><path fill-rule="evenodd" clip-rule="evenodd" fill="#FFF" d="M6.696 11.17c.378-.142.278-.575-.274-.575l-.72.003v1.097l.322.004-.004-.43h.282c.462 0 .16.311.374.433h.273c-.116-.342.06-.318-.253-.532m-.664-.386h.294c.213 0 .378.119.23.261-.085.081-.375.05-.52.05l-.008-.074.004-.237zM6.869 14.516v-.18l-.789-.01a.466.466 0 01.008-.277h.692v-.173l-.712-.01.008-.248h.769v-.186H5.766v1.087l1.103-.003zM5.875 10.273c.08-.04.12-.166.14-.247l.556.003.1.244h.339L6.479 9.17c-.338-.003-.33-.03-.407.129-.108.237-.43.826-.475.975h.278zm.435-.813l.169.383h-.37l.2-.383zM5.65 8.377c.052.234.213.39.466.45.141.034.322.038.471.004.226-.054.399-.227.41-.427h-.301c-.064.16-.133.268-.39.244-.198-.017-.314-.142-.334-.312-.065-.541.672-.514.692-.243l.326.003c-.06-.318-.407-.403-.745-.39a.73.73 0 00-.306.092c-.237.129-.297.359-.29.579M5.71 12.234l.435.003.004.9.318-.006v-.897H6.9v-.204l-1.19.004z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#1D4484" d="M6.024 11.021l.008.075c.145 0 .43.03.52-.05.148-.14-.017-.262-.23-.262h-.294l-.004.237z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#758EB7" d="M27.512 9.857c.467-.048 1.92.037 2.205-.017.036-.102.04-.583-.008-.677l-2.2-.007c.003.003.011.003.015.01.016.034 2.157.017 2.185.017v.647l-2.076-.004c-.133.004-.097.01-.12.03"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#1A4789" d="M6.108 9.843l.37.003-.168-.386z"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#758EB7" d="M6.869 14.516l-1.099.003v-1.087H6.85l-1.087-.01c-.048.102-.048 1.01 0 1.107.053.01 1.063.041 1.107-.013"/><path fill-rule="evenodd" clip-rule="evenodd" fill="#8097BC" d="M6.869 14.34c-.036-.027.016-.014-.072-.024h-.705v-.24l.705-.01c.016-.085.028-.126-.013-.204h-.692v-.216h.603c.025 0 .073 0 .098-.004.044-.007.032-.007.056-.02H6.08l-.008.247.712.01v.173h-.692a.466.466 0 00-.008.278l.785.01z"/></svg>

<svg xmlns="http://www.w3.org/2000/svg" width="38" height="24" viewBox="0 0 38 24" version="1.1" aria-labelledby="pi-nexi" role="img"><title id="pi-nexi">Nexi</title><g fill-rule="evenodd" fill-opacity="1"><path d="M2.688 0h32.628c1.477 0 2.688 1.023 2.688 2.273v19.454c0 1.25-1.211 2.273-2.688 2.273H2.687C1.208 24 0 22.977 0 21.727V2.273C0 1.023 1.207 0 2.688 0" fill="#2d32aa"/><path d="M15.973 13.121c.914-.125 5.617-.742 6.097-.945.055-1-.53-1.84-1.09-2.371-2.043-1.95-6.265-1.47-7.148 1.445-.344 1.133-.023 2.457.79 3.285.421.43 1.003.758 1.667.98.984.337 2.27.333 3.305.106 1.035-.226 1.722-.766 2.27-1.254-.126-.226-1.13-.875-1.368-.96-.488.472-1.324.929-2.484.898-.875-.02-1.797-.485-2.04-1.184M5.04 15.63l2.09-.031v-4.586c0-.274-.047-.395.09-.606.949-.351 3.234-.613 3.64.781.223.778.04 3.383.075 4.41L13 15.56c.031-1.188.012-2.414.004-3.606-.016-2.578-1.441-3.418-4.508-3.27-.668.036-1.254.098-1.902.212-.309.054-1.45.164-1.547.445zm16.664-6.797c.156.29.52.633.766.871.27.262.465.508.765.809l1.528 1.664c-.106.23-.559.62-.77.855-.515.578-2.203 2.207-2.375 2.567l2.399-.008c.093-.086.199-.156.297-.258.097-.105.105-.148.214-.254l1.543-1.527c.367.23 1.188 1.332 1.649 1.59.86.488 1.687.511 2.886.449l-3.175-3.485c.218-.28.558-.585.812-.851l2.25-2.39-2.457-.009-1.84 1.97c-.488-.227-.984-1.188-1.664-1.56-.863-.48-1.625-.484-2.828-.433zm9.422 6.766l2.04-.032-.02-6.71h-2.028zm-15.34-3.907c.418-2.054 3.64-1.921 4.106-.601zm0 0" fill="#fff"/></g></svg>

<br>

<svg xmlns="http://www.w3.org/2000/svg" width="38" height="24" viewBox="0 0 38 24" role="img" aria-labelledby="pi-postepay" version="1.1"><title id="pi-postepay">PostePay</title><g fill-rule="evenodd" fill-opacity="1"><path d="M2.734 0h32.532c1.48 0 2.691 1.023 2.691 2.273v19.454c0 1.25-1.21 2.273-2.691 2.273H2.734c-1.48 0-2.691-1.023-2.691-2.273V2.273C.043 1.023 1.253 0 2.734 0" fill="#f5e11c"/><path d="M23.172 10.938l-.063-.09a.513.513 0 00-.023-.04l-.066-.183c-.97-.008-.86-.172-1.012.52-.2.906-.852 2.949-.895 3.539l1.04-.004.406-1.512c.007.012.023.012.03.035.009.02.032.024.036.031.45.414 1.086.508 1.66.27 1.168-.484 1.395-2.246.613-2.766-.48-.328-1.48-.191-1.726.2m.355.175c.692-.168.836.407.723.91-.094.422-.316.946-.758 1.028-1.12.219-.949-1.692.035-1.938zm0 0" fill="#0356a2"/><path d="M25.984 11.43l.993-.004c.148-.242.203-.453.691-.344.34.07.285.375.18.629-1.043 0-2.41.078-2.414 1.047-.004 1.043 1.453 1.09 2.09.453v.387l.976-.004c.012-.844.742-2.215.2-2.723-.36-.34-2.505-.637-2.716.559m1.75.738c-.058.293-.156.523-.363.707-.95.848-1.633-.813.363-.707zm1.43 2.504h1.047l2.828-4.067-.89-.003c-.297.113-1.141 1.695-1.465 2.007l-.282-1.984-1.05-.023c.078.683.304 1.511.445 2.199.105.508.27.668-.047 1.058-.152.184-.555.63-.586.813M6.488 11.04l.04-.415c-.485 0-.548-.047-.598.09l-.473 1.93c-.125.484-.508 1.609-.52 2.039h.637l.422-1.48c.352.233.84.706 1.8.288.552-.242.856-.637 1.02-1.242.309-1.133-.414-1.879-1.535-1.621-.422.094-.527.281-.793.41m.727-.066c1.473-.403 1.144 1.964-.02 2.23-.902.203-1.136-.379-.976-1.055.144-.605.41-1.015.996-1.175zm13.66 1.73c-1.273 0-.523.082-1.098.387-.539.289-1.558.129-1.222-.918l2.52-.004c.218-1.027-.071-1.594-1.243-1.625-1.117-.035-1.59.441-1.867 1.184-.926 2.472 2.512 2.328 2.91.976m-2.18-.933c.012-1.055 2.043-1.305 1.739-.004zm-8.085-1.204c-1.036.137-1.52.72-1.657 1.621-.16 1.043.574 1.567 1.805 1.43.988-.11 1.484-.762 1.62-1.648.157-1.02-.57-1.555-1.769-1.403m.012.387c1.645-.45 1.164 2.008.117 2.274-1.703.43-1.238-1.97-.117-2.274zm2.461 1.68c-.527-.059-.871-.086-.68.465.297.867 2.723.656 2.832-.29.086-.757-.914-.851-1.476-1.18-.637-.374.097-.901.781-.655.23.082.23.18.238.449l.633-.008c.047-.86-.805-.957-1.62-.836-.388.055-.712.207-.849.406-.195.282-.14.649.07.84.333.301 1.552.516 1.5.977-.05.48-1.585.726-1.429-.168m3.625-2.664l-.195.68h-.637l-.098.378h.63c-.419 1.993-1.192 2.75.91 2.57l.132-.406c-.32-.004-.484.079-.75-.054-.215-.282.285-1.707.363-2.11l.77-.004.094-.375-.735-.003.176-.801zm0 0" fill="#0356a2"/></g></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)
I am Djellze Bllaca and I work with Buckaroo, a payment service provider, offering a variety of payment solutions for online merchants.

What's the expected date of this change to deploy on Shopify?
As soon as possible

@dannye0231
Copy link
Contributor

Hi @DjellzeBllaca, can you please re-base this PR?

@DjellzeBllaca
Copy link
Author

Hi @DjellzeBllaca, can you please re-base this PR?

Done

@dannye0231
Copy link
Contributor

@DjellzeBllaca are you able to check the following error related to your SVG?

Failure:
PaymentIconTest#test_Every_payment_SVG_meets_accessibility_requirements [test/unit/payment_icon_test.rb:89]:
{:message=>"The 'SVGID_1_' ID should be pi-cartebleue-SVGID_1_ (missing 'pi-' prefix)"}.
Expected /pi-(.*)/ to match "SVGID_1_".

bin/rails test /home/runner/work/payment_icons/payment_icons/test/unit/payment_icon_test.rb:61

@DjellzeBllaca
Copy link
Author

DjellzeBllaca commented Jan 29, 2025

@DjellzeBllaca are you able to check the following error related to your SVG?

Failure: PaymentIconTest#test_Every_payment_SVG_meets_accessibility_requirements [test/unit/payment_icon_test.rb:89]: {:message=>"The 'SVGID_1_' ID should be pi-cartebleue-SVGID_1_ (missing 'pi-' prefix)"}. Expected /pi-(.*)/ to match "SVGID_1_".

bin/rails test /home/runner/work/payment_icons/payment_icons/test/unit/payment_icon_test.rb:61

@dannye0231 Updated the ids where the tests were failing

@dannye0231
Copy link
Contributor

@DjellzeBllaca can you please check your SVG? I see the following error:

Failure:
PaymentIconTest#test_Every_payment_SVG_meets_accessibility_requirements [test/unit/payment_icon_test.rb:81]:
{:message=>"The 'gosettle' SVG file does not have the appropriate 'id' value on the <title> tag"}.
Expected: "pi-gosettle"
Actual: "pi-goSettle"

rails test /home/runner/work/payment_icons/payment_icons/test/unit/payment_icon_test.rb:61

...

@DjellzeBllaca
Copy link
Author

@DjellzeBllaca can you please check your SVG? I see the following error:

Failure: PaymentIconTest#test_Every_payment_SVG_meets_accessibility_requirements [test/unit/payment_icon_test.rb:81]: {:message=>"The 'gosettle' SVG file does not have the appropriate 'id' value on the <title> tag"}. Expected: "pi-gosettle" Actual: "pi-goSettle"

rails test /home/runner/work/payment_icons/payment_icons/test/unit/payment_icon_test.rb:61

...

Fixed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants