Github Light アイコン
thesvg-color:github-light
Github Light アイコン(thesvg-color:github-light)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 1024 × 1024 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 1024 × 1024
- タグ
- githublight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="#1b1f23" fill-rule="evenodd" d="M512 0C229.12 0 0 229.12 0 512c0 226.56 146.56 417.92 350.08 485.76c25.6 4.48 35.2-10.88 35.2-24.32c0-12.16-.64-52.48-.64-95.36c-128.64 23.68-161.92-31.36-172.16-60.16c-5.76-14.72-30.72-60.16-52.48-72.32c-17.92-9.6-43.52-33.28-.64-33.92c40.32-.64 69.12 37.12 78.72 52.48c46.08 77.44 119.68 55.68 149.12 42.24c4.48-33.28 17.92-55.68 32.64-68.48c-113.92-12.8-232.96-56.96-232.96-252.8c0-55.68 19.84-101.76 52.48-137.6c-5.12-12.8-23.04-65.28 5.12-135.68c0 0 42.88-13.44 140.8 52.48c40.96-11.52 84.48-17.28 128-17.28s87.04 5.76 128 17.28c97.92-66.56 140.8-52.48 140.8-52.48c28.16 70.4 10.24 122.88 5.12 135.68c32.64 35.84 52.48 81.28 52.48 137.6c0 196.48-119.68 240-233.6 252.8c18.56 16 34.56 46.72 34.56 94.72c0 68.48-.64 123.52-.64 140.8c0 13.44 9.6 29.44 35.2 24.32C877.44 929.92 1024 737.92 1024 512C1024 229.12 794.88 0 512 0" clip-rule="evenodd"/></svg>
Github Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:github-light" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:github-light" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:github-light" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--github-light]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:github-light"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:github-light"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/github-light.svg" alt="Github Light アイコン" width="24" height="24">
他のアイコンセットの Github Light アイコン
Github Light アイコン のよくある質問
Github Light アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Github Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:github-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Github Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/github-light.svg" alt="Github Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
theSVG Color アイコン をすべて見る →
ICONYZ
