本文へスキップ

CAEPE

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

CAEPE 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 264.6 264.6
ファイルサイズ
729 B · 4 パス
公式サイト
https://caepe.sh/

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
CAEPE
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#C4C4C4rgb(196, 196, 196) · hsl(0, 0%, 77%)
WCAG コントラストとファイルサイズ
白背景 1.7:1 · 黒背景 11.4:1 · 729 B

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="264.6" height="264.6" viewBox="0 0 264.6 264.6"><defs><style>.cls-1{fill:#c4c4c4;}.cls-2{fill:#38444a;}.cls-3{fill:#39a4d3;}.cls-4{fill:#1f6e90;}</style></defs><title>C-icon-4C</title><g id="Layer_2" data-name="Layer 2"><g id="a"><circle class="cls-1" cx="132.3" cy="132.3" r="132.3"/><path class="cls-2" d="M117.78,213h-5.44q-16.95,0-30.13-14.22Q70.6,186.17,64,165.31a125.58,125.58,0,0,1-6.07-38q0-28.33,12.35-50.38,8.79-15.64,23.12-22a40.38,40.38,0,0,1,16.32-3.2h8.06V213Z"/><path class="cls-3" d="M185.57,185.34a26.42,26.42,0,0,1-7,18.61q-8.58,9-24.38,9H133.25V182h52.31v3.32Z"/><path class="cls-4" d="M191,134.61h-7.43q-27,0-38.71-10.55T133.26,88.15V51.64H191Z"/></g></g></svg>

使用上の注意

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