alipay icon
alipay from IconPark Outline by ByteDance · Outline · Brand · Apache-2.0 Free for personal and commercial use.
- Name
- alipay
- Set
- IconPark Outline
- Style
- Outline
- Category
- Brand
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More brand icons from IconPark Outline
Use the alipay icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M24 0c13.255 0 24 10.745 24 24S37.255 48 24 48S0 37.255 0 24S10.745 0 24 0m0 4.364C13.155 4.364 4.364 13.155 4.364 24S13.155 43.636 24 43.636c6.738 0 12.683-3.393 16.22-8.565a64 64 0 0 1-6.683-2.402q-1.855-.78-5.541-2.459C25.056 33.173 20.769 36 16.174 36c-3.188-.016-8.538-1.627-8.538-6.654s4.956-6.224 8.172-6.224q2.919 0 10.33 3.222l.077.03q1.989-2.434 2.73-5.653l.1-.464h-12.87v-2.32h5.857v-2.9h-8.201v-1.74h8.201l.001-3.479h4.687v3.48h9.374v1.74H26.72v2.899h7.486q-.165 1.086-.371 1.973l-.084.347q-.517 1.868-2.325 5.442c-.32.632-.782 1.364-1.366 2.139q2.766 1.024 5.6 1.99q3.67 1.249 6.345 2.02A19.6 19.6 0 0 0 43.636 24c0-10.845-8.791-19.636-19.636-19.636m-13.685 24.18c0 3.198 6.69 4.472 12.11 1.106q.915-.57 1.71-1.213l-.018-.008l-.427-.262q-5.074-3.087-7.882-3.348c-1.719-.159-5.493.527-5.493 3.725m18.73-8.287h2.209z"/></svg>
React
import type { SVGProps } from "react";
export function IconParkOutlineAlipay(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M24 0c13.255 0 24 10.745 24 24S37.255 48 24 48S0 37.255 0 24S10.745 0 24 0m0 4.364C13.155 4.364 4.364 13.155 4.364 24S13.155 43.636 24 43.636c6.738 0 12.683-3.393 16.22-8.565a64 64 0 0 1-6.683-2.402q-1.855-.78-5.541-2.459C25.056 33.173 20.769 36 16.174 36c-3.188-.016-8.538-1.627-8.538-6.654s4.956-6.224 8.172-6.224q2.919 0 10.33 3.222l.077.03q1.989-2.434 2.73-5.653l.1-.464h-12.87v-2.32h5.857v-2.9h-8.201v-1.74h8.201l.001-3.479h4.687v3.48h9.374v1.74H26.72v2.899h7.486q-.165 1.086-.371 1.973l-.084.347q-.517 1.868-2.325 5.442c-.32.632-.782 1.364-1.366 2.139q2.766 1.024 5.6 1.99q3.67 1.249 6.345 2.02A19.6 19.6 0 0 0 43.636 24c0-10.845-8.791-19.636-19.636-19.636m-13.685 24.18c0 3.198 6.69 4.472 12.11 1.106q.915-.57 1.71-1.213l-.018-.008l-.427-.262q-5.074-3.087-7.882-3.348c-1.719-.159-5.493.527-5.493 3.725m18.73-8.287h2.209z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M24 0c13.255 0 24 10.745 24 24S37.255 48 24 48S0 37.255 0 24S10.745 0 24 0m0 4.364C13.155 4.364 4.364 13.155 4.364 24S13.155 43.636 24 43.636c6.738 0 12.683-3.393 16.22-8.565a64 64 0 0 1-6.683-2.402q-1.855-.78-5.541-2.459C25.056 33.173 20.769 36 16.174 36c-3.188-.016-8.538-1.627-8.538-6.654s4.956-6.224 8.172-6.224q2.919 0 10.33 3.222l.077.03q1.989-2.434 2.73-5.653l.1-.464h-12.87v-2.32h5.857v-2.9h-8.201v-1.74h8.201l.001-3.479h4.687v3.48h9.374v1.74H26.72v2.899h7.486q-.165 1.086-.371 1.973l-.084.347q-.517 1.868-2.325 5.442c-.32.632-.782 1.364-1.366 2.139q2.766 1.024 5.6 1.99q3.67 1.249 6.345 2.02A19.6 19.6 0 0 0 43.636 24c0-10.845-8.791-19.636-19.636-19.636m-13.685 24.18c0 3.198 6.69 4.472 12.11 1.106q.915-.57 1.71-1.213l-.018-.008l-.427-.262q-5.074-3.087-7.882-3.348c-1.719-.159-5.493.527-5.493 3.725m18.73-8.287h2.209z"/></svg> </template>
CSS
.icon-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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24%200c13.255%200%2024%2010.745%2024%2024S37.255%2048%2024%2048S0%2037.255%200%2024S10.745%200%2024%200m0%204.364C13.155%204.364%204.364%2013.155%204.364%2024S13.155%2043.636%2024%2043.636c6.738%200%2012.683-3.393%2016.22-8.565a64%2064%200%200%201-6.683-2.402q-1.855-.78-5.541-2.459C25.056%2033.173%2020.769%2036%2016.174%2036c-3.188-.016-8.538-1.627-8.538-6.654s4.956-6.224%208.172-6.224q2.919%200%2010.33%203.222l.077.03q1.989-2.434%202.73-5.653l.1-.464h-12.87v-2.32h5.857v-2.9h-8.201v-1.74h8.201l.001-3.479h4.687v3.48h9.374v1.74H26.72v2.899h7.486q-.165%201.086-.371%201.973l-.084.347q-.517%201.868-2.325%205.442c-.32.632-.782%201.364-1.366%202.139q2.766%201.024%205.6%201.99q3.67%201.249%206.345%202.02A19.6%2019.6%200%200%200%2043.636%2024c0-10.845-8.791-19.636-19.636-19.636m-13.685%2024.18c0%203.198%206.69%204.472%2012.11%201.106q.915-.57%201.71-1.213l-.018-.008l-.427-.262q-5.074-3.087-7.882-3.348c-1.719-.159-5.493.527-5.493%203.725m18.73-8.287h2.209z%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24%200c13.255%200%2024%2010.745%2024%2024S37.255%2048%2024%2048S0%2037.255%200%2024S10.745%200%2024%200m0%204.364C13.155%204.364%204.364%2013.155%204.364%2024S13.155%2043.636%2024%2043.636c6.738%200%2012.683-3.393%2016.22-8.565a64%2064%200%200%201-6.683-2.402q-1.855-.78-5.541-2.459C25.056%2033.173%2020.769%2036%2016.174%2036c-3.188-.016-8.538-1.627-8.538-6.654s4.956-6.224%208.172-6.224q2.919%200%2010.33%203.222l.077.03q1.989-2.434%202.73-5.653l.1-.464h-12.87v-2.32h5.857v-2.9h-8.201v-1.74h8.201l.001-3.479h4.687v3.48h9.374v1.74H26.72v2.899h7.486q-.165%201.086-.371%201.973l-.084.347q-.517%201.868-2.325%205.442c-.32.632-.782%201.364-1.366%202.139q2.766%201.024%205.6%201.99q3.67%201.249%206.345%202.02A19.6%2019.6%200%200%200%2043.636%2024c0-10.845-8.791-19.636-19.636-19.636m-13.685%2024.18c0%203.198%206.69%204.472%2012.11%201.106q.915-.57%201.71-1.213l-.018-.008l-.427-.262q-5.074-3.087-7.882-3.348c-1.719-.159-5.493.527-5.493%203.725m18.73-8.287h2.209z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-outline/alipay.svg?color=%231a73e8&size=48
