Github アイコン
icomoon-free:github
Github アイコン(icomoon-free:github)は、IcoMoon Free セットの無料 SVG アイコンです（作者: Keyamoon）。 24 × 24 のグリッドで描かれています。 IcoMoon Free icons は GPL ライセンス で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- IcoMoon Free
- 作者
- Keyamoon
- ライセンス
- GPL-3.0-or-later
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8 .198a8 8 0 0 0-2.529 15.591c.4.074.547-.174.547-.385c0-.191-.008-.821-.011-1.489c-2.226.484-2.695-.944-2.695-.944c-.364-.925-.888-1.171-.888-1.171c-.726-.497.055-.486.055-.486c.803.056 1.226.824 1.226.824c.714 1.223 1.872.869 2.328.665c.072-.517.279-.87.508-1.07c-1.777-.202-3.645-.888-3.645-3.954c0-.873.313-1.587.824-2.147c-.083-.202-.357-1.015.077-2.117c0 0 .672-.215 2.201.82A7.7 7.7 0 0 1 8 4.066c.68.003 1.365.092 2.004.269c1.527-1.035 2.198-.82 2.198-.82c.435 1.102.162 1.916.079 2.117c.513.56.823 1.274.823 2.147c0 3.073-1.872 3.749-3.653 3.947c.287.248.543.735.543 1.481c0 1.07-.009 1.932-.009 2.195c0 .213.144.462.55.384A8 8 0 0 0 8.001.196z"/></svg>
Github アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="icomoon-free:github" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icomoon-free:github" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icomoon-free:github" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icomoon-free--github]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icomoon-free -->
<div class="i-icomoon-free:github"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icomoon-free:github"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/icomoon-free/github.svg" alt="Github アイコン" width="24" height="24">
Github アイコン のよくある質問
Github アイコンは商用利用でも無料ですか?
はい。IcoMoon Free icons は GPL ライセンス で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。
React で Github アイコンを使うには?
@iconify/react をインストールして <Icon icon="icomoon-free:github" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Github アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/icomoon-free/github.svg" alt="Github アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
IcoMoon Free アイコン をすべて見る →
ICONYZ
