apple pay logo

apple-pay from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name: apple-pay
Set: SVG Logos
Style: Color
Viewbox: 512×211
License: CC0

The same logo in other sets

apple-payCoreUI Brands apple-payFont Awesome 6 Brands apple-payFont Awesome Brands apple-payLine Awesome

Related icons in SVG Logos

Use the apple pay logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 211"><path d="M93.552 27.103c-6 7.1-15.602 12.702-25.203 11.901c-1.2-9.6 3.5-19.802 9.001-26.103C83.35 5.601 93.852.4 102.353 0c1 10.001-2.9 19.802-8.8 27.103m8.701 13.802c-13.902-.8-25.803 7.9-32.404 7.9c-6.7 0-16.802-7.5-27.803-7.3c-14.301.2-27.603 8.3-34.904 21.202c-15.002 25.803-3.9 64.008 10.601 85.01c7.101 10.401 15.602 21.802 26.803 21.402c10.602-.4 14.802-6.9 27.604-6.9c12.901 0 16.602 6.9 27.803 6.7c11.601-.2 18.902-10.4 26.003-20.802c8.1-11.801 11.401-23.303 11.601-23.903c-.2-.2-22.402-8.7-22.602-34.304c-.2-21.402 17.502-31.603 18.302-32.203c-10.002-14.802-25.603-16.402-31.004-16.802m80.31-29.004V167.82h24.202v-53.306h33.504c30.603 0 52.106-21.002 52.106-51.406c0-30.403-21.103-51.206-51.306-51.206zm24.202 20.403h27.903c21.003 0 33.004 11.201 33.004 30.903s-12.001 31.004-33.104 31.004h-27.803zM336.58 169.019c15.202 0 29.303-7.7 35.704-19.902h.5v18.702h22.403V90.21c0-22.502-18.002-37.004-45.706-37.004c-25.703 0-44.705 14.702-45.405 34.904h21.803c1.8-9.601 10.7-15.902 22.902-15.902c14.802 0 23.103 6.901 23.103 19.603v8.6l-30.204 1.8c-28.103 1.7-43.304 13.202-43.304 33.205c0 20.202 15.701 33.603 38.204 33.603m6.5-18.502c-12.9 0-21.102-6.2-21.102-15.702c0-9.8 7.901-15.501 23.003-16.401l26.903-1.7v8.8c0 14.602-12.401 25.003-28.803 25.003m82.01 59.707c23.603 0 34.704-9 44.405-36.304L512 54.706h-24.603l-28.503 92.11h-.5l-28.503-92.11h-25.303l41.004 113.513l-2.2 6.901c-3.7 11.701-9.701 16.202-20.402 16.202c-1.9 0-5.6-.2-7.101-.4v18.702c1.4.4 7.4.6 9.201.6"/></svg>

React

import type { SVGProps } from "react";

export function LogosApplePay(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 211"><path d="M93.552 27.103c-6 7.1-15.602 12.702-25.203 11.901c-1.2-9.6 3.5-19.802 9.001-26.103C83.35 5.601 93.852.4 102.353 0c1 10.001-2.9 19.802-8.8 27.103m8.701 13.802c-13.902-.8-25.803 7.9-32.404 7.9c-6.7 0-16.802-7.5-27.803-7.3c-14.301.2-27.603 8.3-34.904 21.202c-15.002 25.803-3.9 64.008 10.601 85.01c7.101 10.401 15.602 21.802 26.803 21.402c10.602-.4 14.802-6.9 27.604-6.9c12.901 0 16.602 6.9 27.803 6.7c11.601-.2 18.902-10.4 26.003-20.802c8.1-11.801 11.401-23.303 11.601-23.903c-.2-.2-22.402-8.7-22.602-34.304c-.2-21.402 17.502-31.603 18.302-32.203c-10.002-14.802-25.603-16.402-31.004-16.802m80.31-29.004V167.82h24.202v-53.306h33.504c30.603 0 52.106-21.002 52.106-51.406c0-30.403-21.103-51.206-51.306-51.206zm24.202 20.403h27.903c21.003 0 33.004 11.201 33.004 30.903s-12.001 31.004-33.104 31.004h-27.803zM336.58 169.019c15.202 0 29.303-7.7 35.704-19.902h.5v18.702h22.403V90.21c0-22.502-18.002-37.004-45.706-37.004c-25.703 0-44.705 14.702-45.405 34.904h21.803c1.8-9.601 10.7-15.902 22.902-15.902c14.802 0 23.103 6.901 23.103 19.603v8.6l-30.204 1.8c-28.103 1.7-43.304 13.202-43.304 33.205c0 20.202 15.701 33.603 38.204 33.603m6.5-18.502c-12.9 0-21.102-6.2-21.102-15.702c0-9.8 7.901-15.501 23.003-16.401l26.903-1.7v8.8c0 14.602-12.401 25.003-28.803 25.003m82.01 59.707c23.603 0 34.704-9 44.405-36.304L512 54.706h-24.603l-28.503 92.11h-.5l-28.503-92.11h-25.303l41.004 113.513l-2.2 6.901c-3.7 11.701-9.701 16.202-20.402 16.202c-1.9 0-5.6-.2-7.101-.4v18.702c1.4.4 7.4.6 9.201.6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 211"><path d="M93.552 27.103c-6 7.1-15.602 12.702-25.203 11.901c-1.2-9.6 3.5-19.802 9.001-26.103C83.35 5.601 93.852.4 102.353 0c1 10.001-2.9 19.802-8.8 27.103m8.701 13.802c-13.902-.8-25.803 7.9-32.404 7.9c-6.7 0-16.802-7.5-27.803-7.3c-14.301.2-27.603 8.3-34.904 21.202c-15.002 25.803-3.9 64.008 10.601 85.01c7.101 10.401 15.602 21.802 26.803 21.402c10.602-.4 14.802-6.9 27.604-6.9c12.901 0 16.602 6.9 27.803 6.7c11.601-.2 18.902-10.4 26.003-20.802c8.1-11.801 11.401-23.303 11.601-23.903c-.2-.2-22.402-8.7-22.602-34.304c-.2-21.402 17.502-31.603 18.302-32.203c-10.002-14.802-25.603-16.402-31.004-16.802m80.31-29.004V167.82h24.202v-53.306h33.504c30.603 0 52.106-21.002 52.106-51.406c0-30.403-21.103-51.206-51.306-51.206zm24.202 20.403h27.903c21.003 0 33.004 11.201 33.004 30.903s-12.001 31.004-33.104 31.004h-27.803zM336.58 169.019c15.202 0 29.303-7.7 35.704-19.902h.5v18.702h22.403V90.21c0-22.502-18.002-37.004-45.706-37.004c-25.703 0-44.705 14.702-45.405 34.904h21.803c1.8-9.601 10.7-15.902 22.902-15.902c14.802 0 23.103 6.901 23.103 19.603v8.6l-30.204 1.8c-28.103 1.7-43.304 13.202-43.304 33.205c0 20.202 15.701 33.603 38.204 33.603m6.5-18.502c-12.9 0-21.102-6.2-21.102-15.702c0-9.8 7.901-15.501 23.003-16.401l26.903-1.7v8.8c0 14.602-12.401 25.003-28.803 25.003m82.01 59.707c23.603 0 34.704-9 44.405-36.304L512 54.706h-24.603l-28.503 92.11h-.5l-28.503-92.11h-25.303l41.004 113.513l-2.2 6.901c-3.7 11.701-9.701 16.202-20.402 16.202c-1.9 0-5.6-.2-7.101-.4v18.702c1.4.4 7.4.6 9.201.6"/></svg>
</template>

CSS

.icon-apple-pay {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20211%22%3E%3Cpath%20d%3D%22M93.552%2027.103c-6%207.1-15.602%2012.702-25.203%2011.901c-1.2-9.6%203.5-19.802%209.001-26.103C83.35%205.601%2093.852.4%20102.353%200c1%2010.001-2.9%2019.802-8.8%2027.103m8.701%2013.802c-13.902-.8-25.803%207.9-32.404%207.9c-6.7%200-16.802-7.5-27.803-7.3c-14.301.2-27.603%208.3-34.904%2021.202c-15.002%2025.803-3.9%2064.008%2010.601%2085.01c7.101%2010.401%2015.602%2021.802%2026.803%2021.402c10.602-.4%2014.802-6.9%2027.604-6.9c12.901%200%2016.602%206.9%2027.803%206.7c11.601-.2%2018.902-10.4%2026.003-20.802c8.1-11.801%2011.401-23.303%2011.601-23.903c-.2-.2-22.402-8.7-22.602-34.304c-.2-21.402%2017.502-31.603%2018.302-32.203c-10.002-14.802-25.603-16.402-31.004-16.802m80.31-29.004V167.82h24.202v-53.306h33.504c30.603%200%2052.106-21.002%2052.106-51.406c0-30.403-21.103-51.206-51.306-51.206zm24.202%2020.403h27.903c21.003%200%2033.004%2011.201%2033.004%2030.903s-12.001%2031.004-33.104%2031.004h-27.803zM336.58%20169.019c15.202%200%2029.303-7.7%2035.704-19.902h.5v18.702h22.403V90.21c0-22.502-18.002-37.004-45.706-37.004c-25.703%200-44.705%2014.702-45.405%2034.904h21.803c1.8-9.601%2010.7-15.902%2022.902-15.902c14.802%200%2023.103%206.901%2023.103%2019.603v8.6l-30.204%201.8c-28.103%201.7-43.304%2013.202-43.304%2033.205c0%2020.202%2015.701%2033.603%2038.204%2033.603m6.5-18.502c-12.9%200-21.102-6.2-21.102-15.702c0-9.8%207.901-15.501%2023.003-16.401l26.903-1.7v8.8c0%2014.602-12.401%2025.003-28.803%2025.003m82.01%2059.707c23.603%200%2034.704-9%2044.405-36.304L512%2054.706h-24.603l-28.503%2092.11h-.5l-28.503-92.11h-25.303l41.004%20113.513l-2.2%206.901c-3.7%2011.701-9.701%2016.202-20.402%2016.202c-1.9%200-5.6-.2-7.101-.4v18.702c1.4.4%207.4.6%209.201.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20211%22%3E%3Cpath%20d%3D%22M93.552%2027.103c-6%207.1-15.602%2012.702-25.203%2011.901c-1.2-9.6%203.5-19.802%209.001-26.103C83.35%205.601%2093.852.4%20102.353%200c1%2010.001-2.9%2019.802-8.8%2027.103m8.701%2013.802c-13.902-.8-25.803%207.9-32.404%207.9c-6.7%200-16.802-7.5-27.803-7.3c-14.301.2-27.603%208.3-34.904%2021.202c-15.002%2025.803-3.9%2064.008%2010.601%2085.01c7.101%2010.401%2015.602%2021.802%2026.803%2021.402c10.602-.4%2014.802-6.9%2027.604-6.9c12.901%200%2016.602%206.9%2027.803%206.7c11.601-.2%2018.902-10.4%2026.003-20.802c8.1-11.801%2011.401-23.303%2011.601-23.903c-.2-.2-22.402-8.7-22.602-34.304c-.2-21.402%2017.502-31.603%2018.302-32.203c-10.002-14.802-25.603-16.402-31.004-16.802m80.31-29.004V167.82h24.202v-53.306h33.504c30.603%200%2052.106-21.002%2052.106-51.406c0-30.403-21.103-51.206-51.306-51.206zm24.202%2020.403h27.903c21.003%200%2033.004%2011.201%2033.004%2030.903s-12.001%2031.004-33.104%2031.004h-27.803zM336.58%20169.019c15.202%200%2029.303-7.7%2035.704-19.902h.5v18.702h22.403V90.21c0-22.502-18.002-37.004-45.706-37.004c-25.703%200-44.705%2014.702-45.405%2034.904h21.803c1.8-9.601%2010.7-15.902%2022.902-15.902c14.802%200%2023.103%206.901%2023.103%2019.603v8.6l-30.204%201.8c-28.103%201.7-43.304%2013.202-43.304%2033.205c0%2020.202%2015.701%2033.603%2038.204%2033.603m6.5-18.502c-12.9%200-21.102-6.2-21.102-15.702c0-9.8%207.901-15.501%2023.003-16.401l26.903-1.7v8.8c0%2014.602-12.401%2025.003-28.803%2025.003m82.01%2059.707c23.603%200%2034.704-9%2044.405-36.304L512%2054.706h-24.603l-28.503%2092.11h-.5l-28.503-92.11h-25.303l41.004%20113.513l-2.2%206.901c-3.7%2011.701-9.701%2016.202-20.402%2016.202c-1.9%200-5.6-.2-7.101-.4v18.702c1.4.4%207.4.6%209.201.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/apple-pay.svg?color=%231a73e8&size=48