本文へスキップ

iSulad

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

iSulad Logo

ブランドカラー

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

ダウンロード

ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 0.99:1
書き出し解像度
1024 × 1024 px
viewBox
0 0 497 500
ファイルサイズ
4.5 KB · 10 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
iSulad
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#2F8EFFrgb(47, 142, 255) · hsl(213, 100%, 59%)
WCAG コントラストとファイルサイズ
白背景 3.3:1 · 黒背景 6.1:1 · 4.5 KB

SVG コード

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 497 500" style="enable-background:new 0 0 497 500;" xml:space="preserve">
<style type="text/css">
	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#3AA7F9;}
	.st1{fill:#888888;}
	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_1_);}
	.st3{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_2_);}
	.st4{fill:url(#SVGID_3_);}
</style>
<g>
	<g id="椭圆_1_副本_51_">
		<g>
			<path class="st0" d="M251,211.9c-7.6,0-13.7,6.1-13.7,13.7c0,7.6,6.1,13.7,13.7,13.7c7.5,0,13.7-6.1,13.7-13.7
				C264.6,218,258.5,211.9,251,211.9z"/>
		</g>
	</g>
	<g>
		<rect x="96.3" y="411" class="st1" width="13.3" height="48.3"/>
		<path class="st1" d="M267.9,393.1c-4.8,0-8.6,3.9-8.6,8.6v57.5h13.3v-66.1C272.6,393.1,268,393.1,267.9,393.1z"/>
		<path class="st1" d="M105.3,393.1L105.3,393.1c-0.1,0-0.3,0-0.4,0c-4.8,0-8.6,3.9-8.6,8.6v4.2h13.3v-1.1v-10.4v-1.4H105.3z"/>
		<path class="st1" d="M323.9,412.2c-1.6-0.5-3.1-0.8-4.7-0.9c-1.5-0.2-4.3-0.2-8.3-0.2h-19.3c-2.8,0-5.2,2.3-5.2,5.2
			s2.3,5.2,5.2,5.2H311c4,0,6.7,0.6,8.1,1.8c1.4,1.2,2,3.5,2,6.8h-16.3c-5.2,0-9,0.4-11.2,1.2c-2.6,0.9-4.6,2.7-6.2,5.2
			c-1.6,2.5-2.3,5.4-2.3,8.7c0,5.4,1.9,9.4,5.9,12c1.5,0.9,3.1,1.5,5.1,1.8c1.9,0.3,5.4,0.4,10.4,0.4h28v-27.2
			C334.8,421.6,331.3,414.9,323.9,412.2z M321.1,448.9h-15.3c-2.6,0-4.5-0.3-5.6-1c-1.1-0.7-1.6-1.8-1.6-3.3c0-1.4,0.4-2.5,1.3-3.3
			c0.9-0.8,2.1-1.2,3.6-1.2h2.3h15.3V448.9z"/>
		<path class="st1" d="M238.6,411c-3.6,0-6.6,3-6.6,6.6v31.4h-12.6c-2,0-3.6-0.6-4.7-1.8c-1.2-1.2-1.7-2.9-1.7-5.1v-24.4
			c0-3.6-3-6.6-6.6-6.6s-6.6,3-6.6,6.6v23.1c0,6.8,1.7,11.7,5.1,14.8c1.6,1.5,3.4,2.5,5.5,3c2,0.6,5,0.8,8.7,0.8h26.2v-41.7
			C245.2,413.9,242.3,411,238.6,411z"/>
		<g>
			<g>
				<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="107.6731" y1="190.6684" x2="395.5675" y2="190.6684">
					<stop  offset="0" style="stop-color:#2F8EFF"/>
					<stop  offset="1" style="stop-color:#26D5FC"/>
				</linearGradient>
				<path class="st2" d="M394.5,133.5c7.4-27.3-24.5-37.9-47.9-41.4c-17.6-2.6-25.7,11.6-33.1,22.6c-16.1-14-33.5-26.4-60.7-31.9
					l17.7-25.4L333.8,83c5.8-27.7-27-34.5-50.3-38.5C262.9,41,247.1,70.7,243,80.8c-75.4-10.4-135.3,56.6-135.3,117.7
					c0,30.2,9.3,62.1,28.9,82.1c3.2-18.3,14-48.2,14-48.2l36.4,65.4c0,0,5.3,13.6,26.3,22.9c1,0.5,2.2,0.9,3.5,1.4
					c47.1,22.1,109.3,16.7,127.9,4c21.4-14.6-13.1-59-13.1-59s-54.1,13.5-89.7-10c-26.4-17.4-30.1-45.2-30.1-45.2s23.4-19.4,57.1-8
					c36,12.2,48.6,66.1,72.5,50.8c20-12.8,17.1-25.9,17.1-25.9C355.2,181,341.5,142,321.1,122l11.8-18L394.5,133.5z"/>
				<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="95.1061" y1="324.7239" x2="239.9738" y2="324.7239">
					<stop  offset="0" style="stop-color:#2F8EFF"/>
					<stop  offset="1" style="stop-color:#26D5FC"/>
				</linearGradient>
				<path class="st3" d="M131.8,293.8l-36.7,61.9l144.9,0l-80.2-54.9C149.6,295.2,140.4,293.4,131.8,293.8z"/>
			</g>
			<path class="st1" d="M183.9,429.5c-1.8-4-5-6.7-9.7-8.3c-2.6-0.9-6.7-1.4-12.1-1.4h-10.6c-3.9,0-6.7-0.4-8.3-1.2
				c-2.5-1.1-3.8-3.2-3.8-6.3c0-3.8,1.5-6,4.5-6.7c1.5-0.3,4.4-0.5,8.8-0.6H178h0c2.9-0.4,5.2-3.1,5.2-6.1c0-3.2-2.6-5.9-5.9-5.9
				c-0.4,0-27.7,0.1-27.7,0.1c-3.9,0-6.8,0.1-8.8,0.3c-5.8,0.7-10,2.8-12.7,6.5c-2.7,3.8-4.1,8.1-4.1,12.7c0,3,0.6,5.8,1.7,8.3
				c1.2,2.6,2.8,4.7,4.8,6.4c3.3,2.7,8.7,4.1,16.2,4.1h12.3c3.4,0,5.8,0.4,7.3,1.3c2.7,1.5,4.1,3.8,4.1,7c0,2.8-1.2,4.9-3.5,6.2
				c-1.6,0.9-4.8,1.4-9.6,1.4c0,0-24.2-0.1-24.5-0.1c-3.2,0-5.9,2.6-5.9,5.9c0,2.9,2.1,5.5,4.8,6h0h28.6c5.1,0,8.9-0.2,11.4-0.6
				c5.2-0.9,9-3.6,11.6-8.1c1.8-3.2,2.8-6.8,2.8-10.8C186,436.1,185.3,432.7,183.9,429.5z"/>
		</g>
		<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="347.7703" y1="426.16" x2="396.5558" y2="426.16">
			<stop  offset="0" style="stop-color:#2F8EFF"/>
			<stop  offset="1" style="stop-color:#26D5FC"/>
		</linearGradient>
		<path class="st4" d="M396.6,393.1c0,0-4.5,0-4.6,0c-4.6,0-8.3,3.6-8.6,8l-0.1,0.1v47.7h-9.6c-3,0-5.6-0.8-7.7-2.4
			c-3.2-2.4-4.8-6.3-4.8-11.8c0-3.8,1-6.8,2.9-9.2c1.1-1.4,2.4-2.4,3.9-3.1c0.5-0.2,5.1-0.9,6.1-2.6c0,0,0,0,0-0.1
			c1.5-1.4,2.5-3.4,2.5-5.6c0,0,0,0,0,0c0,0,0,0,0,0c0-0.9-0.1-1.7-0.4-2.5c-0.2-0.6-0.9-0.8-1.9-0.7h-3.5c-6.2,0-11.1,1.5-14.8,4.6
			c-5.6,4.6-8.3,11-8.3,19.2c0,0,0,0,0,0c0,0,0,0,0,0c0,5.1,1,9.4,2.9,12.9c2.8,5.2,7,8.7,12.6,10.5c2.4,0.7,5.9,1.1,10.5,1.1h9.7
			l13.1,0V393.1z"/>
	</g>
</g>
</svg>

使用上の注意

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