wechat logo icon
wechat-logo-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- wechat-logo-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Use the wechat logo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M142 140a10 10 0 1 1-10-10a10 10 0 0 1 10 10m46-10a10 10 0 1 0 10 10a10 10 0 0 0-10-10m49.42 82A14 14 0 0 1 220 229.42l-25.46-7.49a78 78 0 0 1-106.7-40.35a77 77 0 0 1-26.42-7.65L36 181.42A14 14 0 0 1 18.58 164l7.49-25.46a78 78 0 1 1 142.12-64.11a78 78 0 0 1 61.74 112.15ZM83.86 168.87a77.92 77.92 0 0 1 71-94.68a66 66 0 1 0-117.1 60.94a6.05 6.05 0 0 1 .47 4.53l-8.17 27.76a2 2 0 0 0 2.48 2.49l27.77-8.17a6.06 6.06 0 0 1 4.53.47a65.2 65.2 0 0 0 19.02 6.66m134.35 14.26a66 66 0 1 0-27.08 27.08a6.06 6.06 0 0 1 4.53-.47l27.77 8.17a2 2 0 0 0 2.48-2.48l-8.17-27.77a6.05 6.05 0 0 1 .47-4.53"/></svg>
React
import type { SVGProps } from "react";
export function PhWechatLogoLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M142 140a10 10 0 1 1-10-10a10 10 0 0 1 10 10m46-10a10 10 0 1 0 10 10a10 10 0 0 0-10-10m49.42 82A14 14 0 0 1 220 229.42l-25.46-7.49a78 78 0 0 1-106.7-40.35a77 77 0 0 1-26.42-7.65L36 181.42A14 14 0 0 1 18.58 164l7.49-25.46a78 78 0 1 1 142.12-64.11a78 78 0 0 1 61.74 112.15ZM83.86 168.87a77.92 77.92 0 0 1 71-94.68a66 66 0 1 0-117.1 60.94a6.05 6.05 0 0 1 .47 4.53l-8.17 27.76a2 2 0 0 0 2.48 2.49l27.77-8.17a6.06 6.06 0 0 1 4.53.47a65.2 65.2 0 0 0 19.02 6.66m134.35 14.26a66 66 0 1 0-27.08 27.08a6.06 6.06 0 0 1 4.53-.47l27.77 8.17a2 2 0 0 0 2.48-2.48l-8.17-27.77a6.05 6.05 0 0 1 .47-4.53"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M142 140a10 10 0 1 1-10-10a10 10 0 0 1 10 10m46-10a10 10 0 1 0 10 10a10 10 0 0 0-10-10m49.42 82A14 14 0 0 1 220 229.42l-25.46-7.49a78 78 0 0 1-106.7-40.35a77 77 0 0 1-26.42-7.65L36 181.42A14 14 0 0 1 18.58 164l7.49-25.46a78 78 0 1 1 142.12-64.11a78 78 0 0 1 61.74 112.15ZM83.86 168.87a77.92 77.92 0 0 1 71-94.68a66 66 0 1 0-117.1 60.94a6.05 6.05 0 0 1 .47 4.53l-8.17 27.76a2 2 0 0 0 2.48 2.49l27.77-8.17a6.06 6.06 0 0 1 4.53.47a65.2 65.2 0 0 0 19.02 6.66m134.35 14.26a66 66 0 1 0-27.08 27.08a6.06 6.06 0 0 1 4.53-.47l27.77 8.17a2 2 0 0 0 2.48-2.48l-8.17-27.77a6.05 6.05 0 0 1 .47-4.53"/></svg> </template>
CSS
.icon-wechat-logo-light {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M142%20140a10%2010%200%201%201-10-10a10%2010%200%200%201%2010%2010m46-10a10%2010%200%201%200%2010%2010a10%2010%200%200%200-10-10m49.42%2082A14%2014%200%200%201%20220%20229.42l-25.46-7.49a78%2078%200%200%201-106.7-40.35a77%2077%200%200%201-26.42-7.65L36%20181.42A14%2014%200%200%201%2018.58%20164l7.49-25.46a78%2078%200%201%201%20142.12-64.11a78%2078%200%200%201%2061.74%20112.15ZM83.86%20168.87a77.92%2077.92%200%200%201%2071-94.68a66%2066%200%201%200-117.1%2060.94a6.05%206.05%200%200%201%20.47%204.53l-8.17%2027.76a2%202%200%200%200%202.48%202.49l27.77-8.17a6.06%206.06%200%200%201%204.53.47a65.2%2065.2%200%200%200%2019.02%206.66m134.35%2014.26a66%2066%200%201%200-27.08%2027.08a6.06%206.06%200%200%201%204.53-.47l27.77%208.17a2%202%200%200%200%202.48-2.48l-8.17-27.77a6.05%206.05%200%200%201%20.47-4.53%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M142%20140a10%2010%200%201%201-10-10a10%2010%200%200%201%2010%2010m46-10a10%2010%200%201%200%2010%2010a10%2010%200%200%200-10-10m49.42%2082A14%2014%200%200%201%20220%20229.42l-25.46-7.49a78%2078%200%200%201-106.7-40.35a77%2077%200%200%201-26.42-7.65L36%20181.42A14%2014%200%200%201%2018.58%20164l7.49-25.46a78%2078%200%201%201%20142.12-64.11a78%2078%200%200%201%2061.74%20112.15ZM83.86%20168.87a77.92%2077.92%200%200%201%2071-94.68a66%2066%200%201%200-117.1%2060.94a6.05%206.05%200%200%201%20.47%204.53l-8.17%2027.76a2%202%200%200%200%202.48%202.49l27.77-8.17a6.06%206.06%200%200%201%204.53.47a65.2%2065.2%200%200%200%2019.02%206.66m134.35%2014.26a66%2066%200%201%200-27.08%2027.08a6.06%206.06%200%200%201%204.53-.47l27.77%208.17a2%202%200%200%200%202.48-2.48l-8.17-27.77a6.05%206.05%200%200%201%20.47-4.53%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/wechat-logo-light.svg?color=%231a73e8&size=48
