wechat icon
wechat-fill from Remix Icon by Remix Design · Fill · Logos · Apache-2.0 Free for personal and commercial use.
- Name
- wechat-fill
- Set
- Remix Icon
- Style
- Fill
- Category
- Logos
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Remix Icon
The same icon in other sets
More logos icons from Remix Icon
Use the wechat icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.575 13.711a.91.91 0 0 0 .898-.898a.895.895 0 0 0-.898-.898a.894.894 0 0 0-.898.898c0 .5.4.898.898.898m-4.425 0a.91.91 0 0 0 .898-.898c0-.498-.4-.898-.898-.898a.894.894 0 0 0-.898.898c0 .5.399.898.898.898m6.567 5.04a.35.35 0 0 0-.172.37c0 .048 0 .098.025.147c.098.417.294 1.081.294 1.106c0 .073.025.122.025.172a.22.22 0 0 1-.221.22c-.05 0-.074-.024-.123-.048l-1.449-.836a.8.8 0 0 0-.344-.098c-.073 0-.147 0-.196.024c-.688.197-1.4.295-2.161.295c-3.66 0-6.607-2.457-6.607-5.505s2.947-5.505 6.607-5.505c3.659 0 6.606 2.458 6.606 5.505c0 1.647-.884 3.146-2.284 4.154M16.674 8.099a9 9 0 0 0-.28-.005c-4.174 0-7.606 2.86-7.606 6.505c0 .554.08 1.09.228 1.6h-.089a10 10 0 0 1-2.584-.368c-.074-.025-.148-.025-.222-.025a.83.83 0 0 0-.419.123l-1.747 1.005a.35.35 0 0 1-.148.05a.273.273 0 0 1-.27-.27c0-.074.024-.123.049-.197c.024-.024.246-.834.369-1.324c0-.05.024-.123.024-.172a.56.56 0 0 0-.221-.441C2.059 13.376 1 11.586 1 9.599C1.001 5.944 4.571 3 8.951 3c3.765 0 6.93 2.169 7.723 5.098m-5.154.418c.573 0 1.026-.477 1.026-1.026c0-.573-.453-1.026-1.026-1.026s-1.026.453-1.026 1.026s.453 1.026 1.026 1.026m-5.26 0c.573 0 1.027-.477 1.027-1.026c0-.573-.454-1.026-1.027-1.026c-.572 0-1.026.453-1.026 1.026s.454 1.026 1.026 1.026"/></svg>
React
import type { SVGProps } from "react";
export function RiWechatFill(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="M18.575 13.711a.91.91 0 0 0 .898-.898a.895.895 0 0 0-.898-.898a.894.894 0 0 0-.898.898c0 .5.4.898.898.898m-4.425 0a.91.91 0 0 0 .898-.898c0-.498-.4-.898-.898-.898a.894.894 0 0 0-.898.898c0 .5.399.898.898.898m6.567 5.04a.35.35 0 0 0-.172.37c0 .048 0 .098.025.147c.098.417.294 1.081.294 1.106c0 .073.025.122.025.172a.22.22 0 0 1-.221.22c-.05 0-.074-.024-.123-.048l-1.449-.836a.8.8 0 0 0-.344-.098c-.073 0-.147 0-.196.024c-.688.197-1.4.295-2.161.295c-3.66 0-6.607-2.457-6.607-5.505s2.947-5.505 6.607-5.505c3.659 0 6.606 2.458 6.606 5.505c0 1.647-.884 3.146-2.284 4.154M16.674 8.099a9 9 0 0 0-.28-.005c-4.174 0-7.606 2.86-7.606 6.505c0 .554.08 1.09.228 1.6h-.089a10 10 0 0 1-2.584-.368c-.074-.025-.148-.025-.222-.025a.83.83 0 0 0-.419.123l-1.747 1.005a.35.35 0 0 1-.148.05a.273.273 0 0 1-.27-.27c0-.074.024-.123.049-.197c.024-.024.246-.834.369-1.324c0-.05.024-.123.024-.172a.56.56 0 0 0-.221-.441C2.059 13.376 1 11.586 1 9.599C1.001 5.944 4.571 3 8.951 3c3.765 0 6.93 2.169 7.723 5.098m-5.154.418c.573 0 1.026-.477 1.026-1.026c0-.573-.453-1.026-1.026-1.026s-1.026.453-1.026 1.026s.453 1.026 1.026 1.026m-5.26 0c.573 0 1.027-.477 1.027-1.026c0-.573-.454-1.026-1.027-1.026c-.572 0-1.026.453-1.026 1.026s.454 1.026 1.026 1.026"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.575 13.711a.91.91 0 0 0 .898-.898a.895.895 0 0 0-.898-.898a.894.894 0 0 0-.898.898c0 .5.4.898.898.898m-4.425 0a.91.91 0 0 0 .898-.898c0-.498-.4-.898-.898-.898a.894.894 0 0 0-.898.898c0 .5.399.898.898.898m6.567 5.04a.35.35 0 0 0-.172.37c0 .048 0 .098.025.147c.098.417.294 1.081.294 1.106c0 .073.025.122.025.172a.22.22 0 0 1-.221.22c-.05 0-.074-.024-.123-.048l-1.449-.836a.8.8 0 0 0-.344-.098c-.073 0-.147 0-.196.024c-.688.197-1.4.295-2.161.295c-3.66 0-6.607-2.457-6.607-5.505s2.947-5.505 6.607-5.505c3.659 0 6.606 2.458 6.606 5.505c0 1.647-.884 3.146-2.284 4.154M16.674 8.099a9 9 0 0 0-.28-.005c-4.174 0-7.606 2.86-7.606 6.505c0 .554.08 1.09.228 1.6h-.089a10 10 0 0 1-2.584-.368c-.074-.025-.148-.025-.222-.025a.83.83 0 0 0-.419.123l-1.747 1.005a.35.35 0 0 1-.148.05a.273.273 0 0 1-.27-.27c0-.074.024-.123.049-.197c.024-.024.246-.834.369-1.324c0-.05.024-.123.024-.172a.56.56 0 0 0-.221-.441C2.059 13.376 1 11.586 1 9.599C1.001 5.944 4.571 3 8.951 3c3.765 0 6.93 2.169 7.723 5.098m-5.154.418c.573 0 1.026-.477 1.026-1.026c0-.573-.453-1.026-1.026-1.026s-1.026.453-1.026 1.026s.453 1.026 1.026 1.026m-5.26 0c.573 0 1.027-.477 1.027-1.026c0-.573-.454-1.026-1.027-1.026c-.572 0-1.026.453-1.026 1.026s.454 1.026 1.026 1.026"/></svg> </template>
CSS
.icon-wechat-fill {
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%22M18.575%2013.711a.91.91%200%200%200%20.898-.898a.895.895%200%200%200-.898-.898a.894.894%200%200%200-.898.898c0%20.5.4.898.898.898m-4.425%200a.91.91%200%200%200%20.898-.898c0-.498-.4-.898-.898-.898a.894.894%200%200%200-.898.898c0%20.5.399.898.898.898m6.567%205.04a.35.35%200%200%200-.172.37c0%20.048%200%20.098.025.147c.098.417.294%201.081.294%201.106c0%20.073.025.122.025.172a.22.22%200%200%201-.221.22c-.05%200-.074-.024-.123-.048l-1.449-.836a.8.8%200%200%200-.344-.098c-.073%200-.147%200-.196.024c-.688.197-1.4.295-2.161.295c-3.66%200-6.607-2.457-6.607-5.505s2.947-5.505%206.607-5.505c3.659%200%206.606%202.458%206.606%205.505c0%201.647-.884%203.146-2.284%204.154M16.674%208.099a9%209%200%200%200-.28-.005c-4.174%200-7.606%202.86-7.606%206.505c0%20.554.08%201.09.228%201.6h-.089a10%2010%200%200%201-2.584-.368c-.074-.025-.148-.025-.222-.025a.83.83%200%200%200-.419.123l-1.747%201.005a.35.35%200%200%201-.148.05a.273.273%200%200%201-.27-.27c0-.074.024-.123.049-.197c.024-.024.246-.834.369-1.324c0-.05.024-.123.024-.172a.56.56%200%200%200-.221-.441C2.059%2013.376%201%2011.586%201%209.599C1.001%205.944%204.571%203%208.951%203c3.765%200%206.93%202.169%207.723%205.098m-5.154.418c.573%200%201.026-.477%201.026-1.026c0-.573-.453-1.026-1.026-1.026s-1.026.453-1.026%201.026s.453%201.026%201.026%201.026m-5.26%200c.573%200%201.027-.477%201.027-1.026c0-.573-.454-1.026-1.027-1.026c-.572%200-1.026.453-1.026%201.026s.454%201.026%201.026%201.026%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%22M18.575%2013.711a.91.91%200%200%200%20.898-.898a.895.895%200%200%200-.898-.898a.894.894%200%200%200-.898.898c0%20.5.4.898.898.898m-4.425%200a.91.91%200%200%200%20.898-.898c0-.498-.4-.898-.898-.898a.894.894%200%200%200-.898.898c0%20.5.399.898.898.898m6.567%205.04a.35.35%200%200%200-.172.37c0%20.048%200%20.098.025.147c.098.417.294%201.081.294%201.106c0%20.073.025.122.025.172a.22.22%200%200%201-.221.22c-.05%200-.074-.024-.123-.048l-1.449-.836a.8.8%200%200%200-.344-.098c-.073%200-.147%200-.196.024c-.688.197-1.4.295-2.161.295c-3.66%200-6.607-2.457-6.607-5.505s2.947-5.505%206.607-5.505c3.659%200%206.606%202.458%206.606%205.505c0%201.647-.884%203.146-2.284%204.154M16.674%208.099a9%209%200%200%200-.28-.005c-4.174%200-7.606%202.86-7.606%206.505c0%20.554.08%201.09.228%201.6h-.089a10%2010%200%200%201-2.584-.368c-.074-.025-.148-.025-.222-.025a.83.83%200%200%200-.419.123l-1.747%201.005a.35.35%200%200%201-.148.05a.273.273%200%200%201-.27-.27c0-.074.024-.123.049-.197c.024-.024.246-.834.369-1.324c0-.05.024-.123.024-.172a.56.56%200%200%200-.221-.441C2.059%2013.376%201%2011.586%201%209.599C1.001%205.944%204.571%203%208.951%203c3.765%200%206.93%202.169%207.723%205.098m-5.154.418c.573%200%201.026-.477%201.026-1.026c0-.573-.453-1.026-1.026-1.026s-1.026.453-1.026%201.026s.453%201.026%201.026%201.026m-5.26%200c.573%200%201.027-.477%201.027-1.026c0-.573-.454-1.026-1.027-1.026c-.572%200-1.026.453-1.026%201.026s.454%201.026%201.026%201.026%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/wechat-fill.svg?color=%231a73e8&size=48
