Wechat アイコン
bxl:wechat
Wechat アイコン(bxl:wechat)は、Boxicons Brands セットの無料 SVG アイコンです（作者: Boxicons）。 24 × 24 のグリッドで描かれています。 Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Boxicons Brands
- 作者
- Boxicons
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.11 10.6c1.31-1.27 2.93-1.83 4.78-1.93c-.11-1.13-.5-2.08-1.15-2.93c-1.8-2.35-5.13-3.34-8.09-2.37c-2.17.71-3.77 2.07-4.42 4.31c-.7 2.42.24 4.78 2.47 6.35c.35.25.4.46.29.83c-.15.51-.24 1.05-.38 1.65c.73-.46 1.35-.87 2-1.23c.19-.11.47-.14.7-.12c.66.06 1.33.15 2.05.24c-.17-1.95.44-3.53 1.76-4.81Zm.7-3.54c.47 0 .84.36.85.82c0 .47-.35.84-.83.84c-.47 0-.85-.36-.86-.82c0-.45.38-.84.84-.84M6.48 8.72a.816.816 0 0 1-.81-.85c.01-.46.4-.82.87-.8c.46.01.84.41.82.86a.85.85 0 0 1-.87.8Z"/><path fill="currentColor" d="M12.56 10.35c-2.96 1.94-3.33 5.57-.77 7.94c1.35 1.25 2.98 1.75 4.8 1.57c.6-.06 1.2-.39 1.77-.33s1.11.45 1.7.71c-.04-.16-.05-.31-.11-.44c-.37-.67-.16-1.09.41-1.6c1.98-1.75 2.17-4.53.55-6.62c-1.86-2.39-5.72-2.97-8.35-1.24Zm.82 3.41c-.37 0-.68-.3-.69-.67c-.01-.39.31-.72.7-.72s.71.33.69.72c-.01.37-.32.66-.7.66Zm4.3 0c-.39 0-.69-.32-.68-.72c.01-.37.32-.66.69-.66c.39 0 .69.33.68.72c-.01.37-.31.66-.69.66"/></svg>
Wechat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="bxl:wechat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bxl:wechat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bxl:wechat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bxl--wechat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bxl -->
<div class="i-bxl:wechat"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bxl:wechat"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/bxl/wechat.svg" alt="Wechat アイコン" width="24" height="24">
Wechat アイコン のよくある質問
Wechat アイコンは商用利用でも無料ですか?
はい。Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Wechat アイコンを使うには?
@iconify/react をインストールして <Icon icon="bxl:wechat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Wechat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/bxl/wechat.svg" alt="Wechat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Boxicons Brands アイコン をすべて見る →
ICONYZ
