本文へスキップ
LogoHub
ツール

BackHub

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

BackHub Logo

ブランドカラー

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

ダウンロード

SVG ファイルをダウンロードPNG
ZIP でまとめてダウンロードロゴタイプ付き版をダウンロード
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
ファイルサイズ
3.9 KB · 12 パス
公式サイト
https://backhub.co/

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
BackHub
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#ECECECrgb(236, 236, 236) · hsl(0, 0%, 93%)
WCAG コントラストとファイルサイズ
白背景 1.2:1 · 黒背景 16.8:1 · 3.9 KB

SVG コード

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.0.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 64 64" width="64" height="64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
<style type="text/css">
	.st0{fill:#ECECEC;}
	.st1{fill:#DDDDDD;}
	.st2{fill:#007828;}
	.st3{fill:#00C45C;}
	.st4{fill:#FFFFFF;}
</style>
<g>
	<path id="Path" class="st0" d="M32,6.4L12.3,10v28.3c0,2.2,1,4.5,2.9,7c2.1,2.5,4.5,4.7,7.2,6.6c3,2.2,6.3,4.1,9.6,5.8
		c3.4-1.7,6.6-3.6,9.6-5.8c2.7-1.9,5.1-4.1,7.2-6.6c1.9-2.5,2.9-4.8,2.9-7V10L32,6.4z"/>
	<path id="Path_1_" class="st1" d="M32,6.4L12.3,10v28.3c0,2.2,1,4.5,2.9,7c2.1,2.5,4.5,4.7,7.2,6.6c3,2.2,6.3,4.1,9.6,5.8V6.4z"/>
	<polygon id="Path_2_" class="st2" points="53.6,38.4 53.6,33.8 58.2,33.8 	"/>
	<polygon id="Path_3_" class="st2" points="10.5,38.4 10.5,33.8 5.9,33.8 	"/>
	<polygon id="Path_4_" class="st3" points="0,16.8 5.8,33.8 58.2,33.8 64,16.8 	"/>
	<path id="Shape_1_" class="st4" d="M15.2,22c0.2,0.3,0.4,0.7,0.3,1.2c0,0.4-0.1,0.8-0.3,1.1c-0.2,0.2-0.3,0.3-0.6,0.4
		c0.4,0.1,0.7,0.4,0.9,0.7c0.4,0.7,0.4,1.6-0.1,2.3c-0.1,0.2-0.3,0.4-0.6,0.6c-0.3,0.2-0.5,0.3-0.9,0.4c-0.4,0.1-0.7,0.1-1.1,0.1
		H9.6v-7.5h3.6C14,21.1,14.7,21.4,15.2,22L15.2,22z M11.1,22.5v1.7h1.8c0.3,0,0.6-0.1,0.8-0.2c0.2-0.2,0.3-0.4,0.3-0.7
		c0-0.3-0.1-0.6-0.4-0.7c-0.3-0.1-0.6-0.1-0.9-0.1L11.1,22.5z M11.1,25.4v2h1.8c0.3,0,0.5,0,0.8-0.1c0.3-0.2,0.5-0.6,0.5-0.9
		c0-0.3-0.2-0.7-0.5-0.8c-0.2-0.1-0.5-0.1-0.7-0.1H11.1z"/>
	<path id="Shape_2_" class="st4" d="M19.2,25.3c0.2,0,0.4-0.1,0.6-0.1c0.2,0,0.3-0.2,0.3-0.4c0-0.2-0.1-0.4-0.2-0.5
		c-0.2-0.1-0.5-0.1-0.7-0.1c-0.3,0-0.6,0.1-0.7,0.3c-0.1,0.2-0.2,0.3-0.2,0.5h-1.4c0-0.4,0.1-0.9,0.4-1.2c0.5-0.6,1.3-0.8,2-0.8
		c0.6,0,1.1,0.1,1.7,0.4c0.5,0.3,0.8,0.8,0.7,1.4v3.2c0,0.1,0,0.3,0.1,0.4c0,0.1,0.1,0.1,0.2,0.2v0.2h-1.6c-0.1-0.1-0.1-0.2-0.1-0.3
		c0-0.1,0-0.2,0-0.4c-0.2,0.2-0.4,0.4-0.7,0.6c-0.3,0.2-0.7,0.3-1.1,0.3c-0.5,0-0.9-0.1-1.3-0.4c-0.3-0.3-0.5-0.8-0.5-1.2
		c0-0.6,0.3-1.2,0.8-1.5c0.4-0.2,0.8-0.3,1.3-0.3L19.2,25.3z M20.1,26c-0.1,0.1-0.2,0.1-0.3,0.1c-0.1,0-0.3,0.1-0.4,0.1l-0.3,0
		c-0.2,0-0.5,0.1-0.7,0.2c-0.2,0.1-0.3,0.3-0.3,0.5c0,0.2,0.1,0.4,0.2,0.6c0.1,0.1,0.3,0.2,0.5,0.2c0.3,0,0.6-0.1,0.9-0.3
		c0.3-0.3,0.5-0.6,0.4-1L20.1,26z"/>
	<path id="Path_5_" class="st4" d="M26.2,25.1c0-0.2-0.1-0.4-0.2-0.6c-0.2-0.2-0.5-0.4-0.8-0.3c-0.5,0-0.9,0.3-1,0.7
		c-0.1,0.3-0.2,0.7-0.1,1c0,0.3,0,0.7,0.1,1c0.1,0.4,0.5,0.7,1,0.7c0.3,0,0.5-0.1,0.7-0.3c0.2-0.2,0.2-0.5,0.3-0.7h1.5
		c0,0.5-0.2,0.9-0.5,1.3c-0.5,0.6-1.2,1-2,1c-0.8,0.1-1.5-0.2-2-0.8c-0.4-0.6-0.7-1.3-0.6-2.1c0-0.8,0.2-1.6,0.7-2.2
		c0.5-0.5,1.2-0.8,1.9-0.8c0.6,0,1.2,0.1,1.7,0.5c0.5,0.4,0.8,1,0.8,1.7L26.2,25.1L26.2,25.1z"/>
	<polygon id="Path_6_" class="st4" points="28.7,21.2 30.1,21.2 30.1,25.3 32,23.1 33.8,23.1 31.8,25.2 33.9,28.7 32.1,28.7 
		30.7,26.3 30.1,26.9 30.1,28.7 28.7,28.7 	"/>
	<polygon id="Path_7_" class="st4" points="34.6,28.7 34.6,21.2 36.2,21.2 36.2,24 39.2,24 39.2,21.2 40.7,21.2 40.7,28.7 
		39.1,28.7 39.1,25.3 36.2,25.3 36.2,28.7 	"/>
	<path id="Path_8_" class="st4" d="M43.6,23.1v3.4c0,0.2,0,0.5,0.1,0.7c0.1,0.3,0.5,0.5,0.8,0.4c0.4,0,0.8-0.2,1-0.6
		c0.1-0.3,0.2-0.6,0.1-0.9v-3.1h1.5v5.6h-1.4v-0.8c0,0.1-0.1,0.1-0.1,0.2c0,0.1-0.1,0.2-0.2,0.2c-0.2,0.2-0.4,0.3-0.7,0.4
		c-0.2,0.1-0.5,0.1-0.8,0.1c-0.7,0.1-1.3-0.3-1.7-0.9c-0.2-0.5-0.3-1-0.2-1.4v-3.4L43.6,23.1z"/>
	<path id="Shape_3_" class="st4" d="M53.3,23.8c0.4,0.6,0.7,1.3,0.6,2.1c0,0.8-0.2,1.5-0.6,2.2c-0.4,0.6-1,0.9-1.7,0.9
		c-0.4,0-0.8-0.1-1.1-0.3c-0.2-0.1-0.4-0.3-0.6-0.6v0.7h-1.4v-7.6h1.5v2.7c0.2-0.2,0.4-0.4,0.6-0.6c0.3-0.2,0.7-0.3,1-0.3
		C52.3,23,52.9,23.3,53.3,23.8z M52.1,27.2c0.2-0.4,0.3-0.8,0.3-1.2c0-0.3,0-0.7-0.2-1c-0.2-0.5-0.6-0.8-1.1-0.8
		c-0.5,0-0.9,0.3-1.1,0.7c-0.1,0.3-0.2,0.7-0.2,1c0,0.4,0.1,0.8,0.3,1.2c0.2,0.3,0.6,0.5,1,0.5C51.5,27.7,51.9,27.5,52.1,27.2
		L52.1,27.2z"/>
</g>
</svg>

使用上の注意

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

同じカテゴリのロゴ

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