Alipay

Brand Entity / Display Name

Alipay (支付宝)

Industry Category

Finance & Pay

Primary Color (HEX / RGB / HSL)

#1677FFrgb(22, 119, 255) · hsl(215, 100%, 54%)

WCAG Surface Contrast

Light 4.1:1 · Dark 4.8:1

<?xml version="1.0" encoding="utf-8"?>
<svg viewBox="0 0 100 100" version="1.1" width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <style>
      .cls-1 {
        isolation: isolate;
      }

      .cls-2 {
        fill: none;
      }

      .cls-2, .cls-3, .cls-4, .cls-5 {
        stroke-width: 0px;
      }

      .cls-6 {
        clip-path: url(#clippath-1);
      }

      .cls-3 {
        fill: url(#_2);
      }

      .cls-4 {
        fill: url(#_4);
      }

      .cls-5 {
        fill: #1677ff;
      }

      .cls-7 {
        clip-path: url(#clippath);
      }
    </style>
    <linearGradient id="_4" data-name="4" x1="21.32" y1="684.24" x2="34" y2="706.21" gradientTransform="translate(5.15 770) scale(1 -1)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#1677ff" stop-opacity=".8"/>
      <stop offset=".16" stop-color="#0c6bfc" stop-opacity=".89"/>
      <stop offset=".36" stop-color="#0562fa" stop-opacity=".95"/>
      <stop offset=".6" stop-color="#015df8" stop-opacity=".99"/>
      <stop offset="1" stop-color="#005bf8"/>
    </linearGradient>
    <clipPath id="clippath">
      <path class="cls-2" d="M24.26,60.65c7.91,0,15.49,3.36,22.86,7.74,3.51,2.09,6.97,4.4,10.41,6.7,9.77,6.54,19.23,12.9,28.68,13.22-15.18-.55-20.71-17.71-33.36-28.55-8.41-3.96-16.81-7.32-27.13-7.32-12.17,0-20.73,7.92-20.73,17.99s8.75,17.9,20.73,17.9c8.82.03,17.44-2.58,24.76-7.5-12.75,8.2-40.05,2.86-40.05-10.41,0-5.67,6.25-9.77,13.82-9.77Z"/>
    </clipPath>
    <clipPath id="clippath-1">
      <rect class="cls-2" x="3.94" y="51.38" width="83.34" height="38.01"/>
    </clipPath>
    <linearGradient id="_2" data-name="2" x1="47.71" y1="695.95" x2="89.85" y2="695.95" gradientTransform="translate(5.15 770) scale(1 -1)" gradientUnits="userSpaceOnUse">
      <stop offset=".12" stop-color="#1677ff"/>
      <stop offset=".29" stop-color="#1677ff" stop-opacity=".85"/>
      <stop offset=".51" stop-color="#1677ff" stop-opacity=".7"/>
      <stop offset=".7" stop-color="#1677ff" stop-opacity=".59"/>
      <stop offset=".87" stop-color="#1677ff" stop-opacity=".52"/>
      <stop offset="1" stop-color="#1677ff" stop-opacity=".5"/>
    </linearGradient>
  </defs>
  <path class="cls-5" d="M79.52,23.82h-24.48v-11.47c0-.37-.3-.67-.66-.67,0,0,0,0-.01,0-9.94,0-12.11,2.45-12.11,5.65v6.5h-23.23c-1.39,0-1.99,3.21-1.99,5.48,0,.37.29.68.66.69,0,0,0,0,0,0h24.56v8.13h-16.28c-1.39,0-2,3.31-1.99,5.5,0,.37.3.66.66.66,0,0,0,0,0,0h32.69c-.58,5.38-2.1,10.62-4.48,15.48,4.01,1.89,8.03,3.92,12.26,5.8,4.94-7.94,7.95-17.03,8.01-26.1,0-.74-.59-1.34-1.32-1.34,0,0,0,0-.01,0h-16.75v-8.13h23.16c1.39,0,1.99-3.08,1.99-5.48,0-.37-.29-.68-.66-.69,0,0,0,0-.01,0Z"/>
  <path class="cls-4" d="M10.43,70.43c-.02,13.27,27.34,18.62,40.07,10.39,2.51-1.69,4.86-3.61,7.01-5.74-.42-.29-2.6-1.87-5.1-3.49-1.83-1.19-3.88-2.36-5.3-3.2-15.23,17.59-36.68,12.93-36.68,2.04Z"/>
  <g class="cls-7">
    <g class="cls-6">
      <image class="cls-1" width="818" height="374" transform="translate(3.91 51.35) scale(.1)" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzIAAAFx...[data omitted, click Copy or Download for full SVG]..."/>
    </g>
  </g>
  <path class="cls-3" d="M86.97,88.33c6.14,0,7.75-7.66,8.03-13.69.05-1.16-.84-2.15-2.01-2.2-.01,0-.02,0-.03,0-16.8-.53-28.45-7.18-40.1-12.67,12.84,11.02,18.35,28.57,34.11,28.57Z"/>
</svg>

Engineering & Layout Guidelines

• Maintain the native 1:1 aspect ratio (viewBox "0 0 100 100") without non-uniform stretching.
• Preserve at least 20% clear space around the emblem bounding box.
• Contains vector gradients; avoid overriding paths with flat CSS fill: currentColor.