本文へスキップ
LogoHub
ツールCNCF Landscape

Cloud Native Landscape

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

Cloud Native Landscape Logo

ブランドカラー

クリックでカラーコードをコピー

ダウンロード

SVG ファイルをダウンロードPNG
ZIP でまとめてダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 0.75:1
書き出し解像度
1024 × 1024 px
viewBox
0 0 217.9 290.4
ファイルサイズ
7.0 KB · 23 パス
公式サイト
https://landscape.cncf.io/

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Cloud Native Landscape
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#D2E4F4rgb(210, 228, 244) · hsl(208, 61%, 89%)
WCAG コントラストとファイルサイズ
白背景 1.3:1 · 黒背景 15.2:1 · 7.0 KB

SVG コード

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.1.0, 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 217.9 290.4" style="enable-background:new 0 0 217.9 290.4;" xml:space="preserve">
<style type="text/css">
	.st0{fill:#333333;}
	.st1{fill:#D2E4F4;}
	.st2{fill:#43AF5A;}
	.st3{fill:#FED147;}
	.st4{fill:#0086FF;}
	.st5{fill:#93EAFF;}
</style>
<path id="XMLID_279_" class="st0" d="M15.5,237.3c2.1,0,3.8-0.8,5.1-2.5l2.7,2.8c-2.2,2.4-4.7,3.7-7.7,3.7s-5.4-0.9-7.2-2.7
	c-1.9-1.9-2.8-4.2-2.8-7s0.9-5.1,2.9-7c1.9-1.9,4.3-2.8,7-2.8c3.1,0,5.7,1.2,7.8,3.6l-2.6,2.9c-1.4-1.7-3-2.5-5-2.5
	c-1.6,0-2.9,0.5-4.1,1.6c-1.2,1-1.7,2.4-1.7,4.2s0.5,3.1,1.6,4.2C12.6,236.8,13.9,237.3,15.5,237.3z"/>
<path id="XMLID_275_" class="st0" d="M26.6,241.1v-19h4.2v15.2h8.1v3.8H26.6z"/>
<path id="XMLID_269_" class="st0" d="M57.5,238.4c-1.9,1.9-4.3,2.8-7,2.8c-2.8,0-5.1-0.9-7-2.8c-1.9-1.9-2.8-4.2-2.8-7
	s0.9-5.1,2.8-7c1.9-1.9,4.3-2.8,7-2.8c2.8,0,5.1,0.9,7,2.8s2.8,4.2,2.8,7S59.3,236.6,57.5,238.4z M56,231.4c0-1.7-0.5-3.1-1.7-4.3
	c-1-1.2-2.4-1.8-4-1.8s-2.9,0.6-4,1.8c-1,1.2-1.7,2.6-1.7,4.3s0.5,3.1,1.7,4.3c1,1.2,2.4,1.8,4,1.8s2.9-0.6,4-1.8
	C55.5,234.6,56,233.1,56,231.4z"/>
<path id="XMLID_265_" class="st0" d="M68.9,236.1c0.7,0.8,1.7,1.4,2.8,1.4s2.1-0.4,2.8-1.4c0.7-0.8,1-2.1,1-3.6V222h4.2v10.6
	c0,2.7-0.7,4.8-2.3,6.3c-1.5,1.5-3.5,2.2-5.9,2.2s-4.3-0.7-5.9-2.2c-1.6-1.5-2.3-3.6-2.3-6.3V222h4.3v10.5
	C67.8,234,68.3,235.3,68.9,236.1z"/>
<path id="XMLID_259_" class="st0" d="M98.8,224.6c1.8,1.7,2.7,4,2.7,6.9s-0.8,5.2-2.6,7c-1.8,1.7-4.4,2.6-8.1,2.6h-6.5v-19H91
	C94.4,222.1,96.9,222.9,98.8,224.6z M95.7,235.8c1-0.9,1.6-2.4,1.6-4.3s-0.5-3.3-1.6-4.3c-1-1-2.6-1.5-4.8-1.5h-2.3v11.5h2.7
	C93.1,237.3,94.6,236.8,95.7,235.8z"/>
<path id="XMLID_255_" class="st0" d="M125.6,222.1h4.2v19h-4.2l-9-11.9v11.9h-4.2v-19h4l9.3,12.2v-12.2
	C125.7,222.1,125.6,222.1,125.6,222.1z"/>
<path id="XMLID_249_" class="st0" d="M148,241.1l-1.8-4.1h-8l-1.8,4.1h-4.5l8.2-19h4.1l8.2,19H148z M142.3,227.7l-2.4,5.5h4.7
	L142.3,227.7z"/>
<path id="XMLID_236_" class="st0" d="M161.4,225.7V241h-4.2v-15.3h-5.4V222h15v3.7H161.4L161.4,225.7z"/>
<path id="XMLID_232_" class="st0" d="M169.9,222.1h4.2v19h-4.2V222.1z"/>
<path id="XMLID_201_" class="st0" d="M185.7,234.1l4.8-12.1h4.6l-7.7,19h-3.6l-7.7-19h4.6L185.7,234.1L185.7,234.1z"/>
<path id="XMLID_195_" class="st0" d="M211.1,222.1v3.8h-9.4v3.9h8.5v3.6h-8.5v3.9h9.8v3.8h-14.1v-19h13.8H211.1z"/>
<path class="st0" d="M6.3,251.4h3v24.4h15.4v2.8H6.3V251.4L6.3,251.4z M28.5,272.8c0-4.4,3.6-6.7,8.6-6.7c2.6,0,4.4,0.3,6.2,0.8
	v-0.6c0-3.6-2.2-5.5-6-5.5c-2.4,0-4.3,0.6-6.1,1.5l-0.9-2.4c2.2-1,4.4-1.7,7.3-1.7c2.8,0,5,0.7,6.5,2.2c1.4,1.4,2.1,3.4,2.1,6v12.3
	h-2.9v-3c-1.4,1.8-3.7,3.5-7.2,3.5C32.3,279.1,28.5,277,28.5,272.8L28.5,272.8z M43.3,271.3v-1.9c-1.5-0.4-3.5-0.8-5.9-0.8
	c-3.8,0-5.9,1.7-5.9,4.1v0.1c0,2.5,2.3,4,5,4C40.3,276.7,43.3,274.5,43.3,271.3L43.3,271.3z M52.6,258.5h3v3.6c1.4-2.2,3.5-4,6.9-4
	c4.9,0,7.8,3.3,7.8,8.1v12.6h-3V267c0-3.8-2-6.1-5.6-6.1c-3.5,0-6.1,2.5-6.1,6.3v11.6h-3C52.6,278.8,52.6,258.5,52.6,258.5z
	 M75.5,268.7c0-6.7,4.8-10.6,9.7-10.6c3.8,0,6.2,2,7.8,4.3v-12.2h3v28.4h-3v-4.1c-1.7,2.4-4,4.5-7.8,4.5
	C80.3,279.1,75.5,275.3,75.5,268.7z M93,268.6c0-4.7-3.6-7.9-7.3-7.9c-3.9,0-7.1,2.9-7.1,7.8v0.1c0,4.7,3.3,7.8,7.1,7.8
	S93,273.3,93,268.6z M101,276.1l1.6-2.1c2.2,1.7,4.6,2.6,7,2.6s4.2-1.3,4.2-3.3v-0.1c0-2-2.4-2.8-5-3.6c-3.1-0.9-6.7-2-6.7-5.7v-0.1
	c0-3.5,2.9-5.8,6.9-5.8c2.4,0,5.2,0.8,7.2,2.2l-1.4,2.3c-1.9-1.3-4-2-6-2c-2.4,0-3.9,1.3-3.9,2.9v0.1c0,1.9,2.5,2.6,5.2,3.5
	c3.1,0.9,6.5,2.1,6.5,5.8v0.1c0,3.8-3.1,6.1-7.2,6.1C106.5,279.1,103.2,277.9,101,276.1z M120.9,268.7c0-5.8,4.4-10.6,10.4-10.6
	c3.8,0,6.2,1.6,8.1,3.6l-2,2.1c-1.6-1.7-3.4-3-6.1-3c-4.1,0-7.2,3.5-7.2,7.8v0.1c0,4.4,3.3,7.9,7.5,7.9c2.6,0,4.6-1.3,6.2-3l1.9,1.8
	c-2,2.3-4.4,3.9-8.3,3.9C125.4,279.2,120.9,274.3,120.9,268.7L120.9,268.7z M142.9,272.8c0-4.4,3.6-6.7,8.6-6.7
	c2.6,0,4.4,0.3,6.2,0.8v-0.6c0-3.6-2.2-5.5-6-5.5c-2.4,0-4.3,0.6-6.1,1.5l-0.9-2.4c2.2-1,4.4-1.7,7.3-1.7c2.8,0,5,0.7,6.5,2.2
	c1.4,1.4,2.1,3.4,2.1,6v12.3h-2.9v-3c-1.4,1.8-3.7,3.5-7.2,3.5C146.7,279.1,142.9,277,142.9,272.8L142.9,272.8z M157.8,271.3v-1.9
	c-1.5-0.4-3.5-0.8-5.9-0.8c-3.8,0-5.9,1.7-5.9,4.1v0.1c0,2.5,2.3,4,5,4C154.8,276.7,157.8,274.5,157.8,271.3L157.8,271.3z
	 M167,258.5h3v4.1c1.7-2.4,4-4.5,7.8-4.5c4.8,0,9.7,3.8,9.7,10.5v0.1c0,6.6-4.7,10.5-9.7,10.5c-3.8,0-6.2-2-7.8-4.3V285h-3V258.5
	L167,258.5z M184.4,268.7c0-4.8-3.3-7.9-7.1-7.9s-7.3,3.1-7.3,7.8v0.1c0,4.7,3.6,7.8,7.3,7.8C181.2,276.4,184.4,273.5,184.4,268.7z
	 M201.9,276.6c2.7,0,4.7-1.2,6.4-2.8l1.9,1.7c-2,2.3-4.5,3.8-8.3,3.8c-5.6,0-10.1-4.3-10.1-10.6c0-5.9,4.1-10.6,9.7-10.6
	c6,0,9.4,4.7,9.4,10.7v1h-16.1C195.3,274,198.4,276.6,201.9,276.6L201.9,276.6z M207.9,267.4c-0.3-3.7-2.4-6.8-6.4-6.8
	c-3.5,0-6.1,2.9-6.6,6.8H207.9z"/>
<g>
	<path class="st1" d="M182.7,74.8V35.3h-39.4h-43.2l-25.9,0.2L74,35.3H34.9v39.1l0.2,0.3l-0.2,25.9v40.4
		c15.2-12.3,30.4-24.5,45.5-37c3-2.5,5-2.5,7.9,0.4c11.1,11.4,22.7,22.5,33.9,33.9c2.4,2.5,4.3,2.5,6.8,0.4
		c6.2-4.9,12.6-9.5,18.6-14.6c3.3-2.7,5.7-2.6,9-0.1c8.6,6.4,17.2,12.7,25.9,19l0.2-25.4V74.8z M145.2,94.3
		c-12.6,0-22.7-10-22.9-22.7c-0.2-12.4,10-22.7,22.8-22.7c12.7-0.1,22.7,10,22.7,22.8C167.8,84,157.5,94.3,145.2,94.3z"/>
	<path class="st2" d="M143.3,183l0.2,0.2h39.1V144l-0.2-0.2l0-0.5c-8.7-6.3-17.3-12.6-25.9-19c-3.3-2.5-5.7-2.6-9,0.1
		c-6.1,5-12.4,9.6-18.6,14.6c-2.6,2-4.5,2-6.8-0.4c-11.2-11.3-22.8-22.4-33.9-33.9c-2.8-2.9-4.8-2.9-7.9-0.4
		c-15.1,12.4-30.3,24.7-45.5,37v2.6v39.5h39.4h43.1L143.3,183l0,12.2v10.6h0v-10.6V183z"/>
	<path class="st3" d="M145.1,49c-12.8,0-23,10.2-22.8,22.7c0.2,12.7,10.3,22.7,22.9,22.7c12.2,0,22.5-10.3,22.5-22.5
		C167.8,59,157.8,48.9,145.1,49z"/>
	<polygon class="st4" points="74.2,195.2 74.2,183.2 34.9,183.2 34.9,143.8 31.6,143.8 25.4,143.8 17.4,143.8 11.8,143.8 5.3,143.8 
		5.3,212.7 74.2,212.7 74.2,205.8 	"/>
	<polygon class="st4" points="212.3,143.8 209.9,143.8 197.5,143.8 196.4,143.8 183.2,143.8 182.5,143.8 182.7,144 182.7,183.2 
		143.6,183.2 143.3,183 143.3,195.2 143.3,205.8 143.3,212.7 212.3,212.7 212.3,143.8 	"/>
	<polygon class="st4" points="17.4,74.8 25.5,74.8 35.1,74.8 34.9,74.5 34.9,35.3 74,35.3 74.2,35.5 74.2,21.7 74.2,15.1 74.2,7.7 
		74.2,5.7 5.3,5.7 5.3,74.8 11.8,74.8 	"/>
	<polygon class="st4" points="143.3,15.1 143.3,21.6 143.3,35.3 182.7,35.3 182.7,74.8 196.4,74.8 197.5,74.8 209.9,74.8 
		212.3,74.8 212.3,5.7 143.3,5.7 143.3,7.7 	"/>
	<polygon class="st5" points="74.2,15.1 74.2,21.7 74.2,35.5 100.2,35.3 143.3,35.3 143.3,21.6 143.3,15.1 143.3,7.7 143.3,5.7 
		74.2,5.7 74.2,7.7 	"/>
	<polygon class="st5" points="143.3,183 117.3,183.2 74.2,183.2 74.2,195.2 74.2,205.8 74.2,212.7 143.3,212.7 143.3,205.8 
		143.3,195.2 	"/>
	<polygon class="st5" points="197.5,74.8 196.4,74.8 182.7,74.8 182.7,117.9 182.5,143.2 182.5,143.8 183.2,143.8 196.4,143.8 
		197.5,143.8 209.9,143.8 212.3,143.8 212.3,74.8 209.9,74.8 	"/>
	<polygon class="st5" points="17.4,143.8 25.4,143.8 31.6,143.8 34.9,143.8 34.9,141.1 34.9,100.7 35.1,74.8 25.5,74.8 17.4,74.8 
		11.8,74.8 5.3,74.8 5.3,143.8 11.8,143.8 	"/>
</g>
</svg>

使用上の注意

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

同じカテゴリのロゴ

カテゴリをすべて見る
完了しました