本文へスキップ

Google Collaborative Content Tools

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

Google Collaborative Content Tools 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
ファイルサイズ
485 B · 7 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Google Collaborative Content Tools
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#FFBA00rgb(255, 186, 0) · hsl(44, 100%, 50%)
WCAG コントラストとファイルサイズ
白背景 1.7:1 · 黒背景 11.6:1 · 485 B

SVG コード

<svg xmlns="http://www.w3.org/2000/svg"
aria-label="Google Collaborative content tools" role="img"
viewBox="0 0 512 512"><path
d="m0 0H512V512H0"
fill="#fff"/><path d="M131.5 344h83V170h83V84h-136q-30 0-30 30" fill="#ffba00"/><path d="M297.5 84v86h83" fill="#ea4335"/><path d="M297.5 170h83v174h-83" fill="#2684fc"/><path d="M131.5 342v56q0 30 30 30h55v-86" fill="#00832d"/><path d="M214.5 342h85v86h-85" fill="#00ac47"/><path d="M297.5 342h83v56q0 30-30 30h-53" fill="#0066da"/></svg>

使用上の注意

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