本文へスキップ

Civitai

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

Civitai 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 46 46
ファイルサイズ
878 B · 3 パス
公式サイト
https://civitai.com/

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Civitai
カテゴリ
AI プロダクト
公式カラー (HEX / RGB / HSL)
#1281F4rgb(18, 129, 244) · hsl(211, 91%, 51%)
WCAG コントラストとファイルサイズ
白背景 3.8:1 · 黒背景 5.2:1 · 878 B

SVG コード

<svg viewBox="0 0 46 46" width="46" height="46" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m23 0 19.918 11.5v23L23 46 3.082 34.5v-23z" fill="url(#paint0_linear_530_686)"/><path d="m23 7.54 13.388 7.73v15.46L23 38.458 9.612 30.73V15.27z" fill="url(#paint1_linear_530_686)"/><path fill-rule="evenodd" clip-rule="evenodd" d="m23 13.196 8.49 4.903v2.64h-4.573L23 18.476l-3.918 2.261v4.524L23 27.523l3.917-2.261h4.573V27.9L23 32.804 14.509 27.9v-9.802z" fill="#fff"/><defs><linearGradient id="paint0_linear_530_686" x1="23" y1="0" x2="23" y2="46" gradientUnits="userSpaceOnUse"><stop stop-color="#1281f4"/><stop offset="1" stop-color="#0821c6"/></linearGradient><linearGradient id="paint1_linear_530_686" x1="23" y1="7.54" x2="23" y2="38.46" gradientUnits="userSpaceOnUse"><stop stop-color="#09138a"/><stop offset="1" stop-color="#150740"/></linearGradient></defs></svg>

使用上の注意

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