apple pay logo

apple-pay from Font Awesome Brands by Dave Gandy · Brand · Payments & Shopping · CC-BY-4.0 Attribution required.

Name: apple-pay
Set: Font Awesome Brands
Style: Brand
Category: Payments & Shopping
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

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

More payments & shopping icons from Font Awesome Brands

alipay amazon-pay cc-amazon-pay cc-amex cc-apple-pay cc-diners-club cc-discover cc-jcb cc-mastercard cc-paypal cc-stripe cc-visa google-pay google-wallet paypal stripe stripe-s

Use the apple pay logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M116.9 222.5c-7.5 8.9-19.5 15.9-31.5 14.9c-1.5-12 4.4-24.8 11.3-32.6c7.5-9.1 20.6-15.6 31.3-16.1c1.2 12.4-3.7 24.7-11.1 33.8m10.9 17.2c-17.4-1-32.3 9.9-40.5 9.9c-8.4 0-21-9.4-34.8-9.1c-17.9.3-34.5 10.4-43.6 26.5c-18.8 32.3-4.9 80 13.3 106.3c8.9 13 19.5 27.3 33.5 26.8c13.3-.5 18.5-8.6 34.5-8.6c16.1 0 20.8 8.6 34.8 8.4c14.5-.3 23.6-13 32.5-26c10.1-14.8 14.3-29.1 14.5-29.9c-.3-.3-28-10.9-28.3-42.9c-.3-26.8 21.9-39.5 22.9-40.3c-12.5-18.6-32-20.6-38.8-21.1m100.4-36.2v194.9h30.3v-66.6h41.9c38.3 0 65.1-26.3 65.1-64.3s-26.4-64-64.1-64zm30.3 25.5h34.9c26.3 0 41.3 14 41.3 38.6s-15 38.8-41.4 38.8h-34.8zm162.2 170.9c19 0 36.6-9.6 44.6-24.9h.6v23.4h28v-97c0-28.1-22.5-46.3-57.1-46.3c-32.1 0-55.9 18.4-56.8 43.6h27.3c2.3-12 13.4-19.9 28.6-19.9c18.5 0 28.9 8.6 28.9 24.5v10.8l-37.8 2.3c-35.1 2.1-54.1 16.5-54.1 41.5c.1 25.2 19.7 42 47.8 42m8.2-23.1c-16.1 0-26.4-7.8-26.4-19.6c0-12.3 9.9-19.4 28.8-20.5l33.6-2.1v11c0 18.2-15.5 31.2-36 31.2m102.5 74.6c29.5 0 43.4-11.3 55.5-45.4L640 257h-30.8l-35.6 115.1h-.6L537.4 257h-31.6L557 398.9l-2.8 8.6c-4.6 14.6-12.1 20.3-25.5 20.3c-2.4 0-7-.3-8.9-.5v23.4c1.8.4 9.3.7 11.6.7"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsApplePay(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M116.9 222.5c-7.5 8.9-19.5 15.9-31.5 14.9c-1.5-12 4.4-24.8 11.3-32.6c7.5-9.1 20.6-15.6 31.3-16.1c1.2 12.4-3.7 24.7-11.1 33.8m10.9 17.2c-17.4-1-32.3 9.9-40.5 9.9c-8.4 0-21-9.4-34.8-9.1c-17.9.3-34.5 10.4-43.6 26.5c-18.8 32.3-4.9 80 13.3 106.3c8.9 13 19.5 27.3 33.5 26.8c13.3-.5 18.5-8.6 34.5-8.6c16.1 0 20.8 8.6 34.8 8.4c14.5-.3 23.6-13 32.5-26c10.1-14.8 14.3-29.1 14.5-29.9c-.3-.3-28-10.9-28.3-42.9c-.3-26.8 21.9-39.5 22.9-40.3c-12.5-18.6-32-20.6-38.8-21.1m100.4-36.2v194.9h30.3v-66.6h41.9c38.3 0 65.1-26.3 65.1-64.3s-26.4-64-64.1-64zm30.3 25.5h34.9c26.3 0 41.3 14 41.3 38.6s-15 38.8-41.4 38.8h-34.8zm162.2 170.9c19 0 36.6-9.6 44.6-24.9h.6v23.4h28v-97c0-28.1-22.5-46.3-57.1-46.3c-32.1 0-55.9 18.4-56.8 43.6h27.3c2.3-12 13.4-19.9 28.6-19.9c18.5 0 28.9 8.6 28.9 24.5v10.8l-37.8 2.3c-35.1 2.1-54.1 16.5-54.1 41.5c.1 25.2 19.7 42 47.8 42m8.2-23.1c-16.1 0-26.4-7.8-26.4-19.6c0-12.3 9.9-19.4 28.8-20.5l33.6-2.1v11c0 18.2-15.5 31.2-36 31.2m102.5 74.6c29.5 0 43.4-11.3 55.5-45.4L640 257h-30.8l-35.6 115.1h-.6L537.4 257h-31.6L557 398.9l-2.8 8.6c-4.6 14.6-12.1 20.3-25.5 20.3c-2.4 0-7-.3-8.9-.5v23.4c1.8.4 9.3.7 11.6.7"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M116.9 222.5c-7.5 8.9-19.5 15.9-31.5 14.9c-1.5-12 4.4-24.8 11.3-32.6c7.5-9.1 20.6-15.6 31.3-16.1c1.2 12.4-3.7 24.7-11.1 33.8m10.9 17.2c-17.4-1-32.3 9.9-40.5 9.9c-8.4 0-21-9.4-34.8-9.1c-17.9.3-34.5 10.4-43.6 26.5c-18.8 32.3-4.9 80 13.3 106.3c8.9 13 19.5 27.3 33.5 26.8c13.3-.5 18.5-8.6 34.5-8.6c16.1 0 20.8 8.6 34.8 8.4c14.5-.3 23.6-13 32.5-26c10.1-14.8 14.3-29.1 14.5-29.9c-.3-.3-28-10.9-28.3-42.9c-.3-26.8 21.9-39.5 22.9-40.3c-12.5-18.6-32-20.6-38.8-21.1m100.4-36.2v194.9h30.3v-66.6h41.9c38.3 0 65.1-26.3 65.1-64.3s-26.4-64-64.1-64zm30.3 25.5h34.9c26.3 0 41.3 14 41.3 38.6s-15 38.8-41.4 38.8h-34.8zm162.2 170.9c19 0 36.6-9.6 44.6-24.9h.6v23.4h28v-97c0-28.1-22.5-46.3-57.1-46.3c-32.1 0-55.9 18.4-56.8 43.6h27.3c2.3-12 13.4-19.9 28.6-19.9c18.5 0 28.9 8.6 28.9 24.5v10.8l-37.8 2.3c-35.1 2.1-54.1 16.5-54.1 41.5c.1 25.2 19.7 42 47.8 42m8.2-23.1c-16.1 0-26.4-7.8-26.4-19.6c0-12.3 9.9-19.4 28.8-20.5l33.6-2.1v11c0 18.2-15.5 31.2-36 31.2m102.5 74.6c29.5 0 43.4-11.3 55.5-45.4L640 257h-30.8l-35.6 115.1h-.6L537.4 257h-31.6L557 398.9l-2.8 8.6c-4.6 14.6-12.1 20.3-25.5 20.3c-2.4 0-7-.3-8.9-.5v23.4c1.8.4 9.3.7 11.6.7"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M116.9%20222.5c-7.5%208.9-19.5%2015.9-31.5%2014.9c-1.5-12%204.4-24.8%2011.3-32.6c7.5-9.1%2020.6-15.6%2031.3-16.1c1.2%2012.4-3.7%2024.7-11.1%2033.8m10.9%2017.2c-17.4-1-32.3%209.9-40.5%209.9c-8.4%200-21-9.4-34.8-9.1c-17.9.3-34.5%2010.4-43.6%2026.5c-18.8%2032.3-4.9%2080%2013.3%20106.3c8.9%2013%2019.5%2027.3%2033.5%2026.8c13.3-.5%2018.5-8.6%2034.5-8.6c16.1%200%2020.8%208.6%2034.8%208.4c14.5-.3%2023.6-13%2032.5-26c10.1-14.8%2014.3-29.1%2014.5-29.9c-.3-.3-28-10.9-28.3-42.9c-.3-26.8%2021.9-39.5%2022.9-40.3c-12.5-18.6-32-20.6-38.8-21.1m100.4-36.2v194.9h30.3v-66.6h41.9c38.3%200%2065.1-26.3%2065.1-64.3s-26.4-64-64.1-64zm30.3%2025.5h34.9c26.3%200%2041.3%2014%2041.3%2038.6s-15%2038.8-41.4%2038.8h-34.8zm162.2%20170.9c19%200%2036.6-9.6%2044.6-24.9h.6v23.4h28v-97c0-28.1-22.5-46.3-57.1-46.3c-32.1%200-55.9%2018.4-56.8%2043.6h27.3c2.3-12%2013.4-19.9%2028.6-19.9c18.5%200%2028.9%208.6%2028.9%2024.5v10.8l-37.8%202.3c-35.1%202.1-54.1%2016.5-54.1%2041.5c.1%2025.2%2019.7%2042%2047.8%2042m8.2-23.1c-16.1%200-26.4-7.8-26.4-19.6c0-12.3%209.9-19.4%2028.8-20.5l33.6-2.1v11c0%2018.2-15.5%2031.2-36%2031.2m102.5%2074.6c29.5%200%2043.4-11.3%2055.5-45.4L640%20257h-30.8l-35.6%20115.1h-.6L537.4%20257h-31.6L557%20398.9l-2.8%208.6c-4.6%2014.6-12.1%2020.3-25.5%2020.3c-2.4%200-7-.3-8.9-.5v23.4c1.8.4%209.3.7%2011.6.7%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M116.9%20222.5c-7.5%208.9-19.5%2015.9-31.5%2014.9c-1.5-12%204.4-24.8%2011.3-32.6c7.5-9.1%2020.6-15.6%2031.3-16.1c1.2%2012.4-3.7%2024.7-11.1%2033.8m10.9%2017.2c-17.4-1-32.3%209.9-40.5%209.9c-8.4%200-21-9.4-34.8-9.1c-17.9.3-34.5%2010.4-43.6%2026.5c-18.8%2032.3-4.9%2080%2013.3%20106.3c8.9%2013%2019.5%2027.3%2033.5%2026.8c13.3-.5%2018.5-8.6%2034.5-8.6c16.1%200%2020.8%208.6%2034.8%208.4c14.5-.3%2023.6-13%2032.5-26c10.1-14.8%2014.3-29.1%2014.5-29.9c-.3-.3-28-10.9-28.3-42.9c-.3-26.8%2021.9-39.5%2022.9-40.3c-12.5-18.6-32-20.6-38.8-21.1m100.4-36.2v194.9h30.3v-66.6h41.9c38.3%200%2065.1-26.3%2065.1-64.3s-26.4-64-64.1-64zm30.3%2025.5h34.9c26.3%200%2041.3%2014%2041.3%2038.6s-15%2038.8-41.4%2038.8h-34.8zm162.2%20170.9c19%200%2036.6-9.6%2044.6-24.9h.6v23.4h28v-97c0-28.1-22.5-46.3-57.1-46.3c-32.1%200-55.9%2018.4-56.8%2043.6h27.3c2.3-12%2013.4-19.9%2028.6-19.9c18.5%200%2028.9%208.6%2028.9%2024.5v10.8l-37.8%202.3c-35.1%202.1-54.1%2016.5-54.1%2041.5c.1%2025.2%2019.7%2042%2047.8%2042m8.2-23.1c-16.1%200-26.4-7.8-26.4-19.6c0-12.3%209.9-19.4%2028.8-20.5l33.6-2.1v11c0%2018.2-15.5%2031.2-36%2031.2m102.5%2074.6c29.5%200%2043.4-11.3%2055.5-45.4L640%20257h-30.8l-35.6%20115.1h-.6L537.4%20257h-31.6L557%20398.9l-2.8%208.6c-4.6%2014.6-12.1%2020.3-25.5%2020.3c-2.4%200-7-.3-8.9-.5v23.4c1.8.4%209.3.7%2011.6.7%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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