本文へスキップ
ツールELK Logstashログスタッシュ

Logstash

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

Logstash 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、ファビコンセットを含みますLogstash.zip

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

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

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

      .k {
        fill: #00bfb3;
      }

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

      .l {
        fill: #343741;
      }
    </style>
    <mask id="d" data-name="mask" x="12.03" y="61.25" width="36.56" height="33.75" maskUnits="userSpaceOnUse">
      <g id="e" data-name="mask-2">
        <polygon id="f" data-name="path-1" class="i" points="12.03 61.25 48.59 61.25 48.59 95 12.03 95 12.03 61.25"/>
      </g>
    </mask>
  </defs>
  <polygon id="b" data-name="Fill-1" class="k" points="57.03 95 87.97 95 87.97 61.25 57.03 61.25 57.03 95"/>
  <path id="c" data-name="Fill-2" class="j" d="M14.84,5h-2.81v56.25h36.56v-22.5c0-18.64-15.11-33.75-33.75-33.75"/>
  <g class="m">
    <path id="g" data-name="Fill-4" class="l" d="M12.03,61.25h0c0,18.64,15.11,33.75,33.75,33.75h2.81v-33.75H12.03Z"/>
  </g>
</svg>

使用上の注意

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