logo alipay icon
logo-alipay from TDesign Icons by TDesign · Outline · MIT Free for personal and commercial use.
- Name
- logo-alipay
- Set
- TDesign Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
1 other variant in TDesign Icons
The same icon in other sets
Related icons in TDesign Icons
logo-adobe-illustratelogo-adobe-lightroomlogo-adobe-photoshoplogo-androidlogo-applelogo-behancelogo-chromelogo-cinema4dlogo-cnblogo-codepenlogo-codesandboxlogo-codesignlogo-dribbblelogo-facebooklogo-figmalogo-framerlogo-githublogo-gitlablogo-hiflowlogo-ielogo-instagramlogo-iwikilogo-markdownlogo-miniprogram
Use the logo alipay icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.5 2h2v2.788h7.002v2H12.5v1.857h5.264l-.198 1.168c-.261 1.536-.978 3.154-1.949 4.656c1.295.447 2.573.92 3.793 1.372l.233.086c1.576.583 3.044 1.122 4.357 1.534v3.828l-.436-.22l-.06-.029a65 65 0 0 0-.84-.415a167 167 0 0 0-2.368-1.132a138 138 0 0 0-6.367-2.805c-1.026 1.156-2.2 2.191-3.428 2.974c-1.321.842-2.768 1.432-4.198 1.506q-.15.008-.303.008c-1.828 0-3.268-.485-4.25-1.342C.758 18.967.315 17.786.4 16.61c.168-2.367 2.373-4.396 5.63-4.304c2.248.063 4.704.624 7.128 1.36c.6-.998 1.073-2.033 1.377-3.022H5.5v-2h5V6.788h-7v-2h7zM5.972 14.306c-2.387-.067-3.5 1.339-3.578 2.447c-.04.561.16 1.128.672 1.574c.522.455 1.445.849 2.934.849c1.73 0 3.733-1.226 5.477-3.206l.153-.178c-2.223-.822-4.174-1.397-5.386-1.476z"/></svg>
React
import type { SVGProps } from "react";
export function TdesignLogoAlipay(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.5 2h2v2.788h7.002v2H12.5v1.857h5.264l-.198 1.168c-.261 1.536-.978 3.154-1.949 4.656c1.295.447 2.573.92 3.793 1.372l.233.086c1.576.583 3.044 1.122 4.357 1.534v3.828l-.436-.22l-.06-.029a65 65 0 0 0-.84-.415a167 167 0 0 0-2.368-1.132a138 138 0 0 0-6.367-2.805c-1.026 1.156-2.2 2.191-3.428 2.974c-1.321.842-2.768 1.432-4.198 1.506q-.15.008-.303.008c-1.828 0-3.268-.485-4.25-1.342C.758 18.967.315 17.786.4 16.61c.168-2.367 2.373-4.396 5.63-4.304c2.248.063 4.704.624 7.128 1.36c.6-.998 1.073-2.033 1.377-3.022H5.5v-2h5V6.788h-7v-2h7zM5.972 14.306c-2.387-.067-3.5 1.339-3.578 2.447c-.04.561.16 1.128.672 1.574c.522.455 1.445.849 2.934.849c1.73 0 3.733-1.226 5.477-3.206l.153-.178c-2.223-.822-4.174-1.397-5.386-1.476z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.5 2h2v2.788h7.002v2H12.5v1.857h5.264l-.198 1.168c-.261 1.536-.978 3.154-1.949 4.656c1.295.447 2.573.92 3.793 1.372l.233.086c1.576.583 3.044 1.122 4.357 1.534v3.828l-.436-.22l-.06-.029a65 65 0 0 0-.84-.415a167 167 0 0 0-2.368-1.132a138 138 0 0 0-6.367-2.805c-1.026 1.156-2.2 2.191-3.428 2.974c-1.321.842-2.768 1.432-4.198 1.506q-.15.008-.303.008c-1.828 0-3.268-.485-4.25-1.342C.758 18.967.315 17.786.4 16.61c.168-2.367 2.373-4.396 5.63-4.304c2.248.063 4.704.624 7.128 1.36c.6-.998 1.073-2.033 1.377-3.022H5.5v-2h5V6.788h-7v-2h7zM5.972 14.306c-2.387-.067-3.5 1.339-3.578 2.447c-.04.561.16 1.128.672 1.574c.522.455 1.445.849 2.934.849c1.73 0 3.733-1.226 5.477-3.206l.153-.178c-2.223-.822-4.174-1.397-5.386-1.476z"/></svg> </template>
CSS
.icon-logo-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.5%202h2v2.788h7.002v2H12.5v1.857h5.264l-.198%201.168c-.261%201.536-.978%203.154-1.949%204.656c1.295.447%202.573.92%203.793%201.372l.233.086c1.576.583%203.044%201.122%204.357%201.534v3.828l-.436-.22l-.06-.029a65%2065%200%200%200-.84-.415a167%20167%200%200%200-2.368-1.132a138%20138%200%200%200-6.367-2.805c-1.026%201.156-2.2%202.191-3.428%202.974c-1.321.842-2.768%201.432-4.198%201.506q-.15.008-.303.008c-1.828%200-3.268-.485-4.25-1.342C.758%2018.967.315%2017.786.4%2016.61c.168-2.367%202.373-4.396%205.63-4.304c2.248.063%204.704.624%207.128%201.36c.6-.998%201.073-2.033%201.377-3.022H5.5v-2h5V6.788h-7v-2h7zM5.972%2014.306c-2.387-.067-3.5%201.339-3.578%202.447c-.04.561.16%201.128.672%201.574c.522.455%201.445.849%202.934.849c1.73%200%203.733-1.226%205.477-3.206l.153-.178c-2.223-.822-4.174-1.397-5.386-1.476z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.5%202h2v2.788h7.002v2H12.5v1.857h5.264l-.198%201.168c-.261%201.536-.978%203.154-1.949%204.656c1.295.447%202.573.92%203.793%201.372l.233.086c1.576.583%203.044%201.122%204.357%201.534v3.828l-.436-.22l-.06-.029a65%2065%200%200%200-.84-.415a167%20167%200%200%200-2.368-1.132a138%20138%200%200%200-6.367-2.805c-1.026%201.156-2.2%202.191-3.428%202.974c-1.321.842-2.768%201.432-4.198%201.506q-.15.008-.303.008c-1.828%200-3.268-.485-4.25-1.342C.758%2018.967.315%2017.786.4%2016.61c.168-2.367%202.373-4.396%205.63-4.304c2.248.063%204.704.624%207.128%201.36c.6-.998%201.073-2.033%201.377-3.022H5.5v-2h5V6.788h-7v-2h7zM5.972%2014.306c-2.387-.067-3.5%201.339-3.578%202.447c-.04.561.16%201.128.672%201.574c.522.455%201.445.849%202.934.849c1.73%200%203.733-1.226%205.477-3.206l.153-.178c-2.223-.822-4.174-1.397-5.386-1.476z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tdesign/logo-alipay.svg?color=%231a73e8&size=48
