Github Inverted アイコン
codicon:github-inverted
Github Inverted アイコン(codicon:github-inverted)は、Codicons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 24 × 24 のグリッドで描かれています。 Codicons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Codicons
- 作者
- Microsoft Corporation
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- タグ
- githubinverted
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.976 0A7.977 7.977 0 0 0 0 7.976c0 3.523 2.3 6.507 5.431 7.584c.392.049.538-.196.538-.392v-1.37c-2.201.49-2.69-1.076-2.69-1.076c-.343-.93-.881-1.175-.881-1.175c-.734-.489.048-.489.048-.489c.783.049 1.224.832 1.224.832c.734 1.223 1.859.88 2.3.685c.048-.538.293-.88.489-1.076c-1.762-.196-3.621-.881-3.621-3.964c0-.88.293-1.566.832-2.153c-.05-.147-.343-.978.098-2.055c0 0 .685-.195 2.201.832c.636-.196 1.322-.245 2.007-.245s1.37.098 2.006.245c1.517-1.027 2.202-.832 2.202-.832c.44 1.077.146 1.908.097 2.104a3.16 3.16 0 0 1 .832 2.153c0 3.083-1.86 3.719-3.62 3.915c.293.244.538.733.538 1.467v2.202c0 .196.146.44.538.392A7.98 7.98 0 0 0 16 7.976C15.951 3.572 12.38 0 7.976 0" clip-rule="evenodd"/></svg>Github Inverted アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="codicon:github-inverted" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="codicon:github-inverted" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="codicon:github-inverted" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[codicon--github-inverted]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/codicon -->
<div class="i-codicon:github-inverted"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="codicon:github-inverted"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/codicon/github-inverted.svg" alt="Github Inverted アイコン" width="24" height="24">Codicons の関連アイコン
Github Inverted アイコン のよくある質問
Github Inverted アイコンは商用利用でも無料ですか?
はい。Codicons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Github Inverted アイコンを使うには?
@iconify/react をインストールして <Icon icon="codicon:github-inverted" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Github Inverted アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/codicon/github-inverted.svg" alt="Github Inverted アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。