logo alipay icon

logo-alipay from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name
logo-alipay
Set
IonIcons
Style
Regular
Viewbox
512×512
License
MIT

The same icon in other sets

Related icons in IonIcons

Use the logo alipay icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M102.41 32C62.38 32 32 64.12 32 103.78v304.45C32 447.86 64.38 480 104.41 480h303.2c40 0 72.39-32.14 72.39-71.77v-3.11c-1.35-.56-115.47-48.57-174.5-76.7c-39.82 48.57-91.18 78-144.5 78c-90.18 0-120.8-78.22-78.1-129.72c9.31-11.22 25.15-21.94 49.73-28c38.45-9.36 99.64 5.85 157 24.61a309.4 309.4 0 0 0 25.46-61.67H138.34V194h91.13v-31.83H119.09v-17.75h110.38V99s0-7.65 7.82-7.65h44.55v53H391v17.75H281.84V194h89.08a359.4 359.4 0 0 1-37.72 94.43c27 9.69 49.31 18.88 67.39 24.89c60.32 20 77.23 22.45 79.41 22.7V103.78C480 64.12 447.6 32 407.61 32zM152 274.73q-5.81.06-11.67.63c-11.3 1.13-32.5 6.07-44.09 16.23c-34.74 30-13.94 84.93 56.37 84.93c40.87 0 81.71-25.9 113.79-67.37c-41.36-20-77-34.85-114.4-34.42"/></svg>

React

import type { SVGProps } from "react";

export function IonLogoAlipay(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M102.41 32C62.38 32 32 64.12 32 103.78v304.45C32 447.86 64.38 480 104.41 480h303.2c40 0 72.39-32.14 72.39-71.77v-3.11c-1.35-.56-115.47-48.57-174.5-76.7c-39.82 48.57-91.18 78-144.5 78c-90.18 0-120.8-78.22-78.1-129.72c9.31-11.22 25.15-21.94 49.73-28c38.45-9.36 99.64 5.85 157 24.61a309.4 309.4 0 0 0 25.46-61.67H138.34V194h91.13v-31.83H119.09v-17.75h110.38V99s0-7.65 7.82-7.65h44.55v53H391v17.75H281.84V194h89.08a359.4 359.4 0 0 1-37.72 94.43c27 9.69 49.31 18.88 67.39 24.89c60.32 20 77.23 22.45 79.41 22.7V103.78C480 64.12 447.6 32 407.61 32zM152 274.73q-5.81.06-11.67.63c-11.3 1.13-32.5 6.07-44.09 16.23c-34.74 30-13.94 84.93 56.37 84.93c40.87 0 81.71-25.9 113.79-67.37c-41.36-20-77-34.85-114.4-34.42"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M102.41 32C62.38 32 32 64.12 32 103.78v304.45C32 447.86 64.38 480 104.41 480h303.2c40 0 72.39-32.14 72.39-71.77v-3.11c-1.35-.56-115.47-48.57-174.5-76.7c-39.82 48.57-91.18 78-144.5 78c-90.18 0-120.8-78.22-78.1-129.72c9.31-11.22 25.15-21.94 49.73-28c38.45-9.36 99.64 5.85 157 24.61a309.4 309.4 0 0 0 25.46-61.67H138.34V194h91.13v-31.83H119.09v-17.75h110.38V99s0-7.65 7.82-7.65h44.55v53H391v17.75H281.84V194h89.08a359.4 359.4 0 0 1-37.72 94.43c27 9.69 49.31 18.88 67.39 24.89c60.32 20 77.23 22.45 79.41 22.7V103.78C480 64.12 447.6 32 407.61 32zM152 274.73q-5.81.06-11.67.63c-11.3 1.13-32.5 6.07-44.09 16.23c-34.74 30-13.94 84.93 56.37 84.93c40.87 0 81.71-25.9 113.79-67.37c-41.36-20-77-34.85-114.4-34.42"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M102.41%2032C62.38%2032%2032%2064.12%2032%20103.78v304.45C32%20447.86%2064.38%20480%20104.41%20480h303.2c40%200%2072.39-32.14%2072.39-71.77v-3.11c-1.35-.56-115.47-48.57-174.5-76.7c-39.82%2048.57-91.18%2078-144.5%2078c-90.18%200-120.8-78.22-78.1-129.72c9.31-11.22%2025.15-21.94%2049.73-28c38.45-9.36%2099.64%205.85%20157%2024.61a309.4%20309.4%200%200%200%2025.46-61.67H138.34V194h91.13v-31.83H119.09v-17.75h110.38V99s0-7.65%207.82-7.65h44.55v53H391v17.75H281.84V194h89.08a359.4%20359.4%200%200%201-37.72%2094.43c27%209.69%2049.31%2018.88%2067.39%2024.89c60.32%2020%2077.23%2022.45%2079.41%2022.7V103.78C480%2064.12%20447.6%2032%20407.61%2032zM152%20274.73q-5.81.06-11.67.63c-11.3%201.13-32.5%206.07-44.09%2016.23c-34.74%2030-13.94%2084.93%2056.37%2084.93c40.87%200%2081.71-25.9%20113.79-67.37c-41.36-20-77-34.85-114.4-34.42%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M102.41%2032C62.38%2032%2032%2064.12%2032%20103.78v304.45C32%20447.86%2064.38%20480%20104.41%20480h303.2c40%200%2072.39-32.14%2072.39-71.77v-3.11c-1.35-.56-115.47-48.57-174.5-76.7c-39.82%2048.57-91.18%2078-144.5%2078c-90.18%200-120.8-78.22-78.1-129.72c9.31-11.22%2025.15-21.94%2049.73-28c38.45-9.36%2099.64%205.85%20157%2024.61a309.4%20309.4%200%200%200%2025.46-61.67H138.34V194h91.13v-31.83H119.09v-17.75h110.38V99s0-7.65%207.82-7.65h44.55v53H391v17.75H281.84V194h89.08a359.4%20359.4%200%200%201-37.72%2094.43c27%209.69%2049.31%2018.88%2067.39%2024.89c60.32%2020%2077.23%2022.45%2079.41%2022.7V103.78C480%2064.12%20447.6%2032%20407.61%2032zM152%20274.73q-5.81.06-11.67.63c-11.3%201.13-32.5%206.07-44.09%2016.23c-34.74%2030-13.94%2084.93%2056.37%2084.93c40.87%200%2081.71-25.9%20113.79-67.37c-41.36-20-77-34.85-114.4-34.42%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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