Sina Weibo アイコン

Q: Sina Weibo アイコンは商用利用でも無料ですか?

はい。Bootstrap Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

bi:sina-weibo

Sina Weibo アイコン(bi:sina-weibo)は、Bootstrap Icons セットの無料 SVG アイコンです（作者: The Bootstrap Authors）。 24 × 24 のグリッドで描かれています。 Bootstrap Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Bootstrap Icons
作者: The Bootstrap Authors
ライセンス: MIT
サイズ: 24 × 24
タグ: sinaweibo

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10.878 1.093a4.23 4.23 0 0 1 4.031 1.305a4.22 4.22 0 0 1 .886 4.14v.001a.612.612 0 0 1-1.166-.377a3.01 3.01 0 0 0-3.495-3.873a.611.611 0 1 1-.256-1.196M3.753 9.465c.548-1.11 1.972-1.74 3.233-1.411c1.304.338 1.971 1.568 1.437 2.764c-.541 1.221-2.095 1.875-3.416 1.449c-1.271-.411-1.812-1.67-1.254-2.802m2.658.567c.16.066.365-.009.458-.168c.088-.16.03-.34-.129-.397c-.156-.062-.353.013-.446.168c-.09.154-.041.333.117.397m-1.607 1.314c.413.188.963.009 1.219-.4c.252-.413.12-.883-.296-1.062c-.41-.172-.94.005-1.194.402c-.256.4-.135.874.271 1.06"/><path d="m12.014 7.238l.005.001c.919.285 1.941.974 1.939 2.188c0 2.007-2.895 4.535-7.246 4.535C3.393 13.962 0 12.352 0 9.708c0-1.385.876-2.985 2.384-4.493C4.4 3.199 6.751 2.28 7.634 3.165c.39.392.427 1.065.177 1.87c-.132.405.38.182.38.182c1.63-.682 3.051-.722 3.57.02c.278.397.252.951-.004 1.594c-.116.293.035.34.257.407m-10.4 3.101c.172 1.738 2.46 2.936 5.109 2.674c2.647-.26 4.656-1.883 4.482-3.623c-.17-1.738-2.458-2.937-5.107-2.674c-2.647.263-4.656 1.883-4.484 3.623m11.681-6.484a2.06 2.06 0 0 0-1.962-.634a.526.526 0 1 0 .219 1.031a1.008 1.008 0 0 1 1.17 1.296a.528.528 0 0 0 1.005.325a2.06 2.06 0 0 0-.432-2.018"/></g></svg>

Sina Weibo アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="bi:sina-weibo" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="bi:sina-weibo" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="bi:sina-weibo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[bi--sina-weibo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/bi -->
<div class="i-bi:sina-weibo"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="bi:sina-weibo"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/bi/sina-weibo.svg" alt="Sina Weibo アイコン" width="24" height="24">

他のアイコンセットの Sina Weibo アイコン

Sina Weibo アイコンのよくある質問

Sina Weibo アイコンは商用利用でも無料ですか?

はい。Bootstrap Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Sina Weibo アイコンを使うには?

@iconify/react をインストールして <Icon icon="bi:sina-weibo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Sina Weibo アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/bi/sina-weibo.svg" alt="Sina Weibo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Bootstrap Icons をすべて見る →