本文へスキップ
ツールELK Kibanaキバナ

Kibana

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

Kibana 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 100 100
ファイルサイズ
1.2 KB · 4 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Kibana
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#F04E98rgb(240, 78, 152) · hsl(333, 84%, 62%)
WCAG コントラストとファイルサイズ
白背景 3.4:1 · 黒背景 5.9:1 · 1.2 KB

SVG コード

<?xml version="1.0" encoding="utf-8"?>
<svg viewBox="0 0 100 100" version="1.1" width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <style>
      .i {
        fill: #fff;
      }

      .i, .j, .k, .l {
        fill-rule: evenodd;
        stroke-width: 0px;
      }

      .j {
        fill: #f04e98;
      }

      .k {
        fill: #00bfb3;
      }

      .m {
        mask: url(#d);
      }

      .l {
        fill: #343741;
      }
    </style>
    <mask id="d" data-name="mask" x="18.18" y="51.84" width="65.57" height="43.16" maskUnits="userSpaceOnUse">
      <g id="e" data-name="mask-2">
        <polygon id="f" data-name="path-1" class="i" points="18.18 51.84 83.75 51.84 83.75 95 18.18 95 18.18 51.84"/>
      </g>
    </mask>
  </defs>
  <path id="b" data-name="Fill-1" class="j" d="M85.16,5H14.84v33.75c12.16,0,23.58,3.13,33.56,8.57L85.16,5Z"/>
  <path id="c" data-name="Fill-3" class="l" d="M14.84,38.75v47.22l33.56-38.65c-9.98-5.44-21.4-8.57-33.56-8.57"/>
  <g class="m">
    <path id="g" data-name="Fill-5" class="k" d="M55.66,51.84l-34.44,39.66-3.04,3.5h65.57c-3.6-17.73-13.89-33.01-28.09-43.16"/>
  </g>
</svg>

使用上の注意

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