Weixin Scan icon
icon-park:weixin-scan
The Weixin Scan icon (icon-park:weixin-scan) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 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
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Others
- Tags
- weixinscan
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="#2F88FF" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M37 30H12L14 35H26L28.0883 41.2649C28.6328 42.8983 30.1613 44 31.883 44H38C40.2091 44 42 42.2091 42 40V30L43 23L39.3536 23.7293C38.5388 23.8922 37.9097 24.542 37.7731 25.3616L37 30Z"/><path d="M11 18H36L34 13H22L19.9117 6.73509C19.3672 5.10172 17.8387 4 16.117 4H10C7.79086 4 6 5.79086 6 8V18L5 25L8.64639 24.2707C9.46118 24.1078 10.0903 23.458 10.2269 22.6384L11 18Z"/></g></svg>
How to use the Weixin Scan icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:weixin-scan" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:weixin-scan" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:weixin-scan" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--weixin-scan]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:weixin-scan"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:weixin-scan"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/weixin-scan.svg" alt="Weixin Scan icon" width="24" height="24">
Related icons in IconPark
Weixin Scan icon in other icon sets
Weixin Scan icon FAQ
Is the Weixin Scan icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Weixin Scan icon in React?
Install @iconify/react and render <Icon icon="icon-park:weixin-scan" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Weixin Scan icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/weixin-scan.svg" alt="Weixin Scan icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
