alipay icon

alipay-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.

Name: alipay-fill
Set: MingCute Icon
Style: Fill
Viewbox: 24×24
License: Apache 2.0

1 other variant in MingCute Icon

The same icon in other sets

alipay-outlinedAnt Design Icons alipayBootstrap Icons alipayCoreUI Brands alipayFont Awesome 6 Brands alipayFont Awesome Brands alipayIconPark alipayIconPark Outline alipayLine Awesome alipay-fillRemix Icon alipaySimple Icons

Use the alipay icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2c5.523 0 10 4.477 10 10c0 1.65-.403 3.204-1.11 4.576l-.943-.47l-.033-.016l-1.907-.881c-1.24-.58-2.325-1.097-3.281-1.532a25 25 0 0 0 1.213-2.835A1 1 0 0 0 15 9.5h-2V9h3a1 1 0 1 0 0-2h-3V6a1 1 0 1 0-2 0v1H8a1 1 0 0 0 0 2h3v.5H9a1 1 0 0 0 0 2h4.534c-.22.518-.437.976-.65 1.384C11.493 12.334 10.268 12 9 12c-1.52 0-3 1.316-3 3c0 1.82 1.632 3 3.5 3c1.02 0 2.148-.359 3.27-1.48q.465-.466.925-1.115c1.417.64 3.107 1.466 5.366 2.493l.731.366A9.98 9.98 0 0 1 12 22C6.477 22 2 17.523 2 12S6.477 2 12 2M9 14c.826 0 1.686.196 2.795.61q-.226.283-.44.495C10.603 15.86 9.98 16 9.5 16C8.368 16 8 15.38 8 15c0-.516.52-1 1-1"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteAlipayFill(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="M12 2c5.523 0 10 4.477 10 10c0 1.65-.403 3.204-1.11 4.576l-.943-.47l-.033-.016l-1.907-.881c-1.24-.58-2.325-1.097-3.281-1.532a25 25 0 0 0 1.213-2.835A1 1 0 0 0 15 9.5h-2V9h3a1 1 0 1 0 0-2h-3V6a1 1 0 1 0-2 0v1H8a1 1 0 0 0 0 2h3v.5H9a1 1 0 0 0 0 2h4.534c-.22.518-.437.976-.65 1.384C11.493 12.334 10.268 12 9 12c-1.52 0-3 1.316-3 3c0 1.82 1.632 3 3.5 3c1.02 0 2.148-.359 3.27-1.48q.465-.466.925-1.115c1.417.64 3.107 1.466 5.366 2.493l.731.366A9.98 9.98 0 0 1 12 22C6.477 22 2 17.523 2 12S6.477 2 12 2M9 14c.826 0 1.686.196 2.795.61q-.226.283-.44.495C10.603 15.86 9.98 16 9.5 16C8.368 16 8 15.38 8 15c0-.516.52-1 1-1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2c5.523 0 10 4.477 10 10c0 1.65-.403 3.204-1.11 4.576l-.943-.47l-.033-.016l-1.907-.881c-1.24-.58-2.325-1.097-3.281-1.532a25 25 0 0 0 1.213-2.835A1 1 0 0 0 15 9.5h-2V9h3a1 1 0 1 0 0-2h-3V6a1 1 0 1 0-2 0v1H8a1 1 0 0 0 0 2h3v.5H9a1 1 0 0 0 0 2h4.534c-.22.518-.437.976-.65 1.384C11.493 12.334 10.268 12 9 12c-1.52 0-3 1.316-3 3c0 1.82 1.632 3 3.5 3c1.02 0 2.148-.359 3.27-1.48q.465-.466.925-1.115c1.417.64 3.107 1.466 5.366 2.493l.731.366A9.98 9.98 0 0 1 12 22C6.477 22 2 17.523 2 12S6.477 2 12 2M9 14c.826 0 1.686.196 2.795.61q-.226.283-.44.495C10.603 15.86 9.98 16 9.5 16C8.368 16 8 15.38 8 15c0-.516.52-1 1-1"/></svg>
</template>

CSS

.icon-alipay-fill {
  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%22M12%202c5.523%200%2010%204.477%2010%2010c0%201.65-.403%203.204-1.11%204.576l-.943-.47l-.033-.016l-1.907-.881c-1.24-.58-2.325-1.097-3.281-1.532a25%2025%200%200%200%201.213-2.835A1%201%200%200%200%2015%209.5h-2V9h3a1%201%200%201%200%200-2h-3V6a1%201%200%201%200-2%200v1H8a1%201%200%200%200%200%202h3v.5H9a1%201%200%200%200%200%202h4.534c-.22.518-.437.976-.65%201.384C11.493%2012.334%2010.268%2012%209%2012c-1.52%200-3%201.316-3%203c0%201.82%201.632%203%203.5%203c1.02%200%202.148-.359%203.27-1.48q.465-.466.925-1.115c1.417.64%203.107%201.466%205.366%202.493l.731.366A9.98%209.98%200%200%201%2012%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202M9%2014c.826%200%201.686.196%202.795.61q-.226.283-.44.495C10.603%2015.86%209.98%2016%209.5%2016C8.368%2016%208%2015.38%208%2015c0-.516.52-1%201-1%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%22M12%202c5.523%200%2010%204.477%2010%2010c0%201.65-.403%203.204-1.11%204.576l-.943-.47l-.033-.016l-1.907-.881c-1.24-.58-2.325-1.097-3.281-1.532a25%2025%200%200%200%201.213-2.835A1%201%200%200%200%2015%209.5h-2V9h3a1%201%200%201%200%200-2h-3V6a1%201%200%201%200-2%200v1H8a1%201%200%200%200%200%202h3v.5H9a1%201%200%200%200%200%202h4.534c-.22.518-.437.976-.65%201.384C11.493%2012.334%2010.268%2012%209%2012c-1.52%200-3%201.316-3%203c0%201.82%201.632%203%203.5%203c1.02%200%202.148-.359%203.27-1.48q.465-.466.925-1.115c1.417.64%203.107%201.466%205.366%202.493l.731.366A9.98%209.98%200%200%201%2012%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202M9%2014c.826%200%201.686.196%202.795.61q-.226.283-.44.495C10.603%2015.86%209.98%2016%209.5%2016C8.368%2016%208%2015.38%208%2015c0-.516.52-1%201-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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