Github Sponsors アイコン
material-icon-theme:github-sponsors
Github Sponsors アイコン(material-icon-theme:github-sponsors)は、Material Icon Theme セットの無料 SVG アイコンです（作者: Material Extensions）。 24 × 24 のグリッドで描かれています。 Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Icon Theme
- 作者
- Material Extensions
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- githubsponsors、sponsor
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#f06292" d="M7.984 14q-.217 0-.409-.077a1.3 1.3 0 0 1-.369-.236l-.73-.671Q4.24 11.012 2.62 9.18Q1 7.35 1 5.43q0-1.453.994-2.441q.995-.99 2.445-.989q.85 0 1.784.436C6.845 2.727 7.438 3.142 8 4c.59-.858 1.189-1.273 1.798-1.564Q10.711 2 11.561 2q1.45 0 2.445.989q.994.988.994 2.44q0 1.967-1.7 3.823A59 59 0 0 1 9.526 13l-.747.687a1.15 1.15 0 0 1-.794.313z"/></svg>Github Sponsors アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:github-sponsors" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:github-sponsors" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:github-sponsors" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--github-sponsors]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:github-sponsors"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:github-sponsors"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-icon-theme/github-sponsors.svg" alt="Github Sponsors アイコン" width="24" height="24">Material Icon Theme の関連アイコン
他のアイコンセットの Github Sponsors アイコン
Github Sponsors アイコン のよくある質問
Github Sponsors アイコンは商用利用でも無料ですか?
はい。Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Github Sponsors アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-icon-theme:github-sponsors" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Github Sponsors アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-icon-theme/github-sponsors.svg" alt="Github Sponsors アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。