weixin logo

weixin from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: weixin
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

weixinFont Awesome 6 Brands weixinLine Awesome

Use the weixin logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M417.2 231.6c6.4 0 12.6.3 18.8 1.1C419.4 154.3 335.3 96 239.7 96C132.5 96 45 168.8 45 261.4c0 53.4 29.3 97.5 77.9 131.6l-19.3 58.6l68-34.1c24.4 4.8 43.8 9.7 68.2 9.7c6.2 0 12.1-.3 18.3-.8c-4-12.9-6.2-26.6-6.2-40.8c-.1-84.9 72.9-154 165.3-154m-104.5-52.9c14.5 0 24.2 9.7 24.2 24.4c0 14.5-9.7 24.2-24.2 24.2c-14.8 0-29.3-9.7-29.3-24.2c.1-14.7 14.6-24.4 29.3-24.4m-136.4 48.6c-14.5 0-29.3-9.7-29.3-24.2c0-14.8 14.8-24.4 29.3-24.4c14.8 0 24.4 9.7 24.4 24.4c0 14.6-9.6 24.2-24.4 24.2M595 383.4c0-77.9-77.9-141.3-165.4-141.3c-92.7 0-165.4 63.4-165.4 141.3S337 524.7 429.6 524.7c19.3 0 38.9-5.1 58.6-9.9l53.4 29.3l-14.8-48.6C566 466.1 595 427.2 595 383.4m-219.1-24.5c-9.7 0-19.3-9.7-19.3-19.6c0-9.7 9.7-19.3 19.3-19.3c14.8 0 24.4 9.7 24.4 19.3c0 10-9.7 19.6-24.4 19.6m107.1 0c-9.7 0-19.3-9.7-19.3-19.6c0-9.7 9.7-19.3 19.3-19.3c14.5 0 24.4 9.7 24.4 19.3c.1 10-9.9 19.6-24.4 19.6"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsWeixin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M417.2 231.6c6.4 0 12.6.3 18.8 1.1C419.4 154.3 335.3 96 239.7 96C132.5 96 45 168.8 45 261.4c0 53.4 29.3 97.5 77.9 131.6l-19.3 58.6l68-34.1c24.4 4.8 43.8 9.7 68.2 9.7c6.2 0 12.1-.3 18.3-.8c-4-12.9-6.2-26.6-6.2-40.8c-.1-84.9 72.9-154 165.3-154m-104.5-52.9c14.5 0 24.2 9.7 24.2 24.4c0 14.5-9.7 24.2-24.2 24.2c-14.8 0-29.3-9.7-29.3-24.2c.1-14.7 14.6-24.4 29.3-24.4m-136.4 48.6c-14.5 0-29.3-9.7-29.3-24.2c0-14.8 14.8-24.4 29.3-24.4c14.8 0 24.4 9.7 24.4 24.4c0 14.6-9.6 24.2-24.4 24.2M595 383.4c0-77.9-77.9-141.3-165.4-141.3c-92.7 0-165.4 63.4-165.4 141.3S337 524.7 429.6 524.7c19.3 0 38.9-5.1 58.6-9.9l53.4 29.3l-14.8-48.6C566 466.1 595 427.2 595 383.4m-219.1-24.5c-9.7 0-19.3-9.7-19.3-19.6c0-9.7 9.7-19.3 19.3-19.3c14.8 0 24.4 9.7 24.4 19.3c0 10-9.7 19.6-24.4 19.6m107.1 0c-9.7 0-19.3-9.7-19.3-19.6c0-9.7 9.7-19.3 19.3-19.3c14.5 0 24.4 9.7 24.4 19.3c.1 10-9.9 19.6-24.4 19.6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M417.2 231.6c6.4 0 12.6.3 18.8 1.1C419.4 154.3 335.3 96 239.7 96C132.5 96 45 168.8 45 261.4c0 53.4 29.3 97.5 77.9 131.6l-19.3 58.6l68-34.1c24.4 4.8 43.8 9.7 68.2 9.7c6.2 0 12.1-.3 18.3-.8c-4-12.9-6.2-26.6-6.2-40.8c-.1-84.9 72.9-154 165.3-154m-104.5-52.9c14.5 0 24.2 9.7 24.2 24.4c0 14.5-9.7 24.2-24.2 24.2c-14.8 0-29.3-9.7-29.3-24.2c.1-14.7 14.6-24.4 29.3-24.4m-136.4 48.6c-14.5 0-29.3-9.7-29.3-24.2c0-14.8 14.8-24.4 29.3-24.4c14.8 0 24.4 9.7 24.4 24.4c0 14.6-9.6 24.2-24.4 24.2M595 383.4c0-77.9-77.9-141.3-165.4-141.3c-92.7 0-165.4 63.4-165.4 141.3S337 524.7 429.6 524.7c19.3 0 38.9-5.1 58.6-9.9l53.4 29.3l-14.8-48.6C566 466.1 595 427.2 595 383.4m-219.1-24.5c-9.7 0-19.3-9.7-19.3-19.6c0-9.7 9.7-19.3 19.3-19.3c14.8 0 24.4 9.7 24.4 19.3c0 10-9.7 19.6-24.4 19.6m107.1 0c-9.7 0-19.3-9.7-19.3-19.6c0-9.7 9.7-19.3 19.3-19.3c14.5 0 24.4 9.7 24.4 19.3c.1 10-9.9 19.6-24.4 19.6"/></svg>
</template>

CSS

.icon-weixin {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M417.2%20231.6c6.4%200%2012.6.3%2018.8%201.1C419.4%20154.3%20335.3%2096%20239.7%2096C132.5%2096%2045%20168.8%2045%20261.4c0%2053.4%2029.3%2097.5%2077.9%20131.6l-19.3%2058.6l68-34.1c24.4%204.8%2043.8%209.7%2068.2%209.7c6.2%200%2012.1-.3%2018.3-.8c-4-12.9-6.2-26.6-6.2-40.8c-.1-84.9%2072.9-154%20165.3-154m-104.5-52.9c14.5%200%2024.2%209.7%2024.2%2024.4c0%2014.5-9.7%2024.2-24.2%2024.2c-14.8%200-29.3-9.7-29.3-24.2c.1-14.7%2014.6-24.4%2029.3-24.4m-136.4%2048.6c-14.5%200-29.3-9.7-29.3-24.2c0-14.8%2014.8-24.4%2029.3-24.4c14.8%200%2024.4%209.7%2024.4%2024.4c0%2014.6-9.6%2024.2-24.4%2024.2M595%20383.4c0-77.9-77.9-141.3-165.4-141.3c-92.7%200-165.4%2063.4-165.4%20141.3S337%20524.7%20429.6%20524.7c19.3%200%2038.9-5.1%2058.6-9.9l53.4%2029.3l-14.8-48.6C566%20466.1%20595%20427.2%20595%20383.4m-219.1-24.5c-9.7%200-19.3-9.7-19.3-19.6c0-9.7%209.7-19.3%2019.3-19.3c14.8%200%2024.4%209.7%2024.4%2019.3c0%2010-9.7%2019.6-24.4%2019.6m107.1%200c-9.7%200-19.3-9.7-19.3-19.6c0-9.7%209.7-19.3%2019.3-19.3c14.5%200%2024.4%209.7%2024.4%2019.3c.1%2010-9.9%2019.6-24.4%2019.6%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M417.2%20231.6c6.4%200%2012.6.3%2018.8%201.1C419.4%20154.3%20335.3%2096%20239.7%2096C132.5%2096%2045%20168.8%2045%20261.4c0%2053.4%2029.3%2097.5%2077.9%20131.6l-19.3%2058.6l68-34.1c24.4%204.8%2043.8%209.7%2068.2%209.7c6.2%200%2012.1-.3%2018.3-.8c-4-12.9-6.2-26.6-6.2-40.8c-.1-84.9%2072.9-154%20165.3-154m-104.5-52.9c14.5%200%2024.2%209.7%2024.2%2024.4c0%2014.5-9.7%2024.2-24.2%2024.2c-14.8%200-29.3-9.7-29.3-24.2c.1-14.7%2014.6-24.4%2029.3-24.4m-136.4%2048.6c-14.5%200-29.3-9.7-29.3-24.2c0-14.8%2014.8-24.4%2029.3-24.4c14.8%200%2024.4%209.7%2024.4%2024.4c0%2014.6-9.6%2024.2-24.4%2024.2M595%20383.4c0-77.9-77.9-141.3-165.4-141.3c-92.7%200-165.4%2063.4-165.4%20141.3S337%20524.7%20429.6%20524.7c19.3%200%2038.9-5.1%2058.6-9.9l53.4%2029.3l-14.8-48.6C566%20466.1%20595%20427.2%20595%20383.4m-219.1-24.5c-9.7%200-19.3-9.7-19.3-19.6c0-9.7%209.7-19.3%2019.3-19.3c14.8%200%2024.4%209.7%2024.4%2019.3c0%2010-9.7%2019.6-24.4%2019.6m107.1%200c-9.7%200-19.3-9.7-19.3-19.6c0-9.7%209.7-19.3%2019.3-19.3c14.5%200%2024.4%209.7%2024.4%2019.3c.1%2010-9.9%2019.6-24.4%2019.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/weixin.svg?color=%231a73e8&size=48