logo alipay icon

logo-alipay-filled from TDesign Icons by TDesign · Filled · MIT Free for personal and commercial use.

Name
logo-alipay-filled
Set
TDesign Icons
Style
Filled
Viewbox
24×24
License
MIT

1 other variant in TDesign Icons

The same icon in other sets

Related icons in TDesign Icons

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="M1.592 4.993v14.014c0 1.824 1.492 3.304 3.335 3.304h14.147c1.842 0 3.333-1.48 3.333-3.304v-.143c-.061-.026-5.41-2.236-8.127-3.53c-1.834 2.235-4.2 3.591-6.655 3.591c-4.153 0-5.563-3.6-3.597-5.97c.43-.517 1.158-1.01 2.29-1.287c1.771-.43 4.59.27 7.23 1.133a14.3 14.3 0 0 0 1.173-2.84H6.58v-.816h4.197V7.681H5.695v-.817h5.083v-2.09s0-.351.36-.351h2.052v2.44h5.025v.818H13.19v1.464h4.102a16.5 16.5 0 0 1-1.737 4.347q.664.238 1.27.46c.732.268 1.388.507 1.926.686c2.778.92 3.556 1.033 3.657 1.045V4.993c0-1.825-1.492-3.304-3.334-3.304H4.927c-1.843 0-3.335 1.479-3.335 3.304"/><path fill="currentColor" d="M6.672 12.891q.27-.026.537-.03c1.723-.019 3.364.664 5.269 1.585c-1.478 1.909-3.358 3.101-5.24 3.101c-3.239 0-4.196-2.527-2.596-3.909c.533-.468 1.51-.695 2.03-.747"/></svg>

React

import type { SVGProps } from "react";

export function TdesignLogoAlipayFilled(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="M1.592 4.993v14.014c0 1.824 1.492 3.304 3.335 3.304h14.147c1.842 0 3.333-1.48 3.333-3.304v-.143c-.061-.026-5.41-2.236-8.127-3.53c-1.834 2.235-4.2 3.591-6.655 3.591c-4.153 0-5.563-3.6-3.597-5.97c.43-.517 1.158-1.01 2.29-1.287c1.771-.43 4.59.27 7.23 1.133a14.3 14.3 0 0 0 1.173-2.84H6.58v-.816h4.197V7.681H5.695v-.817h5.083v-2.09s0-.351.36-.351h2.052v2.44h5.025v.818H13.19v1.464h4.102a16.5 16.5 0 0 1-1.737 4.347q.664.238 1.27.46c.732.268 1.388.507 1.926.686c2.778.92 3.556 1.033 3.657 1.045V4.993c0-1.825-1.492-3.304-3.334-3.304H4.927c-1.843 0-3.335 1.479-3.335 3.304"/><path fill="currentColor" d="M6.672 12.891q.27-.026.537-.03c1.723-.019 3.364.664 5.269 1.585c-1.478 1.909-3.358 3.101-5.24 3.101c-3.239 0-4.196-2.527-2.596-3.909c.533-.468 1.51-.695 2.03-.747"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.592 4.993v14.014c0 1.824 1.492 3.304 3.335 3.304h14.147c1.842 0 3.333-1.48 3.333-3.304v-.143c-.061-.026-5.41-2.236-8.127-3.53c-1.834 2.235-4.2 3.591-6.655 3.591c-4.153 0-5.563-3.6-3.597-5.97c.43-.517 1.158-1.01 2.29-1.287c1.771-.43 4.59.27 7.23 1.133a14.3 14.3 0 0 0 1.173-2.84H6.58v-.816h4.197V7.681H5.695v-.817h5.083v-2.09s0-.351.36-.351h2.052v2.44h5.025v.818H13.19v1.464h4.102a16.5 16.5 0 0 1-1.737 4.347q.664.238 1.27.46c.732.268 1.388.507 1.926.686c2.778.92 3.556 1.033 3.657 1.045V4.993c0-1.825-1.492-3.304-3.334-3.304H4.927c-1.843 0-3.335 1.479-3.335 3.304"/><path fill="currentColor" d="M6.672 12.891q.27-.026.537-.03c1.723-.019 3.364.664 5.269 1.585c-1.478 1.909-3.358 3.101-5.24 3.101c-3.239 0-4.196-2.527-2.596-3.909c.533-.468 1.51-.695 2.03-.747"/></svg>
</template>

CSS

.icon-logo-alipay-filled {
  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%22M1.592%204.993v14.014c0%201.824%201.492%203.304%203.335%203.304h14.147c1.842%200%203.333-1.48%203.333-3.304v-.143c-.061-.026-5.41-2.236-8.127-3.53c-1.834%202.235-4.2%203.591-6.655%203.591c-4.153%200-5.563-3.6-3.597-5.97c.43-.517%201.158-1.01%202.29-1.287c1.771-.43%204.59.27%207.23%201.133a14.3%2014.3%200%200%200%201.173-2.84H6.58v-.816h4.197V7.681H5.695v-.817h5.083v-2.09s0-.351.36-.351h2.052v2.44h5.025v.818H13.19v1.464h4.102a16.5%2016.5%200%200%201-1.737%204.347q.664.238%201.27.46c.732.268%201.388.507%201.926.686c2.778.92%203.556%201.033%203.657%201.045V4.993c0-1.825-1.492-3.304-3.334-3.304H4.927c-1.843%200-3.335%201.479-3.335%203.304%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.672%2012.891q.27-.026.537-.03c1.723-.019%203.364.664%205.269%201.585c-1.478%201.909-3.358%203.101-5.24%203.101c-3.239%200-4.196-2.527-2.596-3.909c.533-.468%201.51-.695%202.03-.747%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%22M1.592%204.993v14.014c0%201.824%201.492%203.304%203.335%203.304h14.147c1.842%200%203.333-1.48%203.333-3.304v-.143c-.061-.026-5.41-2.236-8.127-3.53c-1.834%202.235-4.2%203.591-6.655%203.591c-4.153%200-5.563-3.6-3.597-5.97c.43-.517%201.158-1.01%202.29-1.287c1.771-.43%204.59.27%207.23%201.133a14.3%2014.3%200%200%200%201.173-2.84H6.58v-.816h4.197V7.681H5.695v-.817h5.083v-2.09s0-.351.36-.351h2.052v2.44h5.025v.818H13.19v1.464h4.102a16.5%2016.5%200%200%201-1.737%204.347q.664.238%201.27.46c.732.268%201.388.507%201.926.686c2.778.92%203.556%201.033%203.657%201.045V4.993c0-1.825-1.492-3.304-3.334-3.304H4.927c-1.843%200-3.335%201.479-3.335%203.304%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.672%2012.891q.27-.026.537-.03c1.723-.019%203.364.664%205.269%201.585c-1.478%201.909-3.358%203.101-5.24%203.101c-3.239%200-4.196-2.527-2.596-3.909c.533-.468%201.51-.695%202.03-.747%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tdesign/logo-alipay-filled.svg?color=%231a73e8&size=48