Weibo Line アイコン
mingcute:weibo-line
Weibo Line アイコン(mingcute:weibo-line)は、MingCute Icon セットの無料 SVG アイコンです(作者: MingCute Design)。 24 × 24 のグリッドで描かれています。 MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- MingCute Icon
- 作者
- MingCute Design
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- タグ
- weiboline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m12.633 9.43l-.9-.435a1 1 0 0 0 1.347 1.33zm-3.4-2.937l-.46-.888zm7.934 5.285l-.8-.6a1 1 0 0 0 .473 1.546zM21 9a1 1 0 1 0 2 0zm-2.087-4.62l-.382.924zM17 3a1 1 0 1 0 0 2zm3 11.715h-1c0 .988-.647 2.035-2.018 2.888C15.627 18.446 13.691 19 11.5 19v2c2.504 0 4.818-.63 6.538-1.699C19.744 18.241 21 16.646 21 14.715zM11.5 20v-1c-2.19 0-4.126-.554-5.482-1.397C4.647 16.75 4 15.703 4 14.715H2c0 1.93 1.256 3.526 2.962 4.586C6.682 20.371 8.996 21 11.5 21zM3 14.715h1c0-1.157.575-2.56 1.634-3.934a12.6 12.6 0 0 1 4.06-3.4l-.46-.888l-.46-.888A14.6 14.6 0 0 0 4.05 9.56C2.842 11.126 2 12.953 2 14.715zm6.233-8.222l.46.888c1.2-.621 1.815-.346 2.028-.136c.237.232.456.829.012 1.75l.9.434l.901.435c.689-1.428.624-3.033-.414-4.049c-1.06-1.038-2.712-1.057-4.347-.21zm3.4 2.936l.447.895c2.378-1.187 3.26-.763 3.45-.579c.192.185.332.773-.163 1.434l.8.6l.8.6c.838-1.119 1.145-2.92-.047-4.072c-1.193-1.153-3.244-1.015-5.733.228zm4.534 2.35l-.327.945c1.6.552 2.16 1.28 2.16 1.99h2c0-2.063-1.706-3.259-3.507-3.88zM22 9h1a6 6 0 0 0-.457-2.296l-.924.383l-.924.382A4 4 0 0 1 21 9zm-.38-1.913l.923-.383a6 6 0 0 0-1.3-1.947l-.707.707l-.708.708c.372.371.666.812.867 1.297zm-1.085-1.623l.708-.707a6 6 0 0 0-1.947-1.3l-.383.924l-.382.923a4 4 0 0 1 1.297.868zm-1.622-1.083l.383-.924A6 6 0 0 0 17 3v2a4 4 0 0 1 1.53.304z"/></svg>Weibo Line アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:weibo-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:weibo-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:weibo-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--weibo-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:weibo-line"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:weibo-line"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mingcute/weibo-line.svg" alt="Weibo Line アイコン" width="24" height="24">MingCute Icon の関連アイコン
他のアイコンセットの Weibo Line アイコン
Weibo Line アイコン のよくある質問
Weibo Line アイコンは商用利用でも無料ですか?
はい。MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Weibo Line アイコンを使うには?
@iconify/react をインストールして <Icon icon="mingcute:weibo-line" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Weibo Line アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mingcute/weibo-line.svg" alt="Weibo Line アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。