logo wechat icon
logo-wechat from Carbon by IBM · Outline · Brand · Apache-2.0 Free for personal and commercial use.
- Name
- logo-wechat
- Set
- Carbon
- Style
- Outline
- Category
- Brand
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More brand icons from Carbon
beecarboncarbon-for-aemcarbon-for-ibm-dotcomcarbon-for-ibm-productcarbon-for-mobilecarbon-for-salesforcecarbon-ui-buildercloud-appedt-loopibm-cloudibm-partner-plusibm-securitylogo-angularlogo-ansible-communitylogo-astradblogo-blueskylogo-digglogo-discordlogo-facebooklogo-figmalogo-flickrlogo-gitlogo-github
Use the logo wechat icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" fill-rule="evenodd" d="M27.086 24.78A6.62 6.62 0 0 0 30 19.465c0-3.88-3.776-7.027-8.434-7.027s-8.434 3.147-8.434 7.027s3.777 7.028 8.434 7.028a10 10 0 0 0 2.754-.385l.247-.037a.9.9 0 0 1 .448.13l1.847 1.066l.162.053a.28.28 0 0 0 .281-.282l-.045-.205l-.38-1.417l-.03-.18a.56.56 0 0 1 .236-.458M12.12 4.68C6.53 4.68 2 8.455 2 13.114a7.94 7.94 0 0 0 3.497 6.374a.67.67 0 0 1 .283.55l-.035.215l-.456 1.701l-.055.246a.34.34 0 0 0 .337.338l.196-.063l2.216-1.28a1.06 1.06 0 0 1 .536-.155l.298.044a12 12 0 0 0 3.304.464l.555-.014a6.5 6.5 0 0 1-.34-2.067c0-4.247 4.133-7.691 9.23-7.691l.55.014c-.762-4.029-4.947-7.11-9.995-7.11m6.633 13.663a1.125 1.125 0 1 1 1.125-1.125a1.124 1.124 0 0 1-1.125 1.125m5.624 0a1.125 1.125 0 1 1 1.123-1.125a1.125 1.125 0 0 1-1.123 1.125m-15.631-6.58a1.35 1.35 0 1 1 1.35-1.348a1.35 1.35 0 0 1-1.35 1.349m6.747 0a1.35 1.35 0 1 1 1.35-1.348a1.35 1.35 0 0 1-1.35 1.349"/></svg>
React
import type { SVGProps } from "react";
export function CarbonLogoWechat(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" fillRule="evenodd" d="M27.086 24.78A6.62 6.62 0 0 0 30 19.465c0-3.88-3.776-7.027-8.434-7.027s-8.434 3.147-8.434 7.027s3.777 7.028 8.434 7.028a10 10 0 0 0 2.754-.385l.247-.037a.9.9 0 0 1 .448.13l1.847 1.066l.162.053a.28.28 0 0 0 .281-.282l-.045-.205l-.38-1.417l-.03-.18a.56.56 0 0 1 .236-.458M12.12 4.68C6.53 4.68 2 8.455 2 13.114a7.94 7.94 0 0 0 3.497 6.374a.67.67 0 0 1 .283.55l-.035.215l-.456 1.701l-.055.246a.34.34 0 0 0 .337.338l.196-.063l2.216-1.28a1.06 1.06 0 0 1 .536-.155l.298.044a12 12 0 0 0 3.304.464l.555-.014a6.5 6.5 0 0 1-.34-2.067c0-4.247 4.133-7.691 9.23-7.691l.55.014c-.762-4.029-4.947-7.11-9.995-7.11m6.633 13.663a1.125 1.125 0 1 1 1.125-1.125a1.124 1.124 0 0 1-1.125 1.125m5.624 0a1.125 1.125 0 1 1 1.123-1.125a1.125 1.125 0 0 1-1.123 1.125m-15.631-6.58a1.35 1.35 0 1 1 1.35-1.348a1.35 1.35 0 0 1-1.35 1.349m6.747 0a1.35 1.35 0 1 1 1.35-1.348a1.35 1.35 0 0 1-1.35 1.349"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" fill-rule="evenodd" d="M27.086 24.78A6.62 6.62 0 0 0 30 19.465c0-3.88-3.776-7.027-8.434-7.027s-8.434 3.147-8.434 7.027s3.777 7.028 8.434 7.028a10 10 0 0 0 2.754-.385l.247-.037a.9.9 0 0 1 .448.13l1.847 1.066l.162.053a.28.28 0 0 0 .281-.282l-.045-.205l-.38-1.417l-.03-.18a.56.56 0 0 1 .236-.458M12.12 4.68C6.53 4.68 2 8.455 2 13.114a7.94 7.94 0 0 0 3.497 6.374a.67.67 0 0 1 .283.55l-.035.215l-.456 1.701l-.055.246a.34.34 0 0 0 .337.338l.196-.063l2.216-1.28a1.06 1.06 0 0 1 .536-.155l.298.044a12 12 0 0 0 3.304.464l.555-.014a6.5 6.5 0 0 1-.34-2.067c0-4.247 4.133-7.691 9.23-7.691l.55.014c-.762-4.029-4.947-7.11-9.995-7.11m6.633 13.663a1.125 1.125 0 1 1 1.125-1.125a1.124 1.124 0 0 1-1.125 1.125m5.624 0a1.125 1.125 0 1 1 1.123-1.125a1.125 1.125 0 0 1-1.123 1.125m-15.631-6.58a1.35 1.35 0 1 1 1.35-1.348a1.35 1.35 0 0 1-1.35 1.349m6.747 0a1.35 1.35 0 1 1 1.35-1.348a1.35 1.35 0 0 1-1.35 1.349"/></svg> </template>
CSS
.icon-logo-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M27.086%2024.78A6.62%206.62%200%200%200%2030%2019.465c0-3.88-3.776-7.027-8.434-7.027s-8.434%203.147-8.434%207.027s3.777%207.028%208.434%207.028a10%2010%200%200%200%202.754-.385l.247-.037a.9.9%200%200%201%20.448.13l1.847%201.066l.162.053a.28.28%200%200%200%20.281-.282l-.045-.205l-.38-1.417l-.03-.18a.56.56%200%200%201%20.236-.458M12.12%204.68C6.53%204.68%202%208.455%202%2013.114a7.94%207.94%200%200%200%203.497%206.374a.67.67%200%200%201%20.283.55l-.035.215l-.456%201.701l-.055.246a.34.34%200%200%200%20.337.338l.196-.063l2.216-1.28a1.06%201.06%200%200%201%20.536-.155l.298.044a12%2012%200%200%200%203.304.464l.555-.014a6.5%206.5%200%200%201-.34-2.067c0-4.247%204.133-7.691%209.23-7.691l.55.014c-.762-4.029-4.947-7.11-9.995-7.11m6.633%2013.663a1.125%201.125%200%201%201%201.125-1.125a1.124%201.124%200%200%201-1.125%201.125m5.624%200a1.125%201.125%200%201%201%201.123-1.125a1.125%201.125%200%200%201-1.123%201.125m-15.631-6.58a1.35%201.35%200%201%201%201.35-1.348a1.35%201.35%200%200%201-1.35%201.349m6.747%200a1.35%201.35%200%201%201%201.35-1.348a1.35%201.35%200%200%201-1.35%201.349%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M27.086%2024.78A6.62%206.62%200%200%200%2030%2019.465c0-3.88-3.776-7.027-8.434-7.027s-8.434%203.147-8.434%207.027s3.777%207.028%208.434%207.028a10%2010%200%200%200%202.754-.385l.247-.037a.9.9%200%200%201%20.448.13l1.847%201.066l.162.053a.28.28%200%200%200%20.281-.282l-.045-.205l-.38-1.417l-.03-.18a.56.56%200%200%201%20.236-.458M12.12%204.68C6.53%204.68%202%208.455%202%2013.114a7.94%207.94%200%200%200%203.497%206.374a.67.67%200%200%201%20.283.55l-.035.215l-.456%201.701l-.055.246a.34.34%200%200%200%20.337.338l.196-.063l2.216-1.28a1.06%201.06%200%200%201%20.536-.155l.298.044a12%2012%200%200%200%203.304.464l.555-.014a6.5%206.5%200%200%201-.34-2.067c0-4.247%204.133-7.691%209.23-7.691l.55.014c-.762-4.029-4.947-7.11-9.995-7.11m6.633%2013.663a1.125%201.125%200%201%201%201.125-1.125a1.124%201.124%200%200%201-1.125%201.125m5.624%200a1.125%201.125%200%201%201%201.123-1.125a1.125%201.125%200%200%201-1.123%201.125m-15.631-6.58a1.35%201.35%200%201%201%201.35-1.348a1.35%201.35%200%200%201-1.35%201.349m6.747%200a1.35%201.35%200%201%201%201.35-1.348a1.35%201.35%200%200%201-1.35%201.349%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/logo-wechat.svg?color=%231a73e8&size=48
