本文へスキップ
企業・団体gog-com-badgeGOG

GOG.com

GOG.com(gog-com-badge)の公式ベクターロゴ。企業・団体カテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

GOG.com 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 1024 1024
ファイルサイズ
2.0 KB · 2 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
GOG.com (gog-com-badge)
カテゴリ
企業・団体
公式カラー (HEX / RGB / HSL)
#000000rgb(0, 0, 0) · hsl(0, 0%, 0%)
WCAG コントラストとファイルサイズ
白背景 21:1 · 黒背景 1.1:1 · 2.0 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
   <circle cx="512" cy="512" r="512" style="fill:#000"/>
   <path d="M308.77 287a43.55 43.55 0 0 0-43.547 43.549v362.9a43.55 43.55 0 0 0 43.547 43.549h406.45a43.55 43.55 0 0 0 43.547-43.549v-362.9A43.55 43.55 0 0 0 715.22 287zm36.291 72.58h72.58a21.774 21.774 0 0 1 21.775 21.775v116.13a21.774 21.774 0 0 1-21.775 21.773h-94.354v-29.031h79.838a7.26 7.26 0 0 0 7.258-7.26v-87.096a7.26 7.26 0 0 0-7.258-7.258h-43.549a7.26 7.26 0 0 0-7.258 7.258v43.55a7.26 7.26 0 0 0 7.258 7.257h36.291v29.031H345.06a21.774 21.774 0 0 1-21.773-21.773v-72.58a21.774 21.774 0 0 1 21.773-21.775zm130.64 0h72.582a21.774 21.774 0 0 1 21.773 21.775v72.58a21.774 21.774 0 0 1-21.773 21.773h-72.582a21.774 21.774 0 0 1-21.773-21.773v-72.58a21.774 21.774 0 0 1 21.773-21.775m130.65 0h72.58a21.774 21.774 0 0 1 21.773 21.775v116.13a21.774 21.774 0 0 1-21.773 21.773h-94.355v-29.031h79.84a7.26 7.26 0 0 0 7.258-7.26v-87.096a7.26 7.26 0 0 0-7.258-7.258h-43.549a7.26 7.26 0 0 0-7.258 7.258v43.55a7.26 7.26 0 0 0 7.258 7.257h36.291v29.031h-50.807a21.774 21.774 0 0 1-21.775-21.773v-72.58a21.774 21.774 0 0 1 21.775-21.775zm-116.13 29.033a7.26 7.26 0 0 0-7.26 7.258v43.549a7.26 7.26 0 0 0 7.26 7.258h43.547a7.26 7.26 0 0 0 7.26-7.258v-43.55a7.26 7.26 0 0 0-7.26-7.257zm-145.16 159.68h79.838v29.031h-65.322a7.26 7.26 0 0 0-7.258 7.258v43.549a7.26 7.26 0 0 0 7.258 7.258h65.322v29.033h-79.838a21.774 21.774 0 0 1-21.773-21.775v-72.58a21.774 21.774 0 0 1 21.773-21.773zm116.13 0h72.58a21.774 21.774 0 0 1 21.775 21.773v72.58a21.774 21.774 0 0 1-21.775 21.775h-72.58a21.774 21.774 0 0 1-21.773-21.775v-72.58a21.774 21.774 0 0 1 21.773-21.773m130.64 0h108.87v116.13H671.67v-87.098h-21.775v87.098h-29.031v-87.098h-14.516a7.26 7.26 0 0 0-7.258 7.258v79.84h-29.033v-94.355a21.774 21.774 0 0 1 21.773-21.773zm-116.13 29.031a7.26 7.26 0 0 0-7.258 7.258v43.549a7.26 7.26 0 0 0 7.258 7.258h43.549a7.26 7.26 0 0 0 7.258-7.258v-43.55a7.26 7.26 0 0 0-7.258-7.257z" style="fill:#fff"/>
</svg>

使用上の注意

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