本文へスキップ

Elasticsearch

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

Elasticsearch 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.7 KB · 5 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Elasticsearch
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#FEC514rgb(254, 197, 20) · hsl(45, 99%, 54%)
WCAG コントラストとファイルサイズ
白背景 1.6:1 · 黒背景 12.5:1 · 1.7 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>
      .l {
        fill: #fff;
      }

      .l, .m, .n, .o {
        fill-rule: evenodd;
        stroke-width: 0px;
      }

      .m {
        fill: #fec514;
      }

      .n {
        fill: #00bfb3;
      }

      .o {
        fill: #343741;
      }

      .p {
        mask: url(#g);
      }

      .q {
        mask: url(#c);
      }
    </style>
    <mask id="c" data-name="mask" x="14.57" y="5" width="75.48" height="25.31" maskUnits="userSpaceOnUse">
      <g id="d" data-name="mask-2">
        <polygon id="e" data-name="path-1" class="l" points="14.57 5 90.05 5 90.05 30.31 14.57 30.31 14.57 5"/>
      </g>
    </mask>
    <mask id="g" data-name="mask-1" x="14.57" y="69.69" width="75.48" height="25.31" maskUnits="userSpaceOnUse">
      <g id="h" data-name="mask-4">
        <polygon id="i" data-name="path-3" class="l" points="14.57 69.69 90.05 69.69 90.05 95 14.57 95 14.57 69.69"/>
      </g>
    </mask>
  </defs>
  <path id="b" data-name="Fill-1" class="o" d="M9.95,50c0,3.89.55,7.65,1.47,11.25h54.78c6.21,0,11.25-5.04,11.25-11.25s-5.04-11.25-11.25-11.25H11.42c-.93,3.6-1.47,7.36-1.47,11.25"/>
  <g class="q">
    <path id="f" data-name="Fill-3" class="m" d="M85.67,26.55c1.57-1.45,3.03-3,4.38-4.67-8.25-10.28-20.9-16.88-35.1-16.88-17.78,0-33.08,10.34-40.38,25.31h61.5c3.56,0,6.98-1.35,9.6-3.77"/>
  </g>
  <g class="p">
    <path id="j" data-name="Fill-6" class="n" d="M76.07,69.69H14.57c7.3,14.97,22.6,25.31,40.38,25.31,14.2,0,26.85-6.6,35.1-16.88-1.34-1.67-2.8-3.23-4.38-4.67-2.62-2.42-6.04-3.76-9.6-3.76"/>
  </g>
</svg>

使用上の注意

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