本文へスキップ
金融・決済クラーケンダーク版

Kraken

Krakenの公式ベクターロゴ。金融・決済カテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Kraken Logo
ダークモード用の公式バージョンがあります

ブランドカラー

クリックでカラーコードをコピー
単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。

ダウンロード

ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 5.88:1
書き出し解像度
1024 × 1024 px
viewBox
0 0 150.5 25.6
ファイルサイズ
2.9 KB · 7 パス
公式サイト
https://www.kraken.com

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Kraken
カテゴリ
金融・決済
公式カラー (HEX / RGB / HSL)
#7B33E5rgb(123, 51, 229) · hsl(264, 77%, 55%)
WCAG コントラストとファイルサイズ
白背景 6.1:1 · 黒背景 3.3:1 · 2.9 KB

SVG コード

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 150.5 25.6" style="enable-background:new 0 0 150.5 25.6;" xml:space="preserve">
 <style type="text/css">
  .st0{fill:#5841D8;}
 </style>
 <g>
  <path class="st0" d="M33.5,1.5l3.6,0l0,9.5l9.6-9.5l4.8,0l-8.6,8.3l9,14l-4.8,0l-7-11.3l-3.1,3l0,8.4h-3.6L33.5,1.5z">
  </path>
  <path class="st0" d="M53.9,1.5l3.6,0l0,3.9c0.3-0.7,1-1.7,2.1-2.7c1.1-1.1,2.4-1.6,3.9-1.6c0.1,0,0.2,0,0.4,0c0.2,0,0.5,0,0.9,0.1
		l0,4c-0.2,0-0.4-0.1-0.6-0.1c-0.2,0-0.4,0-0.6,0c-1.9,0-3.3,0.6-4.3,1.8c-1,1.2-1.5,2.6-1.5,4.2l0,12.8l-3.8,0L53.9,1.5z">
  </path>
  <path class="st0" d="M78.7,10.3c0.9-0.1,1.4-0.5,1.7-1.1c0.2-0.3,0.2-0.8,0.2-1.4c0-1.3-0.5-2.2-1.4-2.8c-0.9-0.6-2.2-0.9-3.9-0.9
		c-2,0-3.3,0.5-4.2,1.6c-0.5,0.6-0.8,1.5-0.9,2.6l-3.5,0c0.1-2.8,1-4.7,2.7-5.7c1.8-1.1,3.7-1.6,6-1.6c2.6,0,4.7,0.5,6.4,1.5
		c1.6,1,2.4,2.6,2.4,4.7l0,12.8c0,0.4,0.1,0.7,0.2,0.9c0.2,0.2,0.5,0.4,1,0.4c0.2,0,0.4,0,0.6,0s0.4-0.1,0.7-0.1l0,2.8
		c-0.6,0.2-1,0.3-1.3,0.3c-0.3,0-0.7,0.1-1.2,0.1c-1.3,0-2.2-0.5-2.8-1.4c-0.3-0.5-0.5-1.2-0.6-2.1c-0.8,1-1.9,1.9-3.3,2.6
		c-1.4,0.7-3,1.1-4.7,1.1c-2.1,0-3.8-0.6-5.1-1.9c-1.3-1.3-2-2.8-2-4.7c0-2.1,0.6-3.7,1.9-4.8c1.3-1.1,3-1.8,5.1-2.1L78.7,10.3z
		 M70.8,20.4c0.8,0.6,1.7,0.9,2.8,0.9c1.3,0,2.6-0.3,3.8-0.9c2.1-1,3.1-2.7,3.1-5l0-3c-0.5,0.3-1,0.5-1.8,0.7s-1.4,0.3-2.1,0.4
		L74.4,14c-1.4,0.2-2.4,0.5-3.1,0.9c-1.2,0.7-1.7,1.7-1.7,3.1C69.6,19,70,19.8,70.8,20.4z">
  </path>
  <path class="st0" d="M89.2,1.5l3.6,0l0,9.5l9.6-9.5l4.8,0l-8.6,8.3l9,14l-4.8,0l-7-11.3l-3.1,3l0,8.4l-3.6,0L89.2,1.5L89.2,1.5z">
  </path>
  <path class="st0" d="M122.9,2.2c1.5,0.7,2.6,1.7,3.4,2.9c0.7,1.1,1.2,2.4,1.5,3.9c0.2,1,0.3,2.7,0.3,4.9l-16.2,0
		c0.1,2.3,0.6,4.1,1.6,5.5c1,1.4,2.5,2.1,4.6,2.1c1.9,0,3.5-0.6,4.6-1.9c0.6-0.8,1.1-1.6,1.4-2.6l3.7,0c-0.1,0.8-0.4,1.7-1,2.7
		c-0.5,1-1.2,1.8-1.8,2.5c-1.1,1.1-2.5,1.9-4.2,2.2c-0.9,0.2-1.9,0.3-3,0.3c-2.8,0-5.1-1-7-3c-1.9-2-2.9-4.8-2.9-8.4
		c0-3.6,1-6.5,2.9-8.7c1.9-2.2,4.5-3.4,7.6-3.4C119.9,1,121.4,1.4,122.9,2.2z M124.3,10.9c-0.2-1.6-0.5-2.9-1.1-3.9
		c-1-1.8-2.7-2.7-5.1-2.7c-1.7,0-3.1,0.6-4.3,1.9c-1.2,1.2-1.8,2.8-1.8,4.7L124.3,10.9L124.3,10.9z">
  </path>
  <path class="st0" d="M131.4,1.5l3.6,0l0,3.2c1.1-1.3,2.2-2.2,3.4-2.8c1.2-0.6,2.5-0.9,3.9-0.9c3.2,0,5.3,1.1,6.4,3.3
		c0.6,1.2,0.9,2.9,0.9,5.2l0,14.3l-3.8,0l0-14c0-1.4-0.2-2.5-0.6-3.3c-0.7-1.4-1.9-2.1-3.6-2.1c-0.9,0-1.6,0.1-2.2,0.3
		c-1,0.3-1.9,0.9-2.7,1.8c-0.6,0.7-1,1.5-1.2,2.3s-0.3,1.9-0.3,3.4l0,11.7l-3.7,0L131.4,1.5L131.4,1.5z">
  </path>
  <path class="st0" d="M15.2,1.5C7.4,1.5,1,7.8,1,15.7l0,6.1c0,1.1,0.9,2,2,2c1.1,0,2-0.9,2-2l0-6.1c0-1.1,0.9-2,2-2c1.1,0,2,0.9,2,2
		l0,6.1c0,1.1,0.9,2,2,2c1.1,0,2-0.9,2-2l0-6.1c0-1.1,0.9-2,2-2c1.1,0,2,0.9,2,2l0,6.1c0,1.1,0.9,2,2,2c1.1,0,2-0.9,2-2l0-6.1
		c0-1.1,0.9-2,2-2c1.1,0,2,0.9,2,2l0,6.1c0,1.1,0.9,2,2,2c1.1,0,2-0.9,2-2l0-6.1C29.5,7.8,23.1,1.5,15.2,1.5z">
  </path>
 </g>
</svg>

使用上の注意

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