本文へスキップ

KusionStack

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

KusionStack 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 400 400
ファイルサイズ
8.4 KB · 15 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
KusionStack
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#1650FFrgb(22, 80, 255) · hsl(225, 100%, 54%)
WCAG コントラストとファイルサイズ
白背景 5.8:1 · 黒背景 3.4:1 · 8.4 KB

SVG コード

<!--
// KusionStack
// KusionStack is an open source project and community working to build a Unified
// Programmable Configuration Tech Stack.
// Github: https://github.com/KusionStack
// website: https://kusionstack.io/
-->

<!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="eeee" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
<style type="text/css">
	.st0{fill:url(#SVGID_1_);}
	.st1{fill:url(#SVGID_00000142880990157035290150000010759062182378856630_);}
	.st2{fill:#1650FF;}
	.st3{fill:url(#SVGID_00000099643061792124840780000000790525791195704709_);}
	.st4{fill:url(#SVGID_00000000209597718183835010000013834162724869354406_);}
	.st5{fill:url(#SVGID_00000078724657880405463650000012733631504300401042_);}
</style>
<g>
	
		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="349.7177" y1="166.2448" x2="382.7571" y2="142.6609" gradientTransform="matrix(1 0 0 -1 0 400)">
		<stop  offset="0.1024" style="stop-color:#1650FF"/>
		<stop  offset="0.3844" style="stop-color:#1662FF"/>
		<stop  offset="0.726" style="stop-color:#1672FF"/>
		<stop  offset="0.9994" style="stop-color:#1677FF"/>
	</linearGradient>
	<path class="st0" d="M382,259.7h-10.1c-0.3,0-0.6-0.3-0.6-0.6c-0.3-10-8.6-18-18.6-18h-11v-11.4h11c16.4,0,29.7,13.1,30.1,29.4
		C382.6,259.4,382.3,259.7,382,259.7z"/>
	
		<linearGradient id="SVGID_00000161606632446777807040000013711034712297772942_" gradientUnits="userSpaceOnUse" x1="161.8" y1="142.958" x2="161.8" y2="187.9709" gradientTransform="matrix(1 0 0 -1 0 400)">
		<stop  offset="0.1189" style="stop-color:#1650FF"/>
		<stop  offset="0.3952" style="stop-color:#165EFF"/>
		<stop  offset="0.9333" style="stop-color:#1677FF"/>
	</linearGradient>
	<path style="fill:url(#SVGID_00000161606632446777807040000013711034712297772942_);" d="M167.5,259v-48.1h-11.4V259
		c0,0.4,0.3,0.6,0.6,0.6h10.1C167.2,259.6,167.5,259.3,167.5,259z"/>
	<path class="st2" d="M338.9,140.6v53.2c0,0.4-0.3,0.6-0.6,0.6H327c-0.7,0-1.5-0.3-1.9-0.9l-31.1-37c-0.2-0.2-0.6-0.1-0.6,0.2v37.1
		c0,0.4-0.3,0.6-0.6,0.6h-10.1c-0.4,0-0.6-0.3-0.6-0.6v-53.2c0-0.4,0.3-0.6,0.6-0.6h11.1c0.7,0,1.5,0.3,1.9,0.9l31.3,37.3
		c0.2,0.2,0.6,0.1,0.6-0.2v-37.3c0-0.4,0.3-0.6,0.6-0.6h10.1C338.6,140,338.9,140.3,338.9,140.6z"/>
	<path class="st2" d="M130.8,169.2v-28.6c0-0.4-0.3-0.6-0.6-0.6H120c-0.4,0-0.6,0.3-0.6,0.6v27.6c0,8.4-6.8,15.2-15.2,15.2h-3.7
		c-8.4,0-15.2-6.8-15.2-15.2v-27.6c0-0.4-0.3-0.6-0.6-0.6H74.5c-0.4,0-0.6,0.3-0.6,0.6v28.6c0,14,11.3,25.3,25.3,25.3h6.3
		C119.5,194.5,130.8,183.2,130.8,169.2z"/>
	<path class="st2" d="M208.7,193.9v-53.2c0-0.4-0.3-0.6-0.6-0.6H198c-0.4,0-0.6,0.3-0.6,0.6v53.2c0,0.4,0.3,0.6,0.6,0.6h10.1
		C208.4,194.5,208.7,194.2,208.7,193.9z"/>
	<path class="st2" d="M249,140h-7.4c-15.1,0-27.3,12.2-27.3,27.3c0,15,12.2,27.3,27.3,27.3h7.4c15.1,0,27.3-12.2,27.3-27.3
		S264.1,140,249,140z M249,183.3h-7.4c-8.8,0-15.9-7.3-15.9-16s7.1-16,15.9-16h7.4c8.8,0,15.9,7.3,15.9,16S257.8,183.3,249,183.3z"
		/>
	<path class="st2" d="M309.8,212.7c-6.6-4.8-15.2-7.4-24.3-7.4c-9.1,0-17.7,2.6-24.3,7.4c-7.1,5.2-11,12.3-11,19.9
		c0,2,0,5.5,3.5,11.9c2.6,4.9,2.3,4.1,7.5,8c5.6,4.1,12.7,6.6,20.4,7.3c1.3,0,2.6-0.1,3.9-0.2l16.9-13.4
		c-36.1,9.5-40.4-7.1-40.4-13.6c0-8.6,10.6-15.9,23.6-15.9c7.9,0,15,2.7,19.3,6.7c0.2,0.2,0.5,0.2,0.7,0.1c1.7-0.8,3.2-1.5,5.6-3.4
		c0.7-0.6,2.1-1.9,2.9-2.8c0.2-0.2,0.2-0.6,0-0.8C312.7,215,311.3,213.8,309.8,212.7z"/>
	<path class="st2" d="M338.9,205.9v19c0,0.4-0.2,0.9-0.6,1.1c-3.3,2-6.6,3.8-9.9,5.5c-0.4,0.2-0.9-0.1-0.9-0.6v-25
		c0-0.4,0.3-0.6,0.6-0.6h10.1C338.6,205.2,338.9,205.5,338.9,205.9z"/>
	<path class="st2" d="M327.4,236.9c3.8-1.8,7.6-3.8,11.4-6.1V259c0,0.4-0.3,0.6-0.6,0.6h-10.1c-0.4,0-0.6-0.3-0.6-0.6L327.4,236.9
		L327.4,236.9z"/>
	
		<linearGradient id="SVGID_00000042010733541697094640000000383013241486607276_" gradientUnits="userSpaceOnUse" x1="174.4" y1="167.4086" x2="387.3854" y2="167.4086" gradientTransform="matrix(1 0 0 -1 0 400)">
		<stop  offset="0" style="stop-color:#1650FF"/>
		<stop  offset="9.229179e-02" style="stop-color:#1657FF"/>
		<stop  offset="0.2284" style="stop-color:#166BFF"/>
		<stop  offset="0.293" style="stop-color:#1677FF"/>
		<stop  offset="0.3726" style="stop-color:#167EFF"/>
		<stop  offset="0.4902" style="stop-color:#1592FF"/>
		<stop  offset="0.6313" style="stop-color:#15B3FF"/>
		<stop  offset="0.7768" style="stop-color:#14DCFF"/>
		<stop  offset="0.8717" style="stop-color:#15E9EB"/>
		<stop  offset="1" style="stop-color:#16FFC9"/>
	</linearGradient>
	<path style="fill:url(#SVGID_00000042010733541697094640000000383013241486607276_);" d="M386.8,205.2h-13.2
		c-0.5,0-0.9,0.2-1.3,0.5c-27.8,25.9-62.7,42.1-88.3,43.1c-15.6,0.7-27.8-1.6-39.9-22c-6.1-10.2-15.9-21.6-31.3-21.6
		c-23.2,0-38.2,21.1-38.4,53.8c0,0.4,0.3,0.6,0.6,0.6h10.1c0.3,0,0.6-0.3,0.6-0.6c0.1-1.6,0.7-5.9,5.3-8.5c3.6-2,9-2.9,14.2-2.9
		h22.4c1.6,0,2.4,0.1,1.1-1.9l-4.7-7.5c-1.2-1.9-1.3-2-3.6-2h-15.1c-6,0-11.1,0.9-14.2,2.9c-2.3,1.5-3.3,3.5-4,4.8
		c3.8-19.8,15-27.3,25.6-27.3c9.3,0,15.2,5.8,21.6,16.2c7.4,12,20.9,30.4,52.4,26.7c59.1-6.9,97.9-50.2,100.5-53.3
		C387.6,205.8,387.3,205.2,386.8,205.2z"/>
	<g>
		
			<linearGradient id="SVGID_00000015344840433056274190000003567329286505512329_" gradientUnits="userSpaceOnUse" x1="36.1226" y1="231.1557" x2="68.2257" y2="208.2402" gradientTransform="matrix(1 0 0 -1 0 400)">
			<stop  offset="0.1024" style="stop-color:#1650FF"/>
			<stop  offset="0.3844" style="stop-color:#1662FF"/>
			<stop  offset="0.726" style="stop-color:#1672FF"/>
			<stop  offset="0.9994" style="stop-color:#1677FF"/>
		</linearGradient>
		<path style="fill:url(#SVGID_00000015344840433056274190000003567329286505512329_);" d="M67.1,194.5H57c-0.3,0-0.6-0.3-0.6-0.6
			c-0.3-10-8.6-18-18.6-18h-9.2v-11.4h9.2c16.4,0,29.7,13.1,30.1,29.4C67.8,194.2,67.5,194.5,67.1,194.5z"/>
		
			<linearGradient id="SVGID_00000181785204529091892510000007093270170899715466_" gradientUnits="userSpaceOnUse" x1="-137.453" y1="232.85" x2="73.3793" y2="232.85" gradientTransform="matrix(1 0 0 -1 0 400)">
			<stop  offset="0" style="stop-color:#1650FF"/>
			<stop  offset="9.229179e-02" style="stop-color:#1657FF"/>
			<stop  offset="0.2284" style="stop-color:#166BFF"/>
			<stop  offset="0.293" style="stop-color:#1677FF"/>
			<stop  offset="0.3726" style="stop-color:#167EFF"/>
			<stop  offset="0.4902" style="stop-color:#1592FF"/>
			<stop  offset="0.6313" style="stop-color:#15B3FF"/>
			<stop  offset="0.7768" style="stop-color:#14DCFF"/>
			<stop  offset="0.8717" style="stop-color:#15E9EB"/>
			<stop  offset="1" style="stop-color:#16FFC9"/>
		</linearGradient>
		<path style="fill:url(#SVGID_00000181785204529091892510000007093270170899715466_);" d="M57.4,140.5
			c-11.4,10.6-23.6,19.4-36,26.1c-5.4,3-8.8,8.6-8.8,14.8v12.4c0,0.4,0.3,0.6,0.6,0.6h10.1c0.4,0,0.6-0.3,0.6-0.6v-12.3
			c0-1.7,0.9-3.3,2.4-4.1c0.9-0.5,1.8-1,2.7-1.6c5.3-3.1,10.6-6.6,15.9-10.5c12.1-8.9,23.2-19.7,27.3-24.3c0.4-0.4,0.1-1.1-0.5-1.1
			H58.5C58.2,140,57.7,140.2,57.4,140.5z"/>
		<path class="st2" d="M24,140.7c0-0.4-0.3-0.6-0.6-0.6H13.2c-0.4,0-0.6,0.3-0.6,0.6V168c0,0.6,0.7,0.9,1.1,0.4l0,0
			c2-2.5,4.5-4.6,7.2-6.2c0.8-0.5,1.6-1,2.5-1.5c0.4-0.2,0.6-0.6,0.6-1.1V140.7z"/>
	</g>
	<path class="st2" d="M192.7,206.4c-3.9,2.5-7.4,5.7-10.5,9.7c-0.2,0.3-0.6,0.5-1,0.5h-65.7c-9.8,0-15.1,2.2-15.1,5
		c0,3.8,13.4,4.7,27.8,6.9c7,1,11.9,3.8,14.7,8.2c2.4,3.7,2.2,7.9,0.5,12c-3.6,8.6-16.3,11.2-27.4,11.2c-23.3,0-27.7-11.8-28.6-13.5
		c-0.1-0.2-0.1-0.5,0.1-0.7c2.8-3,8-4.3,9.5-4.6c0.3-0.1,0.5,0.1,0.7,0.3c0.6,1,2.7,3.9,6.8,5.5c4.4,1.6,12.4,2.1,18.9,1.3
		c6-0.8,8.5-2.1,9.2-3.8c0.5-1.1,0.1-1.8,0-2c-0.5-0.9-2.3-2-5.9-2.5c-2.2-0.3-21.5-3-29.3-6.3c-4.1-1.7-7-4.9-8-8.9
		c-1-3.9-0.1-8,2.5-11.4c5.6-7.2,18.5-8,23.7-8h76.9C193.1,205.2,193.3,206,192.7,206.4z"/>
	<path class="st2" d="M190,171.5c-2.6-4.5-7.7-7.4-14.4-8.3c-5.5-0.7-20.9-3.2-26.4-5.5c-0.8-0.3-1.3-0.8-1.4-1.3
		c-0.2-0.6,0.2-1.2,0.5-1.5c2.3-3,15.2-5,23.7-2.6c4.3,1.3,7.5,3.6,8.8,4.7c0.4,0.3,1,0.4,1.5,0.1c1.6-1,5.5-3.4,7.9-6.6
		c0.2-0.2,0.2-0.6,0-0.8c-2.1-2.4-6.8-6.1-15.2-8.4c-9.1-2.5-28.8-2.4-35.7,6.6c-2.6,3.4-3.5,7.5-2.5,11.4s4,7.2,8,8.8
		c7.9,3.3,27.1,6,29.3,6.3c3.5,0.5,5.4,1.7,6,2.7c0.1,0.2,0.4,0.7-0.1,1.8c-0.7,1.7-4.1,3-10.1,3.8c-6.5,0.9-13.6,0.4-18-1.3
		c-3.7-1.4-5.8-3.8-6.6-5.1c-0.3-0.5-0.9-0.7-1.4-0.5c-1.9,0.5-6.4,1.9-9,4.5c-0.2,0.2-0.2,0.5-0.1,0.7c0.9,1.7,4.8,8.5,13.1,11.1
		c4.3,1.4,9.7,2.4,15.5,2.4c2.6,0,5.3-0.2,8-0.5c4.6-0.6,15.5-2,19.2-10.6C192.3,179.3,192.1,175,190,171.5z"/>
</g>
</svg>

使用上の注意

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