本文へスキップ
AI プロダクト可灵Kling AI

Kling

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

Kling 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
ファイルサイズ
2.2 KB · 5 パス
公式サイト
https://klingai.com/

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Kling (可灵)
カテゴリ
AI プロダクト
公式カラー (HEX / RGB / HSL)
#FFF959rgb(255, 249, 89) · hsl(58, 100%, 67%)
WCAG コントラストとファイルサイズ
白背景 1.1:1 · 黒背景 17.9:1 · 2.2 KB

SVG コード

<svg viewBox="0 0 46 46" width="46" height="46" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_524_483)"><path d="M10.373 26.402a44.5 44.5 0 0 1 3.83-8.539C20.277 7.337 29.142 1.08 34 3.883 23.074-2.427 8.814 1.81 2.151 13.348a25.6 25.6 0 0 0-1.988 4.324c-.497 1.416.176 2.94 1.476 3.691l8.734 5.041z" fill="url(#paint0_radial_524_483)"/><path d="M35.627 19.481a44.5 44.5 0 0 1-3.832 8.539C25.72 38.546 16.855 44.806 11.996 42c10.93 6.312 25.19 2.074 31.853-9.465a25.7 25.7 0 0 0 1.988-4.322c.496-1.414-.177-2.94-1.476-3.69l-8.734-5.04z" fill="url(#paint1_radial_524_483)"/><path d="M31.797 28.022c6.076-10.527 7.065-21.333 2.204-24.139-4.855-2.804-13.72 3.458-19.799 13.98 3.975-6.88 11.134-10.187 15.993-7.383 4.857 2.806 5.574 10.657 1.6 17.54z" fill="url(#paint2_linear_524_483)"/><path d="M14.203 17.863C8.127 28.39 7.138 39.196 11.998 42c4.857 2.806 13.722-3.454 19.8-13.98-3.976 6.883-11.134 10.189-15.993 7.383-4.857-2.804-5.574-10.657-1.6-17.538z" fill="url(#paint3_linear_524_483)"/></g><defs><radialGradient id="paint0_radial_524_483" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(-59.132 27.994 4.33)scale(27.9348 38.2812)"><stop offset=".095" stop-color="#fff959"/><stop offset=".326" stop-color="#0df35e"/><stop offset=".64" stop-color="#0bf2f9"/><stop offset="1" stop-color="#04a6f0"/></radialGradient><radialGradient id="paint1_radial_524_483" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(120.868 12.44 20.108)scale(27.9348 38.2812)"><stop offset=".095" stop-color="#fff959"/><stop offset=".326" stop-color="#0df35e"/><stop offset=".64" stop-color="#0bf2f9"/><stop offset="1" stop-color="#04a6f0"/></radialGradient><linearGradient id="paint2_linear_524_483" x1="29.858" y1="3.446" x2="34.618" y2="18.9" gradientUnits="userSpaceOnUse"><stop stop-color="#003eff"/><stop offset="1" stop-color="#0bffe7"/></linearGradient><linearGradient id="paint3_linear_524_483" x1="16.142" y1="42.439" x2="11.381" y2="26.985" gradientUnits="userSpaceOnUse"><stop stop-color="#003eff"/><stop offset="1" stop-color="#0bffe7"/></linearGradient><clipPath id="clip0_524_483"><path fill="#fff" d="M0 0h46v46H0z"/></clipPath></defs></svg>

使用上の注意

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