本文へスキップ
ツールGHギットハブダーク版

GitHub

GitHubの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

GitHub Logo
ダークモード用の公式バージョンがあります

ブランドカラー

クリックでカラーコードをコピー
単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。

ダウンロード

ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 1:1
書き出し解像度
1024 × 1024 px
viewBox
0 0 100 100
ファイルサイズ
865 B · 1 パス

編集と書き出し

色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。

カラー

背景

形式
サイズ

SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますGitHub.zip

ブランド仕様と SVG パラメーター

デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値

ブランド / 表示名
GitHub
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#24292Frgb(36, 41, 47) · hsl(213, 13%, 16%)
WCAG コントラストとファイルサイズ
白背景 14.7:1 · 黒背景 1.4:1 · 865 B

SVG コード

<?xml version="1.0" encoding="utf-8"?>
<svg viewBox="0 0 100 100" version="1.1" width="100" height="100" xmlns="http://www.w3.org/2000/svg">
<style type="text/css">
	.st0{fill:#24292E;}
</style>
<g id="github">
	<path class="st0" d="M50,6.1c-24.9,0-45,20.1-45,45C5,71,17.9,87.8,35.8,93.8c2.3,0.4,3.1-1,3.1-2.1c0-1.1-0.1-4.6-0.1-8.4
		c-11.3,2.1-14.2-2.8-15.1-5.3c-0.5-1.3-2.7-5.3-4.6-6.4c-1.6-0.8-3.8-2.9-0.1-3c3.5-0.1,6.1,3.3,6.9,4.6c4,6.8,10.5,4.9,13.1,3.7
		c0.4-2.9,1.6-4.9,2.9-6c-10-1.1-20.5-5-20.5-22.2c0-4.9,1.7-8.9,4.6-12.1c-0.5-1.1-2-5.7,0.4-11.9c0,0,3.8-1.2,12.4,4.6
		c3.6-1,7.4-1.5,11.3-1.5c3.8,0,7.7,0.5,11.3,1.5c8.6-5.8,12.4-4.6,12.4-4.6c2.5,6.2,0.9,10.8,0.4,11.9c2.9,3.1,4.6,7.1,4.6,12.1
		C78.8,66,68.3,69.8,58.3,71c1.6,1.4,3,4.1,3,8.3c0,6-0.1,10.9-0.1,12.4c0,1.2,0.8,2.6,3.1,2.1C82.7,87.6,95,70.4,95,51.1
		C95,26.2,74.9,6.1,50,6.1z"/>
</g>
</svg>

使用上の注意

  • 元の 1:1 の縦横比(viewBox "0 0 100 100")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
カテゴリをすべて見る
完了しました