Github アイコン

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

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

jam:github

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

アイコンセット: Jam Icons
作者: Michael Amprimo
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18.88 1.099Q17.78-.001 16.233 0H3.746Q2.198 0 1.099 1.099Q-.001 2.199 0 3.746v12.487q0 1.548 1.099 2.647q1.1 1.1 2.647 1.099H6.66q.285 0 .429-.02a.5.5 0 0 0 .286-.169q.143-.15.143-.435l-.007-.885q-.006-.846-.006-1.34l-.3.052q-.285.052-.721.046a5.6 5.6 0 0 1-.904-.091a2 2 0 0 1-.872-.39a1.65 1.65 0 0 1-.572-.8l-.13-.3a3.3 3.3 0 0 0-.41-.663q-.28-.364-.566-.494l-.09-.065a1 1 0 0 1-.17-.156a.7.7 0 0 1-.117-.182q-.039-.092.065-.15q.104-.06.378-.059l.26.04q.26.051.643.311a2.1 2.1 0 0 1 .631.677q.3.532.722.813q.423.28.852.28t.742-.065a2.6 2.6 0 0 0 .585-.196q.117-.871.637-1.34a9 9 0 0 1-1.333-.234a5.3 5.3 0 0 1-1.223-.507a3.5 3.5 0 0 1-1.047-.872q-.416-.52-.683-1.365q-.266-.846-.266-1.952q0-1.573 1.027-2.68q-.48-1.183.091-2.652q.378-.118 1.119.175t1.086.5q.345.21.553.352a9.2 9.2 0 0 1 2.497-.338q1.288 0 2.498.338l.494-.312a7 7 0 0 1 1.197-.572q.689-.26 1.054-.143q.585 1.47.103 2.653q1.028 1.105 1.028 2.68q0 1.106-.267 1.957q-.266.852-.689 1.366a3.7 3.7 0 0 1-1.053.865q-.63.351-1.223.507a9 9 0 0 1-1.333.235q.675.585.676 1.846v3.11q0 .22.065.357a.36.36 0 0 0 .208.189q.143.052.254.064q.111.014.318.013h2.914q1.548 0 2.647-1.099t1.099-2.647V3.746q0-1.548-1.1-2.647z"/></svg>

Github アイコンの使い方

React

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

<Icon icon="jam:github" width="24" />

Vue

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

<template>
  <Icon icon="jam:github" width="24" />
</template>

Svelte

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

<Icon icon="jam:github" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[jam--github]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/jam -->
<div class="i-jam:github"></div>

Web コンポーネント

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

<iconify-icon icon="jam:github"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/jam/github.svg" alt="Github アイコン" width="24" height="24">

Jam Icons の関連アイコン

他のアイコンセットの Github アイコン

Github アイコンのよくある質問

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

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

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

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

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

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

Jam Icons をすべて見る →