Wechat Work Filled icon
ant-design:wechat-work-filled
The Wechat Work Filled icon (ant-design:wechat-work-filled) is a free SVG icon from the Ant Design Icons set by HeskeyBaozi. It is drawn on a 1024 × 1024 grid. Ant Design Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Ant Design Icons
- Author
- HeskeyBaozi
- License
- MIT
- Size
- 1024 × 1024
- Tags
- wechatwork, workfilled, wechatworkfilled
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M805.333 112H218.667C159.756 112 112 159.756 112 218.667v586.666C112 864.244 159.756 912 218.667 912h586.666C864.244 912 912 864.244 912 805.333V218.667C912 159.756 864.244 112 805.333 112m-98.169 417.862a102.13 102.13 0 0 0 28.09 52.454l2.137 2.062c.409.275.796.573 1.156.902l.555.636l.191.022a7.964 7.964 0 0 1-.969 10.818a7.964 7.964 0 0 1-10.853-.178c-1.102-1.05-2.142-2.142-3.24-3.24a102.5 102.5 0 0 0-53.818-28.356l-2.004-.275c-.658-.116-1.342-.387-1.978-.387c-16.28-3.785-27.224-19.06-25.574-35.692s15.384-29.458 32.09-29.97c16.72-.5 31.213 11.487 33.857 28.004c.165 1.085.36 2.156.36 3.2M494.062 683.684a276.8 276.8 0 0 1-61.706.165a267.3 267.3 0 0 1-44.663-8.605l-68.44 34.405c-.329.244-.769.431-1.15.711h-.276a18.289 18.289 0 0 1-27.516-15.902q.042-.882.191-1.742c.134-1.97.6-3.898 1.378-5.712l2.747-11.155l9.564-39.56a277.6 277.6 0 0 1-49.253-54.671a186 186 0 0 1-31.827-103.516a182.4 182.4 0 0 1 19.076-81.044a204 204 0 0 1 37.19-52.316c38.916-39.938 93.259-65.52 153.094-72.035a278 278 0 0 1 30.182-1.64c10.498.03 20.987.649 31.414 1.866c59.586 6.783 113.653 32.476 152.266 72.36a203 203 0 0 1 37 52.476a182.3 182.3 0 0 1 18.17 94.675c-.52-.577-1.019-1.208-1.57-1.76c-10.873-10.836-27.75-12.823-40.844-4.808c.222-2.254.222-4.538.222-6.783a143.64 143.64 0 0 0-14.76-63.382a164 164 0 0 0-29.684-42.147c-31.774-32.768-76.467-53.955-125.885-59.55a234.4 234.4 0 0 0-51.67-.143c-49.614 5.413-94.605 26.453-126.574 59.262a163.6 163.6 0 0 0-29.818 41.951a143.4 143.4 0 0 0-15.12 63.925a147.16 147.16 0 0 0 25.289 81.515a170.5 170.5 0 0 0 24.929 29.396a172 172 0 0 0 17.564 14.747a17.6 17.6 0 0 1 6.351 19.622l-6.489 24.667l-1.866 7.146l-1.622 6.45a2.85 2.85 0 0 0 2.777 2.88a4 4 0 0 0 1.925-.68l43.866-25.934l1.432-.774a23.2 23.2 0 0 1 18.248-1.84c11.09 3.23 22.41 5.61 33.863 7.12l5.222.685a227.3 227.3 0 0 0 51.671-.138a226.6 226.6 0 0 0 42.747-9.067c-1.498 15.476 7.943 29.919 22.72 34.756a269.3 269.3 0 0 1-60.365 14.124m89.071-24.875a33.33 33.33 0 0 1-33.764-18.747a33.32 33.32 0 0 1 6.644-38.03a33.16 33.16 0 0 1 18.254-9.312c1.07-.142 2.19-.36 3.24-.36a102.37 102.37 0 0 0 52.475-28.053l2.2-2.33a10.2 10.2 0 0 1 1.57-1.68v-.026a7.969 7.969 0 1 1 10.64 11.809l-3.245 3.24a102.44 102.44 0 0 0-28.56 53.738c-.085.635-.276 1.35-.276 2.009l-.387 2.004a33.29 33.29 0 0 1-28.79 25.738m94.431 93.867c-16.405 2.02-31.809-8.303-36.177-24.245a28 28 0 0 1-1.098-6.729a102.4 102.4 0 0 0-28.147-52.39l-2.31-2.25a7 7 0 0 1-1.103-.91l-.542-.6h-.031v.057a7.964 7.964 0 0 1 .964-10.818a7.956 7.956 0 0 1 10.849.178l3.222 3.24a102.3 102.3 0 0 0 53.791 28.355l2.005.272a33.271 33.271 0 1 1-1.423 65.84m113.672-103.338a32.84 32.84 0 0 1-18.276 9.315a26 26 0 0 1-3.24.36a102.3 102.3 0 0 0-52.444 28.103a50 50 0 0 0-3.138 3.408l-.68.552h.022l.084.053a7.938 7.938 0 1 1-10.604-11.809l3.24-3.24a102.05 102.05 0 0 0 28.364-53.707a33.262 33.262 0 1 1 62.405-12.093a33.21 33.21 0 0 1-5.733 39.058"/></svg>How to use the Wechat Work Filled icon
React
import { Icon } from "@iconify/react";
<Icon icon="ant-design:wechat-work-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ant-design:wechat-work-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ant-design:wechat-work-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--wechat-work-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:wechat-work-filled"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ant-design:wechat-work-filled"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ant-design/wechat-work-filled.svg" alt="Wechat Work Filled icon" width="24" height="24">Related icons in Ant Design Icons
Wechat Work Filled icon FAQ
Is the Wechat Work Filled icon free for commercial use?
Yes. Ant Design Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Wechat Work Filled icon in React?
Install @iconify/react and render <Icon icon="ant-design:wechat-work-filled" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Wechat Work Filled icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ant-design/wechat-work-filled.svg" alt="Wechat Work Filled icon">, or paste the SVG code inline to style it with CSS.