本文へスキップ

Kwaipilot

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

Kwaipilot 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 24 24
ファイルサイズ
1.3 KB · 2 パス
公式サイト
https://kwaipilot.ai

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Kwaipilot
カテゴリ
AI プロダクト
公式カラー (HEX / RGB / HSL)
#000rgb(0, 0, 0) · hsl(0, 0%, 0%)
WCAG コントラストとファイルサイズ
白背景 21:1 · 黒背景 1.1:1 · 1.3 KB

SVG コード

<svg
      viewBox="0 0 24 24"
      xmlns="http://www.w3.org/2000/svg"
    >
      <title>Kwaipilot</title>
      <path
        d="M11.765.03C5.327.03.108 5.25.108 11.686c0 3.514 1.556 6.665 4.015 8.804L9.89 8.665h6.451L9.31 23.083c.807.173 1.63.26 2.455.26 6.438 0 11.657-5.22 11.657-11.658S18.202.028 11.765.028V.03z"
        fill="url(#grad-a)"
      />
      <path
        d="M4.123 20.489l6.362-13.046c.017-.036.035-.073.055-.11l.086-.18h.005a6.697 6.697 0 015.913-3.551c2.784 0 5.171 1.7 6.184 4.116-1.622-4.485-5.92-7.69-10.963-7.69C5.327.028.108 5.247.108 11.685c0 3.514 1.556 6.666 4.015 8.804z"
        fill="url(#grad-b)"
      />
      <defs>
        <linearGradient
          gradientUnits="userSpaceOnUse"
          id="grad-a"
          x1="13.469"
          x2="12.557"
          y1="4.823"
          y2="21.302"
        >
          <stop offset=".313" stop-color="#9EC0E0" />
          <stop offset="1" stop-color="#fff" />
        </linearGradient>
        <linearGradient
          gradientUnits="userSpaceOnUse"
          id="grad-b"
          x1="13.739"
          x2="5.647"
          y1="4.229"
          y2="17.386"
        >
          <stop stop-color="#fff" />
          <stop offset="1" stop-color="#BCD5EC" />
        </linearGradient>
      </defs>
    </svg>

使用上の注意

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