apple pay icon
apple-pay from Line Awesome by Icons8 · Line · Payments & Shopping · Apache-2.0 Free for personal and commercial use.
- Name
- apple-pay
- Set
- Line Awesome
- Style
- Line
- Category
- Payments & Shopping
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More payments & shopping icons from Line Awesome
Use the apple pay icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8.828 9c-.585 0-1.263.335-1.691.83c-.336.41-.698 1.049-.567 1.69c.603.073 1.256-.3 1.63-.793A2.34 2.34 0 0 0 8.827 9zm-4.03 2.66C3.215 11.66 2 13.037 2 15.027C2 17.627 3.825 20 4.953 20c.69 0 .946-.451 1.848-.451c.839 0 1.1.451 1.828.451c1.35 0 2.47-2.755 2.512-2.928c-.222-.098-1.524-.723-1.524-2.209c0-1.434 1.188-2.08 1.238-2.111c-.646-.976-1.69-1.092-2.082-1.092c-.907 0-1.71.494-2.138.494c-.448 0-1.102-.494-1.836-.494zM13 12v8h2v-3h.5c.98 0 1.674-.667 2.082-1.5H18v-1c0-1.37-1.13-2.5-2.5-2.5zm7.223 0L18 18.842V20h2v-.842l.05-.158h1.9l.05.158V20h2v-1.158L21.777 12zM24 12v1.297l2 3.076V20h2v-3.627l2-3.076V12h-2v.703l-1 1.54l-1-1.54V12zm-9 2h.5c.287 0 .5.213.5.5s-.213.5-.5.5H15zm6 2.08l.299.92H20.7l.299-.92z"/></svg>
React
import type { SVGProps } from "react";
export function LaApplePay(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8.828 9c-.585 0-1.263.335-1.691.83c-.336.41-.698 1.049-.567 1.69c.603.073 1.256-.3 1.63-.793A2.34 2.34 0 0 0 8.827 9zm-4.03 2.66C3.215 11.66 2 13.037 2 15.027C2 17.627 3.825 20 4.953 20c.69 0 .946-.451 1.848-.451c.839 0 1.1.451 1.828.451c1.35 0 2.47-2.755 2.512-2.928c-.222-.098-1.524-.723-1.524-2.209c0-1.434 1.188-2.08 1.238-2.111c-.646-.976-1.69-1.092-2.082-1.092c-.907 0-1.71.494-2.138.494c-.448 0-1.102-.494-1.836-.494zM13 12v8h2v-3h.5c.98 0 1.674-.667 2.082-1.5H18v-1c0-1.37-1.13-2.5-2.5-2.5zm7.223 0L18 18.842V20h2v-.842l.05-.158h1.9l.05.158V20h2v-1.158L21.777 12zM24 12v1.297l2 3.076V20h2v-3.627l2-3.076V12h-2v.703l-1 1.54l-1-1.54V12zm-9 2h.5c.287 0 .5.213.5.5s-.213.5-.5.5H15zm6 2.08l.299.92H20.7l.299-.92z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8.828 9c-.585 0-1.263.335-1.691.83c-.336.41-.698 1.049-.567 1.69c.603.073 1.256-.3 1.63-.793A2.34 2.34 0 0 0 8.827 9zm-4.03 2.66C3.215 11.66 2 13.037 2 15.027C2 17.627 3.825 20 4.953 20c.69 0 .946-.451 1.848-.451c.839 0 1.1.451 1.828.451c1.35 0 2.47-2.755 2.512-2.928c-.222-.098-1.524-.723-1.524-2.209c0-1.434 1.188-2.08 1.238-2.111c-.646-.976-1.69-1.092-2.082-1.092c-.907 0-1.71.494-2.138.494c-.448 0-1.102-.494-1.836-.494zM13 12v8h2v-3h.5c.98 0 1.674-.667 2.082-1.5H18v-1c0-1.37-1.13-2.5-2.5-2.5zm7.223 0L18 18.842V20h2v-.842l.05-.158h1.9l.05.158V20h2v-1.158L21.777 12zM24 12v1.297l2 3.076V20h2v-3.627l2-3.076V12h-2v.703l-1 1.54l-1-1.54V12zm-9 2h.5c.287 0 .5.213.5.5s-.213.5-.5.5H15zm6 2.08l.299.92H20.7l.299-.92z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.828%209c-.585%200-1.263.335-1.691.83c-.336.41-.698%201.049-.567%201.69c.603.073%201.256-.3%201.63-.793A2.34%202.34%200%200%200%208.827%209zm-4.03%202.66C3.215%2011.66%202%2013.037%202%2015.027C2%2017.627%203.825%2020%204.953%2020c.69%200%20.946-.451%201.848-.451c.839%200%201.1.451%201.828.451c1.35%200%202.47-2.755%202.512-2.928c-.222-.098-1.524-.723-1.524-2.209c0-1.434%201.188-2.08%201.238-2.111c-.646-.976-1.69-1.092-2.082-1.092c-.907%200-1.71.494-2.138.494c-.448%200-1.102-.494-1.836-.494zM13%2012v8h2v-3h.5c.98%200%201.674-.667%202.082-1.5H18v-1c0-1.37-1.13-2.5-2.5-2.5zm7.223%200L18%2018.842V20h2v-.842l.05-.158h1.9l.05.158V20h2v-1.158L21.777%2012zM24%2012v1.297l2%203.076V20h2v-3.627l2-3.076V12h-2v.703l-1%201.54l-1-1.54V12zm-9%202h.5c.287%200%20.5.213.5.5s-.213.5-.5.5H15zm6%202.08l.299.92H20.7l.299-.92z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.828%209c-.585%200-1.263.335-1.691.83c-.336.41-.698%201.049-.567%201.69c.603.073%201.256-.3%201.63-.793A2.34%202.34%200%200%200%208.827%209zm-4.03%202.66C3.215%2011.66%202%2013.037%202%2015.027C2%2017.627%203.825%2020%204.953%2020c.69%200%20.946-.451%201.848-.451c.839%200%201.1.451%201.828.451c1.35%200%202.47-2.755%202.512-2.928c-.222-.098-1.524-.723-1.524-2.209c0-1.434%201.188-2.08%201.238-2.111c-.646-.976-1.69-1.092-2.082-1.092c-.907%200-1.71.494-2.138.494c-.448%200-1.102-.494-1.836-.494zM13%2012v8h2v-3h.5c.98%200%201.674-.667%202.082-1.5H18v-1c0-1.37-1.13-2.5-2.5-2.5zm7.223%200L18%2018.842V20h2v-.842l.05-.158h1.9l.05.158V20h2v-1.158L21.777%2012zM24%2012v1.297l2%203.076V20h2v-3.627l2-3.076V12h-2v.703l-1%201.54l-1-1.54V12zm-9%202h.5c.287%200%20.5.213.5.5s-.213.5-.5.5H15zm6%202.08l.299.92H20.7l.299-.92z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/apple-pay.svg?color=%231a73e8&size=48
