本文へスキップ

Debezium

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

Debezium 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 64 64
ファイルサイズ
2.8 KB · 5 パス
公式サイト
https://debezium.io/

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Debezium
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#91D443rgb(145, 212, 67) · hsl(88, 63%, 55%)
WCAG コントラストとファイルサイズ
白背景 1.8:1 · 黒背景 11:1 · 2.8 KB

SVG コード

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<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 64 64" width="64" height="64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
<style type="text/css">
	.st0{fill:url(#SVGID_1_);}
	.st1{fill:url(#SVGID_2_);}
	.st2{fill:url(#SVGID_3_);}
	.st3{fill:url(#SVGID_4_);}
	.st4{fill:url(#SVGID_5_);}
</style>
<g>
	
		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="9.6501" y1="55.4537" x2="55.733" y2="9.3708" gradientTransform="matrix(1 0 0 -1 0 65.094)">
		<stop  offset="0" style="stop-color:#91D443"/>
		<stop  offset="1" style="stop-color:#48BFE0"/>
	</linearGradient>
	<path class="st0" d="M45.8,55.9c0,4.5,3.6,8.1,8.1,8.1h10V54c0-4.5-3.6-8.1-8.1-8.1H54c-7.1,0-12.9-5.8-12.9-12.9V31
		c0-4.5-3.6-8.1-8.1-8.1H31c-7.1,0-12.9-5.8-12.9-12.9l0,0V8.1C18.2,3.6,14.5,0,10,0H0v10c0,4.5,3.6,8.1,8.1,8.1H10
		c7.1,0,12.9,5.8,12.9,12.9v1.9c0,4.5,3.6,8.1,8.1,8.1H33c7.1,0,12.9,5.8,12.9,12.9l0,0V55.9z"/>
	
		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="21.1064" y1="66.91" x2="67.1893" y2="20.827" gradientTransform="matrix(1 0 0 -1 0 65.094)">
		<stop  offset="0" style="stop-color:#91D443"/>
		<stop  offset="1" style="stop-color:#48BFE0"/>
	</linearGradient>
	<path class="st1" d="M64,31c0-4.5-3.6-8.1-8.1-8.1H54c-7.1,0-12.9-5.8-12.9-12.9V8.1C41,3.6,37.4,0,32.9,0h-10v10.1
		c0.1,4.4,3.7,8,8.1,8H33c7.1,0,12.9,5.8,12.9,12.9l0,0v1.9c0,4.5,3.6,8.1,8.1,8.1H64V31z"/>
	
		<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="32.529" y1="78.3326" x2="78.6119" y2="32.2497" gradientTransform="matrix(1 0 0 -1 0 65.094)">
		<stop  offset="0" style="stop-color:#91D443"/>
		<stop  offset="1" style="stop-color:#48BFE0"/>
	</linearGradient>
	<path class="st2" d="M64,8.1c0-4.3-3.5-7.9-7.8-8.1H45.7v10.1c0.1,4.4,3.7,8,8.1,8H64V8.1z"/>
	
		<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="-1.8193" y1="43.9892" x2="44.2636" y2="-2.0937" gradientTransform="matrix(1 0 0 -1 0 65.094)">
		<stop  offset="0" style="stop-color:#91D443"/>
		<stop  offset="1" style="stop-color:#48BFE0"/>
	</linearGradient>
	<path class="st3" d="M0,33c0,4.5,3.6,8.1,8.1,8.1H10c7.1,0,12.9,5.8,12.9,12.9v1.9c0,4.5,3.6,8.1,8.1,8.1h10V53.9
		c-0.1-4.4-3.7-8-8.1-8H31c-7.1,0-12.9-5.8-12.9-12.9l0,0v-1.9c0-4.5-3.6-8.1-8.1-8.1H0V33z"/>
	
		<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="-13.2407" y1="32.5678" x2="32.8422" y2="-13.5152" gradientTransform="matrix(1 0 0 -1 0 65.094)">
		<stop  offset="0" style="stop-color:#91D443"/>
		<stop  offset="1" style="stop-color:#48BFE0"/>
	</linearGradient>
	<path class="st4" d="M0,55.9c0,4.3,3.5,7.9,7.8,8.1h10.5V53.9c-0.1-4.4-3.7-8-8.1-8H0V55.9z"/>
</g>
</svg>

使用上の注意

  • 元の 1:1 の縦横比(viewBox "0 0 64 64")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
カテゴリをすべて見る
完了しました