本文へスキップ
ツールgithub-release-monitorダーク版

GitHub Release Monitor

GitHub Release Monitor(github-release-monitor)の公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

GitHub Release Monitor 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 512 512
ファイルサイズ
1.1 KB · 4 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
GitHub Release Monitor (github-release-monitor)
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#8B9FE8rgb(139, 159, 232) · hsl(227, 67%, 73%)
WCAG コントラストとファイルサイズ
白背景 2.6:1 · 黒背景 7.8:1 · 1.1 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><linearGradient id="github-release-monitor_svg__a" x1="-48.592" x2="-44.325" y1="651.842" y2="647.575" gradientTransform="matrix(120 0 0 -120 5831 78221)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#8b9fe8"/><stop offset="1" style="stop-color:#6b7fd6"/></linearGradient><path d="M110.9 0H401c61.3 0 111 49.7 111 110.9V401c0 61.3-49.7 110.9-110.9 110.9H110.9C49.7 512 0 462.3 0 401.1V110.9C0 49.7 49.7 0 110.9 0" style="fill:url(#github-release-monitor_svg__a)"/><linearGradient id="github-release-monitor_svg__b" x1="-47.911" x2="-43.644" y1="649.848" y2="645.581" gradientTransform="matrix(90 0 0 -70 4376 45596)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#2c3e50"/><stop offset="1" style="stop-color:#1a252f"/></linearGradient><path d="M256 106.7c-106.7 0-192 64-192 149.3s85.3 149.3 192 149.3 192-64 192-149.3-85.3-149.3-192-149.3" style="fill:url(#github-release-monitor_svg__b)"/><circle cx="256" cy="256" r="51.2" style="fill:#34495e"/><circle cx="273.1" cy="234.7" r="17.1" style="opacity:.8;fill:#ecf0f1"/></svg>

使用上の注意

  • 元の 1:1 の縦横比(viewBox "0 0 512 512")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
カテゴリをすべて見る
完了しました