IconSearch logoIconsearch
Home/Libraries/CoreUI Brands (Iconify)/wechat
← Back to Search
CoreUI Brands (Iconify)

Wechat

License: CC0-1.0Commercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><path fill="#818cf8" d="M31.385 16.995c-.807-1.839-2.344-3.297-4.12-4.198c-3.141-1.589-7.042-1.583-10.172.042c-2.177 1.115-3.99 3.115-4.505 5.547c-.427 1.792-.047 3.719.906 5.281c1.417 2.349 3.974 3.849 6.63 4.328c1.922.391 3.911.161 5.781-.375c1.125.432 2.125 1.135 3.214 1.661a67 67 0 0 0-.906-2.807c1.224-.865 2.328-1.948 2.995-3.302c.99-1.885 1.052-4.229.177-6.177M18.156 4.375c-3.328-1.87-7.469-2.151-11.047-.859c-2.354.849-4.479 2.422-5.797 4.563C.119 10.011-.329 12.423.249 14.631c.573 2.453 2.281 4.51 4.349 5.885a106 106 0 0 0-1.141 3.406c1.297-.677 2.599-1.391 3.901-2.078c1.557.5 3.219.745 4.88.688c-.443-1.255-.542-2.62-.339-3.932c.297-1.828 1.297-3.5 2.656-4.74c2.302-2.156 5.563-3.063 8.661-2.844c-.583-2.844-2.583-5.25-5.099-6.641zm2.313 13.318c-.281.87-1.542 1.13-2.156.469c-.672-.609-.411-1.891.474-2.161c.979-.411 2.109.714 1.682 1.693zm6.39.125c-.339.781-1.521.964-2.099.359c-.281-.255-.359-.641-.458-.974c.135-.609.557-1.245 1.24-1.271c.938-.13 1.781 1.031 1.297 1.885zm-9.541-8.604c.01 1.281-1.698 2.078-2.656 1.208c-1-.714-.714-2.448.453-2.807c1.047-.417 2.286.458 2.203 1.583zm-8.078.322c-.229 1.115-1.719 1.651-2.594.906c-1.01-.714-.729-2.484.458-2.844c1.167-.448 2.49.734 2.135 1.938z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. WechatIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in CoreUI Brands (Iconify)

Browse all CoreUI Brands (Iconify) icons →
500px
500px
500px-5
500px-5
about-me
about-me
abstract
abstract
acm
acm
addthis
addthis
adguard
adguard
adobe
adobe
adobe-acrobat-reader
adobe-acrobat-reader
adobe-after-effects
adobe-after-effects
adobe-audition
adobe-audition
adobe-creative-cloud
adobe-creative-cloud