logo wechatpay icon
logo-wechatpay from TDesign Icons by TDesign · Outline · MIT Free for personal and commercial use.
- Name
- logo-wechatpay
- Set
- TDesign Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
1 other variant in TDesign Icons
Related icons in TDesign Icons
logo-adobe-illustratelogo-adobe-lightroomlogo-adobe-photoshoplogo-alipaylogo-androidlogo-applelogo-behancelogo-chromelogo-cinema4dlogo-cnblogo-codepenlogo-codesandboxlogo-codesignlogo-dribbblelogo-facebooklogo-figmalogo-framerlogo-githublogo-gitlablogo-hiflowlogo-ielogo-instagramlogo-iwikilogo-markdown
Use the logo wechatpay icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2c3.713 0 6.993 1.534 8.985 3.882l.762 1.037C22.546 8.19 23 9.633 23 11.167c0 5.063-4.925 9.167-11 9.167a13 13 0 0 1-3.59-.503a1.1 1.1 0 0 0-.324-.048a1.14 1.14 0 0 0-.584.17l-2.408 1.39a.4.4 0 0 1-.212.068a.367.367 0 0 1-.367-.367c0-.068.02-.136.04-.203l.02-.065l.495-1.85a.73.73 0 0 0-.27-.83c-2.318-1.68-3.8-4.167-3.8-6.93C1 6.105 5.925 2 12 2m8.005 5.926L9.08 14.233l-.08.046a.73.73 0 0 1-.97-.296l-2.05-4.5a.367.367 0 0 1 .551-.448l2.363 1.682a1.1 1.1 0 0 0 .976.112l9.188-4.09C17.445 5.114 14.924 4 12 4c-5.328 0-9 3.534-9 7.167c0 2.006 1.073 3.93 2.97 5.306c.5.36.877.888 1.044 1.505a3.05 3.05 0 0 1 1.96-.065c.943.27 1.965.421 3.026.421c5.327 0 9-3.534 9-7.167c0-1.106-.319-2.164-.91-3.126z"/></svg>
React
import type { SVGProps } from "react";
export function TdesignLogoWechatpay(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 2c3.713 0 6.993 1.534 8.985 3.882l.762 1.037C22.546 8.19 23 9.633 23 11.167c0 5.063-4.925 9.167-11 9.167a13 13 0 0 1-3.59-.503a1.1 1.1 0 0 0-.324-.048a1.14 1.14 0 0 0-.584.17l-2.408 1.39a.4.4 0 0 1-.212.068a.367.367 0 0 1-.367-.367c0-.068.02-.136.04-.203l.02-.065l.495-1.85a.73.73 0 0 0-.27-.83c-2.318-1.68-3.8-4.167-3.8-6.93C1 6.105 5.925 2 12 2m8.005 5.926L9.08 14.233l-.08.046a.73.73 0 0 1-.97-.296l-2.05-4.5a.367.367 0 0 1 .551-.448l2.363 1.682a1.1 1.1 0 0 0 .976.112l9.188-4.09C17.445 5.114 14.924 4 12 4c-5.328 0-9 3.534-9 7.167c0 2.006 1.073 3.93 2.97 5.306c.5.36.877.888 1.044 1.505a3.05 3.05 0 0 1 1.96-.065c.943.27 1.965.421 3.026.421c5.327 0 9-3.534 9-7.167c0-1.106-.319-2.164-.91-3.126z"/></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 2c3.713 0 6.993 1.534 8.985 3.882l.762 1.037C22.546 8.19 23 9.633 23 11.167c0 5.063-4.925 9.167-11 9.167a13 13 0 0 1-3.59-.503a1.1 1.1 0 0 0-.324-.048a1.14 1.14 0 0 0-.584.17l-2.408 1.39a.4.4 0 0 1-.212.068a.367.367 0 0 1-.367-.367c0-.068.02-.136.04-.203l.02-.065l.495-1.85a.73.73 0 0 0-.27-.83c-2.318-1.68-3.8-4.167-3.8-6.93C1 6.105 5.925 2 12 2m8.005 5.926L9.08 14.233l-.08.046a.73.73 0 0 1-.97-.296l-2.05-4.5a.367.367 0 0 1 .551-.448l2.363 1.682a1.1 1.1 0 0 0 .976.112l9.188-4.09C17.445 5.114 14.924 4 12 4c-5.328 0-9 3.534-9 7.167c0 2.006 1.073 3.93 2.97 5.306c.5.36.877.888 1.044 1.505a3.05 3.05 0 0 1 1.96-.065c.943.27 1.965.421 3.026.421c5.327 0 9-3.534 9-7.167c0-1.106-.319-2.164-.91-3.126z"/></svg> </template>
CSS
.icon-logo-wechatpay {
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%202c3.713%200%206.993%201.534%208.985%203.882l.762%201.037C22.546%208.19%2023%209.633%2023%2011.167c0%205.063-4.925%209.167-11%209.167a13%2013%200%200%201-3.59-.503a1.1%201.1%200%200%200-.324-.048a1.14%201.14%200%200%200-.584.17l-2.408%201.39a.4.4%200%200%201-.212.068a.367.367%200%200%201-.367-.367c0-.068.02-.136.04-.203l.02-.065l.495-1.85a.73.73%200%200%200-.27-.83c-2.318-1.68-3.8-4.167-3.8-6.93C1%206.105%205.925%202%2012%202m8.005%205.926L9.08%2014.233l-.08.046a.73.73%200%200%201-.97-.296l-2.05-4.5a.367.367%200%200%201%20.551-.448l2.363%201.682a1.1%201.1%200%200%200%20.976.112l9.188-4.09C17.445%205.114%2014.924%204%2012%204c-5.328%200-9%203.534-9%207.167c0%202.006%201.073%203.93%202.97%205.306c.5.36.877.888%201.044%201.505a3.05%203.05%200%200%201%201.96-.065c.943.27%201.965.421%203.026.421c5.327%200%209-3.534%209-7.167c0-1.106-.319-2.164-.91-3.126z%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%202c3.713%200%206.993%201.534%208.985%203.882l.762%201.037C22.546%208.19%2023%209.633%2023%2011.167c0%205.063-4.925%209.167-11%209.167a13%2013%200%200%201-3.59-.503a1.1%201.1%200%200%200-.324-.048a1.14%201.14%200%200%200-.584.17l-2.408%201.39a.4.4%200%200%201-.212.068a.367.367%200%200%201-.367-.367c0-.068.02-.136.04-.203l.02-.065l.495-1.85a.73.73%200%200%200-.27-.83c-2.318-1.68-3.8-4.167-3.8-6.93C1%206.105%205.925%202%2012%202m8.005%205.926L9.08%2014.233l-.08.046a.73.73%200%200%201-.97-.296l-2.05-4.5a.367.367%200%200%201%20.551-.448l2.363%201.682a1.1%201.1%200%200%200%20.976.112l9.188-4.09C17.445%205.114%2014.924%204%2012%204c-5.328%200-9%203.534-9%207.167c0%202.006%201.073%203.93%202.97%205.306c.5.36.877.888%201.044%201.505a3.05%203.05%200%200%201%201.96-.065c.943.27%201.965.421%203.026.421c5.327%200%209-3.534%209-7.167c0-1.106-.319-2.164-.91-3.126z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tdesign/logo-wechatpay.svg?color=%231a73e8&size=48
