Weibo アイコン
bxl:weibo
Weibo アイコン(bxl:weibo)は、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="M17.02 11.7c-.28-.09-.47-.14-.33-.51c.32-.8.35-1.5 0-1.99c-.65-.93-2.43-.88-4.46-.02c0 0-.64.28-.47-.23c.31-1.01.26-1.85-.22-2.34c-1.1-1.11-4.04.04-6.56 2.56C3.1 11.05 2 13.06 2 14.79c0 3.31 4.24 5.32 8.39 5.32c5.44 0 9.06-3.16 9.06-5.67c0-1.52-1.27-2.38-2.42-2.73Zm-6.62 7.22c-3.31.33-6.17-1.17-6.39-3.34s2.3-4.2 5.6-4.53c3.31-.33 6.17 1.17 6.38 3.34c.22 2.17-2.29 4.2-5.6 4.53Zm5.2-14.9a.767.767 0 1 0 .32 1.5c1.27-.27 2.65.12 3.58 1.16c.93 1.03 1.19 2.45.79 3.68a.763.763 0 0 0 1.45.47c.56-1.74.21-3.72-1.11-5.18a5.28 5.28 0 0 0-5.04-1.63Z"/><path fill="currentColor" d="M18.33 10.41c.35.11.72-.08.83-.42c.27-.85.1-1.81-.54-2.52s-1.58-.98-2.45-.79a.66.66 0 0 0-.51.78c.08.36.43.58.78.5c.42-.09.89.04 1.2.39s.4.82.26 1.23c-.11.34.08.72.42.83Zm-7.6 2.31c-1.58-.41-3.36.38-4.04 1.76c-.7 1.42-.02 2.99 1.57 3.5c1.65.53 3.59-.28 4.27-1.81c.67-1.5-.17-3.03-1.8-3.46Zm-1.2 3.62c-.32.51-1.01.73-1.52.5s-.66-.83-.34-1.32c.32-.5.98-.72 1.49-.5c.52.22.68.81.37 1.33Zm1.06-1.35c-.12.2-.37.29-.57.21s-.26-.3-.15-.5c.12-.19.36-.29.56-.21c.2.07.27.3.16.5"/></svg>
Weibo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="bxl:weibo" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bxl:weibo" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bxl:weibo" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bxl--weibo]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bxl -->
<div class="i-bxl:weibo"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bxl:weibo"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/bxl/weibo.svg" alt="Weibo アイコン" width="24" height="24">
Weibo アイコン のよくある質問
Weibo アイコンは商用利用でも無料ですか?
はい。Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Weibo アイコンを使うには?
@iconify/react をインストールして <Icon icon="bxl:weibo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Weibo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/bxl/weibo.svg" alt="Weibo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Boxicons Brands アイコン をすべて見る →
ICONYZ
