alipay icon
alipay from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- alipay
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
The same icon in other sets
Use the alipay icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M2.541 0H13.5a2.55 2.55 0 0 1 2.54 2.563v8.297c-.006 0-.531-.046-2.978-.813c-.412-.14-.916-.327-1.479-.536q-.456-.17-.957-.353a13 13 0 0 0 1.325-3.373H8.822V4.649h3.831v-.634h-3.83V2.121H7.26c-.274 0-.274.273-.274.273v1.621H3.11v.634h3.875v1.136h-3.2v.634H9.99c-.227.789-.532 1.53-.894 2.202c-2.013-.67-4.161-1.212-5.51-.878c-.864.214-1.42.597-1.746.998c-1.499 1.84-.424 4.633 2.741 4.633c1.872 0 3.675-1.053 5.072-2.787c2.08 1.008 6.37 2.738 6.387 2.745v.105A2.55 2.55 0 0 1 13.5 16H2.541A2.55 2.55 0 0 1 0 13.437V2.563A2.55 2.55 0 0 1 2.541 0"/><path d="M2.309 9.27c-1.22 1.073-.49 3.034 1.978 3.034c1.434 0 2.868-.925 3.994-2.406c-1.602-.789-2.959-1.353-4.425-1.207c-.397.04-1.14.217-1.547.58Z"/></g></svg>
React
import type { SVGProps } from "react";
export function BiAlipay(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M2.541 0H13.5a2.55 2.55 0 0 1 2.54 2.563v8.297c-.006 0-.531-.046-2.978-.813c-.412-.14-.916-.327-1.479-.536q-.456-.17-.957-.353a13 13 0 0 0 1.325-3.373H8.822V4.649h3.831v-.634h-3.83V2.121H7.26c-.274 0-.274.273-.274.273v1.621H3.11v.634h3.875v1.136h-3.2v.634H9.99c-.227.789-.532 1.53-.894 2.202c-2.013-.67-4.161-1.212-5.51-.878c-.864.214-1.42.597-1.746.998c-1.499 1.84-.424 4.633 2.741 4.633c1.872 0 3.675-1.053 5.072-2.787c2.08 1.008 6.37 2.738 6.387 2.745v.105A2.55 2.55 0 0 1 13.5 16H2.541A2.55 2.55 0 0 1 0 13.437V2.563A2.55 2.55 0 0 1 2.541 0"/><path d="M2.309 9.27c-1.22 1.073-.49 3.034 1.978 3.034c1.434 0 2.868-.925 3.994-2.406c-1.602-.789-2.959-1.353-4.425-1.207c-.397.04-1.14.217-1.547.58Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M2.541 0H13.5a2.55 2.55 0 0 1 2.54 2.563v8.297c-.006 0-.531-.046-2.978-.813c-.412-.14-.916-.327-1.479-.536q-.456-.17-.957-.353a13 13 0 0 0 1.325-3.373H8.822V4.649h3.831v-.634h-3.83V2.121H7.26c-.274 0-.274.273-.274.273v1.621H3.11v.634h3.875v1.136h-3.2v.634H9.99c-.227.789-.532 1.53-.894 2.202c-2.013-.67-4.161-1.212-5.51-.878c-.864.214-1.42.597-1.746.998c-1.499 1.84-.424 4.633 2.741 4.633c1.872 0 3.675-1.053 5.072-2.787c2.08 1.008 6.37 2.738 6.387 2.745v.105A2.55 2.55 0 0 1 13.5 16H2.541A2.55 2.55 0 0 1 0 13.437V2.563A2.55 2.55 0 0 1 2.541 0"/><path d="M2.309 9.27c-1.22 1.073-.49 3.034 1.978 3.034c1.434 0 2.868-.925 3.994-2.406c-1.602-.789-2.959-1.353-4.425-1.207c-.397.04-1.14.217-1.547.58Z"/></g></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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M2.541%200H13.5a2.55%202.55%200%200%201%202.54%202.563v8.297c-.006%200-.531-.046-2.978-.813c-.412-.14-.916-.327-1.479-.536q-.456-.17-.957-.353a13%2013%200%200%200%201.325-3.373H8.822V4.649h3.831v-.634h-3.83V2.121H7.26c-.274%200-.274.273-.274.273v1.621H3.11v.634h3.875v1.136h-3.2v.634H9.99c-.227.789-.532%201.53-.894%202.202c-2.013-.67-4.161-1.212-5.51-.878c-.864.214-1.42.597-1.746.998c-1.499%201.84-.424%204.633%202.741%204.633c1.872%200%203.675-1.053%205.072-2.787c2.08%201.008%206.37%202.738%206.387%202.745v.105A2.55%202.55%200%200%201%2013.5%2016H2.541A2.55%202.55%200%200%201%200%2013.437V2.563A2.55%202.55%200%200%201%202.541%200%22%2F%3E%3Cpath%20d%3D%22M2.309%209.27c-1.22%201.073-.49%203.034%201.978%203.034c1.434%200%202.868-.925%203.994-2.406c-1.602-.789-2.959-1.353-4.425-1.207c-.397.04-1.14.217-1.547.58Z%22%2F%3E%3C%2Fg%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%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M2.541%200H13.5a2.55%202.55%200%200%201%202.54%202.563v8.297c-.006%200-.531-.046-2.978-.813c-.412-.14-.916-.327-1.479-.536q-.456-.17-.957-.353a13%2013%200%200%200%201.325-3.373H8.822V4.649h3.831v-.634h-3.83V2.121H7.26c-.274%200-.274.273-.274.273v1.621H3.11v.634h3.875v1.136h-3.2v.634H9.99c-.227.789-.532%201.53-.894%202.202c-2.013-.67-4.161-1.212-5.51-.878c-.864.214-1.42.597-1.746.998c-1.499%201.84-.424%204.633%202.741%204.633c1.872%200%203.675-1.053%205.072-2.787c2.08%201.008%206.37%202.738%206.387%202.745v.105A2.55%202.55%200%200%201%2013.5%2016H2.541A2.55%202.55%200%200%201%200%2013.437V2.563A2.55%202.55%200%200%201%202.541%200%22%2F%3E%3Cpath%20d%3D%22M2.309%209.27c-1.22%201.073-.49%203.034%201.978%203.034c1.434%200%202.868-.925%203.994-2.406c-1.602-.789-2.959-1.353-4.425-1.207c-.397.04-1.14.217-1.547.58Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/alipay.svg?color=%231a73e8&size=48
