本文へスキップ
ツールRancher Labs

Rancher

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

Rancher 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 · 2 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Rancher
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#2453FFrgb(36, 83, 255) · hsl(227, 100%, 57%)
WCAG コントラストとファイルサイズ
白背景 5.6:1 · 黒背景 3.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:#2453FF;}
</style>
<g id="rancher">
	<path class="st0" d="M95,38.1l-1-5.8c-0.3-1.9-1-3.4-1.6-3.4c-0.6,0-1.1,1.6-1.1,3.5v1.5c0,1.9-1.6,3.5-3.5,3.5h-1.5
		c-0.1,0-0.2,0-0.3,0v4.2c0.1,0,0.2,0,0.3,0H92C94,41.5,95.3,40,95,38.1"/>
	<path class="st0" d="M81.1,33.2h-9.4c-0.1,0-0.1,0-0.2,0H62c-0.1,0-0.2,0-0.3,0v-0.9c0-1.9-0.5-3.5-1.1-3.5s-1.3,1.5-1.6,3.4
		l-1,5.8c-0.3,1.9,1,3.4,2.9,3.4h5.8c0.6,0,1.2-0.1,1.6-0.3c-0.2,1-1,1.7-2.1,1.7h-8.1c-1.3,0-2.3-1.2-2.1-2.5l0.8-4.9
		c0.2-1.3-0.8-2.5-2.1-2.5H14.6c-0.9,0-1.6,0.5-1.9,1.3L5.1,46c-0.1,0.2-0.1,0.4,0,0.6l1.5,1.8c0.2,0.2,0.5,0.3,0.7,0.1l5.1-4V69
		c0,1.2,0.9,2.1,2.1,2.1H26c1.2,0,2.1-0.9,2.1-2.1v-8.5c0-1.2,0.9-2.1,2.1-2.1h28.5c1.2,0,2.1,0.9,2.1,2.1V69c0,1.2,0.9,2.1,2.1,2.1
		h11.4c1.2,0,2.1-0.9,2.1-2.1v-9.3h-6.1c-1.9,0-3.5-1.6-3.5-3.5v-5.9c0-1.1,0.5-2.1,1.4-2.7v7.1c0,1.9,1.6,3.5,3.5,3.5h9.3
		c1.9,0,3.5-1.6,3.5-3.5v-18C84.6,34.7,83,33.2,81.1,33.2"/>
</g>
</svg>

使用上の注意

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