wechat logo
wechat from Boxicons Brands by Boxicons · Logo · MIT Free for personal and commercial use.
- Name
- Set
- Boxicons Brands
- Style
- Logo
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the wechat logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.11 10.6c1.31-1.27 2.93-1.83 4.78-1.93c-.11-1.13-.5-2.08-1.15-2.93c-1.8-2.35-5.13-3.34-8.09-2.37c-2.17.71-3.77 2.07-4.42 4.31c-.7 2.42.24 4.78 2.47 6.35c.35.25.4.46.29.83c-.15.51-.24 1.05-.38 1.65c.73-.46 1.35-.87 2-1.23c.19-.11.47-.14.7-.12c.66.06 1.33.15 2.05.24c-.17-1.95.44-3.53 1.76-4.81Zm.7-3.54c.47 0 .84.36.85.82c0 .47-.35.84-.83.84c-.47 0-.85-.36-.86-.82c0-.45.38-.84.84-.84M6.48 8.72a.816.816 0 0 1-.81-.85c.01-.46.4-.82.87-.8c.46.01.84.41.82.86a.85.85 0 0 1-.87.8Z"/><path fill="currentColor" d="M12.56 10.35c-2.96 1.94-3.33 5.57-.77 7.94c1.35 1.25 2.98 1.75 4.8 1.57c.6-.06 1.2-.39 1.77-.33s1.11.45 1.7.71c-.04-.16-.05-.31-.11-.44c-.37-.67-.16-1.09.41-1.6c1.98-1.75 2.17-4.53.55-6.62c-1.86-2.39-5.72-2.97-8.35-1.24Zm.82 3.41c-.37 0-.68-.3-.69-.67c-.01-.39.31-.72.7-.72s.71.33.69.72c-.01.37-.32.66-.7.66Zm4.3 0c-.39 0-.69-.32-.68-.72c.01-.37.32-.66.69-.66c.39 0 .69.33.68.72c-.01.37-.31.66-.69.66"/></svg>
React
import type { SVGProps } from "react";
export function BxlWechat(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="M11.11 10.6c1.31-1.27 2.93-1.83 4.78-1.93c-.11-1.13-.5-2.08-1.15-2.93c-1.8-2.35-5.13-3.34-8.09-2.37c-2.17.71-3.77 2.07-4.42 4.31c-.7 2.42.24 4.78 2.47 6.35c.35.25.4.46.29.83c-.15.51-.24 1.05-.38 1.65c.73-.46 1.35-.87 2-1.23c.19-.11.47-.14.7-.12c.66.06 1.33.15 2.05.24c-.17-1.95.44-3.53 1.76-4.81Zm.7-3.54c.47 0 .84.36.85.82c0 .47-.35.84-.83.84c-.47 0-.85-.36-.86-.82c0-.45.38-.84.84-.84M6.48 8.72a.816.816 0 0 1-.81-.85c.01-.46.4-.82.87-.8c.46.01.84.41.82.86a.85.85 0 0 1-.87.8Z"/><path fill="currentColor" d="M12.56 10.35c-2.96 1.94-3.33 5.57-.77 7.94c1.35 1.25 2.98 1.75 4.8 1.57c.6-.06 1.2-.39 1.77-.33s1.11.45 1.7.71c-.04-.16-.05-.31-.11-.44c-.37-.67-.16-1.09.41-1.6c1.98-1.75 2.17-4.53.55-6.62c-1.86-2.39-5.72-2.97-8.35-1.24Zm.82 3.41c-.37 0-.68-.3-.69-.67c-.01-.39.31-.72.7-.72s.71.33.69.72c-.01.37-.32.66-.7.66Zm4.3 0c-.39 0-.69-.32-.68-.72c.01-.37.32-.66.69-.66c.39 0 .69.33.68.72c-.01.37-.31.66-.69.66"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.11 10.6c1.31-1.27 2.93-1.83 4.78-1.93c-.11-1.13-.5-2.08-1.15-2.93c-1.8-2.35-5.13-3.34-8.09-2.37c-2.17.71-3.77 2.07-4.42 4.31c-.7 2.42.24 4.78 2.47 6.35c.35.25.4.46.29.83c-.15.51-.24 1.05-.38 1.65c.73-.46 1.35-.87 2-1.23c.19-.11.47-.14.7-.12c.66.06 1.33.15 2.05.24c-.17-1.95.44-3.53 1.76-4.81Zm.7-3.54c.47 0 .84.36.85.82c0 .47-.35.84-.83.84c-.47 0-.85-.36-.86-.82c0-.45.38-.84.84-.84M6.48 8.72a.816.816 0 0 1-.81-.85c.01-.46.4-.82.87-.8c.46.01.84.41.82.86a.85.85 0 0 1-.87.8Z"/><path fill="currentColor" d="M12.56 10.35c-2.96 1.94-3.33 5.57-.77 7.94c1.35 1.25 2.98 1.75 4.8 1.57c.6-.06 1.2-.39 1.77-.33s1.11.45 1.7.71c-.04-.16-.05-.31-.11-.44c-.37-.67-.16-1.09.41-1.6c1.98-1.75 2.17-4.53.55-6.62c-1.86-2.39-5.72-2.97-8.35-1.24Zm.82 3.41c-.37 0-.68-.3-.69-.67c-.01-.39.31-.72.7-.72s.71.33.69.72c-.01.37-.32.66-.7.66Zm4.3 0c-.39 0-.69-.32-.68-.72c.01-.37.32-.66.69-.66c.39 0 .69.33.68.72c-.01.37-.31.66-.69.66"/></svg> </template>
CSS
.icon-wechat {
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%22M11.11%2010.6c1.31-1.27%202.93-1.83%204.78-1.93c-.11-1.13-.5-2.08-1.15-2.93c-1.8-2.35-5.13-3.34-8.09-2.37c-2.17.71-3.77%202.07-4.42%204.31c-.7%202.42.24%204.78%202.47%206.35c.35.25.4.46.29.83c-.15.51-.24%201.05-.38%201.65c.73-.46%201.35-.87%202-1.23c.19-.11.47-.14.7-.12c.66.06%201.33.15%202.05.24c-.17-1.95.44-3.53%201.76-4.81Zm.7-3.54c.47%200%20.84.36.85.82c0%20.47-.35.84-.83.84c-.47%200-.85-.36-.86-.82c0-.45.38-.84.84-.84M6.48%208.72a.816.816%200%200%201-.81-.85c.01-.46.4-.82.87-.8c.46.01.84.41.82.86a.85.85%200%200%201-.87.8Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.56%2010.35c-2.96%201.94-3.33%205.57-.77%207.94c1.35%201.25%202.98%201.75%204.8%201.57c.6-.06%201.2-.39%201.77-.33s1.11.45%201.7.71c-.04-.16-.05-.31-.11-.44c-.37-.67-.16-1.09.41-1.6c1.98-1.75%202.17-4.53.55-6.62c-1.86-2.39-5.72-2.97-8.35-1.24Zm.82%203.41c-.37%200-.68-.3-.69-.67c-.01-.39.31-.72.7-.72s.71.33.69.72c-.01.37-.32.66-.7.66Zm4.3%200c-.39%200-.69-.32-.68-.72c.01-.37.32-.66.69-.66c.39%200%20.69.33.68.72c-.01.37-.31.66-.69.66%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%22M11.11%2010.6c1.31-1.27%202.93-1.83%204.78-1.93c-.11-1.13-.5-2.08-1.15-2.93c-1.8-2.35-5.13-3.34-8.09-2.37c-2.17.71-3.77%202.07-4.42%204.31c-.7%202.42.24%204.78%202.47%206.35c.35.25.4.46.29.83c-.15.51-.24%201.05-.38%201.65c.73-.46%201.35-.87%202-1.23c.19-.11.47-.14.7-.12c.66.06%201.33.15%202.05.24c-.17-1.95.44-3.53%201.76-4.81Zm.7-3.54c.47%200%20.84.36.85.82c0%20.47-.35.84-.83.84c-.47%200-.85-.36-.86-.82c0-.45.38-.84.84-.84M6.48%208.72a.816.816%200%200%201-.81-.85c.01-.46.4-.82.87-.8c.46.01.84.41.82.86a.85.85%200%200%201-.87.8Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.56%2010.35c-2.96%201.94-3.33%205.57-.77%207.94c1.35%201.25%202.98%201.75%204.8%201.57c.6-.06%201.2-.39%201.77-.33s1.11.45%201.7.71c-.04-.16-.05-.31-.11-.44c-.37-.67-.16-1.09.41-1.6c1.98-1.75%202.17-4.53.55-6.62c-1.86-2.39-5.72-2.97-8.35-1.24Zm.82%203.41c-.37%200-.68-.3-.69-.67c-.01-.39.31-.72.7-.72s.71.33.69.72c-.01.37-.32.66-.7.66Zm4.3%200c-.39%200-.69-.32-.68-.72c.01-.37.32-.66.69-.66c.39%200%20.69.33.68.72c-.01.37-.31.66-.69.66%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxl/wechat.svg?color=%231a73e8&size=48
