本文へスキップ

Elastic

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

Elastic 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.1 KB · 6 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Elastic
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#FED10Argb(254, 209, 10) · hsl(49, 99%, 52%)
WCAG コントラストとファイルサイズ
白背景 1.5:1 · 黒背景 13.5:1 · 1.1 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">
<style type="text/css">
	.st0{fill:#FED10A;}
	.st1{fill:#24BBB1;}
	.st2{fill:#EF5098;}
	.st3{fill:#1BA9F5;}
	.st4{fill:#93C83E;}
	.st5{fill:#0077CC;}
</style>
<g id="elastic">
	<path class="st0" d="M39.6,43.2l21.4,9.7l21.5-18.9c0.3-1.6,0.5-3.1,0.5-4.7C82.9,16,72.1,5.2,58.8,5.2c-8,0-15.3,3.9-19.8,10.5
		l-3.6,18.6L39.6,43.2z"/>
	<path class="st1" d="M17.5,65.8C17.2,67.4,17,69,17,70.6C17,84,27.9,94.8,41.2,94.8c8,0,15.5-4,20-10.6l3.5-18.5L60,56.6l-21.4-9.8
		L17.5,65.8z"/>
	<path class="st2" d="M17.4,28.9L32,32.3l3.2-16.6c-2-1.5-4.5-2.4-7-2.4c-6.3,0-11.5,5.2-11.5,11.5C16.7,26.3,16.9,27.6,17.4,28.9z"
		/>
	<path class="st3" d="M16.1,32.4C9.6,34.5,5,40.8,5,47.7c0,6.7,4.2,12.7,10.4,15.1l20.5-18.6l-3.8-8L16.1,32.4z"/>
	<path class="st4" d="M64.9,84.2c2,1.5,4.5,2.4,7,2.4c6.3,0,11.5-5.2,11.5-11.5c0-1.4-0.2-2.8-0.7-4l-14.6-3.4L64.9,84.2z"/>
	<path class="st5" d="M67.8,63.8l16.1,3.8C90.5,65.4,95,59.1,95,52.2c0-6.7-4.2-12.7-10.4-15l-21,18.4L67.8,63.8z"/>
</g>
</svg>

使用上の注意

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