Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Icons8 Line Awesome · LiaAlipay

Alipay icon

A free alipay icon from Icons8 Line Awesome, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License
MIT license
Project
icons8.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/line-awesome/alipay.json
components/icons/line-awesome-alipay.tsx
import * as React from "react";

/**
 * Alipay from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/alipay. Sized in em, colored by currentColor.
 */
export function LiaAlipayIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 32 32"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path d="M5,5v22h22V5H5z M7,7h18v18H7V7z" />
      <rect width="2" height="5" x="15" y="9" />
      <rect width="11" height="1" x="10" y="11" />
      <polygon points="19.498,14 11,14 11,13 20,13" />
      <path
        d="M18.228,17.21c-0.133-0.096-0.314-0.21-0.307-0.216l-0.027-0.05c-0.017-0.036-0.032-0.075-0.042-0.12 c-0.02-0.092-0.047-0.179-0.077-0.258c-0.071-0.142-0.211-0.165-0.321-0.236c-0.232-0.122-0.467-0.235-0.705-0.342 c-0.473-0.219-0.964-0.393-1.466-0.527c-1.002-0.275-2.035-0.432-3.069-0.46c-0.259-0.007-0.518,0.004-0.776,0.006 c-0.284,0.014-0.576,0.039-0.855,0.12c-0.562,0.145-1.081,0.444-1.486,0.851c-0.847,0.798-1.195,1.992-1.049,3.132 c0.125,1.176,1.035,2.254,2.172,2.641c0.55,0.209,1.196,0.288,1.711,0.231c0.271-0.006,0.541-0.025,0.811-0.077 c0.271-0.038,0.54-0.083,0.803-0.165c1.063-0.271,2.061-0.808,2.869-1.532c0.404-0.362,0.773-0.756,1.103-1.179 c0.156-0.218,0.326-0.427,0.451-0.667c0.059-0.122,0.129-0.237,0.161-0.375c0.017-0.069,0.043-0.132,0.052-0.204l0.014-0.111 c0.006-0.027-0.003-0.018,0.014-0.074C18.255,17.478,18.261,17.321,18.228,17.21z M15.237,18.845c-0.6,0.591-1.308,1.074-2.115,1.4 c-0.2,0.088-0.412,0.141-0.626,0.191c-0.212,0.064-0.431,0.099-0.653,0.123c-0.464,0.086-0.834,0.076-1.233-0.019 c-0.775-0.172-1.457-0.785-1.574-1.605c-0.155-0.814,0.21-1.702,0.839-2.144c0.307-0.232,0.659-0.362,1.011-0.425 c0.178-0.035,0.355-0.03,0.541-0.025l0.683,0.047c0.911,0.085,1.799,0.323,2.675,0.59c0.435,0.144,0.866,0.305,1.293,0.473 c0.091,0.037,0.179,0.08,0.269,0.12c-0.082,0.115-0.163,0.23-0.251,0.342C15.836,18.25,15.533,18.544,15.237,18.845z"
      />
      <polygon points="18.116,16.486 26.66,19.522 25.244,22.178 17.475,17.954" />
      <path
        d="M20,13c-0.161,1.665-0.649,3.286-1.585,4.675l-1.54-0.864c0.735-1.034,1.184-2.413,1.327-3.811H20z"
      />
    </svg>
  );
}
With react-icons
import { LiaAlipay } from "react-icons/lia";

export function Example() {
  return <LiaAlipay className="size-5" />;
}
alipay.svg
<svg
  viewBox="0 0 32 32"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M5,5v22h22V5H5z M7,7h18v18H7V7z" />
  <rect width="2" height="5" x="15" y="9" />
  <rect width="11" height="1" x="10" y="11" />
  <polygon points="19.498,14 11,14 11,13 20,13" />
  <path
    d="M18.228,17.21c-0.133-0.096-0.314-0.21-0.307-0.216l-0.027-0.05c-0.017-0.036-0.032-0.075-0.042-0.12 c-0.02-0.092-0.047-0.179-0.077-0.258c-0.071-0.142-0.211-0.165-0.321-0.236c-0.232-0.122-0.467-0.235-0.705-0.342 c-0.473-0.219-0.964-0.393-1.466-0.527c-1.002-0.275-2.035-0.432-3.069-0.46c-0.259-0.007-0.518,0.004-0.776,0.006 c-0.284,0.014-0.576,0.039-0.855,0.12c-0.562,0.145-1.081,0.444-1.486,0.851c-0.847,0.798-1.195,1.992-1.049,3.132 c0.125,1.176,1.035,2.254,2.172,2.641c0.55,0.209,1.196,0.288,1.711,0.231c0.271-0.006,0.541-0.025,0.811-0.077 c0.271-0.038,0.54-0.083,0.803-0.165c1.063-0.271,2.061-0.808,2.869-1.532c0.404-0.362,0.773-0.756,1.103-1.179 c0.156-0.218,0.326-0.427,0.451-0.667c0.059-0.122,0.129-0.237,0.161-0.375c0.017-0.069,0.043-0.132,0.052-0.204l0.014-0.111 c0.006-0.027-0.003-0.018,0.014-0.074C18.255,17.478,18.261,17.321,18.228,17.21z M15.237,18.845c-0.6,0.591-1.308,1.074-2.115,1.4 c-0.2,0.088-0.412,0.141-0.626,0.191c-0.212,0.064-0.431,0.099-0.653,0.123c-0.464,0.086-0.834,0.076-1.233-0.019 c-0.775-0.172-1.457-0.785-1.574-1.605c-0.155-0.814,0.21-1.702,0.839-2.144c0.307-0.232,0.659-0.362,1.011-0.425 c0.178-0.035,0.355-0.03,0.541-0.025l0.683,0.047c0.911,0.085,1.799,0.323,2.675,0.59c0.435,0.144,0.866,0.305,1.293,0.473 c0.091,0.037,0.179,0.08,0.269,0.12c-0.082,0.115-0.163,0.23-0.251,0.342C15.836,18.25,15.533,18.544,15.237,18.845z"
  />
  <polygon points="18.116,16.486 26.66,19.522 25.244,22.178 17.475,17.954" />
  <path
    d="M20,13c-0.161,1.665-0.649,3.286-1.585,4.675l-1.54-0.864c0.735-1.034,1.184-2.413,1.327-3.811H20z"
  />
</svg>
Attribution
"Alipay" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.

Alipay icon in other sets