alipay logo
alipay from Font Awesome 6 Brands by Dave Gandy · Regular · Payments & Shopping · CC-BY-4.0 Attribution required.
- Name
- alipay
- Set
- Font Awesome 6 Brands
- Style
- Regular
- Category
- Payments & Shopping
- Viewbox
- 448×512
- License
- CC BY 4.0
The same logo in other sets
More payments & shopping icons from Font Awesome 6 Brands
Use the alipay logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M377.74 32H70.26C31.41 32 0 63.41 0 102.26v307.48C0 448.59 31.41 480 70.26 480h307.48c38.52 0 69.76-31.08 70.26-69.6c-45.96-25.62-110.59-60.34-171.6-88.44c-32.07 43.97-84.14 81-148.62 81c-70.59 0-93.73-45.3-97.04-76.37c-3.97-39.01 14.88-81.5 99.52-81.5c35.38 0 79.35 10.25 127.13 24.96c16.53-30.09 26.45-60.34 26.45-60.34h-178.2v-16.7h92.08v-31.24H88.28v-19.01h109.44V92.34h50.92v50.42h109.44v19.01H248.63v31.24h88.77s-15.21 46.62-38.35 90.92c48.93 16.7 100.01 36.04 148.62 52.74V102.26C447.83 63.57 416.43 32 377.74 32M47.28 322.95c.99 20.17 10.25 53.73 69.93 53.73c52.07 0 92.58-39.68 117.87-72.9c-44.63-18.68-84.48-31.41-109.44-31.41c-67.45 0-79.35 33.06-78.36 50.58"/></svg>
React
import type { SVGProps } from "react";
export function Fa6BrandsAlipay(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M377.74 32H70.26C31.41 32 0 63.41 0 102.26v307.48C0 448.59 31.41 480 70.26 480h307.48c38.52 0 69.76-31.08 70.26-69.6c-45.96-25.62-110.59-60.34-171.6-88.44c-32.07 43.97-84.14 81-148.62 81c-70.59 0-93.73-45.3-97.04-76.37c-3.97-39.01 14.88-81.5 99.52-81.5c35.38 0 79.35 10.25 127.13 24.96c16.53-30.09 26.45-60.34 26.45-60.34h-178.2v-16.7h92.08v-31.24H88.28v-19.01h109.44V92.34h50.92v50.42h109.44v19.01H248.63v31.24h88.77s-15.21 46.62-38.35 90.92c48.93 16.7 100.01 36.04 148.62 52.74V102.26C447.83 63.57 416.43 32 377.74 32M47.28 322.95c.99 20.17 10.25 53.73 69.93 53.73c52.07 0 92.58-39.68 117.87-72.9c-44.63-18.68-84.48-31.41-109.44-31.41c-67.45 0-79.35 33.06-78.36 50.58"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M377.74 32H70.26C31.41 32 0 63.41 0 102.26v307.48C0 448.59 31.41 480 70.26 480h307.48c38.52 0 69.76-31.08 70.26-69.6c-45.96-25.62-110.59-60.34-171.6-88.44c-32.07 43.97-84.14 81-148.62 81c-70.59 0-93.73-45.3-97.04-76.37c-3.97-39.01 14.88-81.5 99.52-81.5c35.38 0 79.35 10.25 127.13 24.96c16.53-30.09 26.45-60.34 26.45-60.34h-178.2v-16.7h92.08v-31.24H88.28v-19.01h109.44V92.34h50.92v50.42h109.44v19.01H248.63v31.24h88.77s-15.21 46.62-38.35 90.92c48.93 16.7 100.01 36.04 148.62 52.74V102.26C447.83 63.57 416.43 32 377.74 32M47.28 322.95c.99 20.17 10.25 53.73 69.93 53.73c52.07 0 92.58-39.68 117.87-72.9c-44.63-18.68-84.48-31.41-109.44-31.41c-67.45 0-79.35 33.06-78.36 50.58"/></svg> </template>
CSS
.icon-alipay {
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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M377.74%2032H70.26C31.41%2032%200%2063.41%200%20102.26v307.48C0%20448.59%2031.41%20480%2070.26%20480h307.48c38.52%200%2069.76-31.08%2070.26-69.6c-45.96-25.62-110.59-60.34-171.6-88.44c-32.07%2043.97-84.14%2081-148.62%2081c-70.59%200-93.73-45.3-97.04-76.37c-3.97-39.01%2014.88-81.5%2099.52-81.5c35.38%200%2079.35%2010.25%20127.13%2024.96c16.53-30.09%2026.45-60.34%2026.45-60.34h-178.2v-16.7h92.08v-31.24H88.28v-19.01h109.44V92.34h50.92v50.42h109.44v19.01H248.63v31.24h88.77s-15.21%2046.62-38.35%2090.92c48.93%2016.7%20100.01%2036.04%20148.62%2052.74V102.26C447.83%2063.57%20416.43%2032%20377.74%2032M47.28%20322.95c.99%2020.17%2010.25%2053.73%2069.93%2053.73c52.07%200%2092.58-39.68%20117.87-72.9c-44.63-18.68-84.48-31.41-109.44-31.41c-67.45%200-79.35%2033.06-78.36%2050.58%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M377.74%2032H70.26C31.41%2032%200%2063.41%200%20102.26v307.48C0%20448.59%2031.41%20480%2070.26%20480h307.48c38.52%200%2069.76-31.08%2070.26-69.6c-45.96-25.62-110.59-60.34-171.6-88.44c-32.07%2043.97-84.14%2081-148.62%2081c-70.59%200-93.73-45.3-97.04-76.37c-3.97-39.01%2014.88-81.5%2099.52-81.5c35.38%200%2079.35%2010.25%20127.13%2024.96c16.53-30.09%2026.45-60.34%2026.45-60.34h-178.2v-16.7h92.08v-31.24H88.28v-19.01h109.44V92.34h50.92v50.42h109.44v19.01H248.63v31.24h88.77s-15.21%2046.62-38.35%2090.92c48.93%2016.7%20100.01%2036.04%20148.62%2052.74V102.26C447.83%2063.57%20416.43%2032%20377.74%2032M47.28%20322.95c.99%2020.17%2010.25%2053.73%2069.93%2053.73c52.07%200%2092.58-39.68%20117.87-72.9c-44.63-18.68-84.48-31.41-109.44-31.41c-67.45%200-79.35%2033.06-78.36%2050.58%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-brands/alipay.svg?color=%231a73e8&size=48
