本文へスキップ
LogoHub
ツール

Bustle

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

Bustle 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
ファイルサイズ
2.1 KB · 4 パス
公式サイト
https://www.bustle.com/

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Bustle
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#3B82F6rgb(59, 130, 246) · hsl(217, 91%, 60%)
WCAG コントラストとファイルサイズ
白背景 3.7:1 · 黒背景 5.4:1 · 2.1 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">
<g>
	<path d="M48.8,44.3H18.9v-2.4h28.7V2.4H8.1v40.7H5.7V1.2C5.7,0.5,6.3,0,6.9,0h41.9C49.5,0,50,0.5,50,1.2v41.9
		C50,43.8,49.5,44.3,48.8,44.3z"/>
	<path d="M58.2,8.8c0.1,0.1,0.1,0.2,0.1,0.2v42c0,0.7-0.5,1.2-1.2,1.2H27c-0.1,0-0.2,0-0.2,0.1L15.5,63.7C15.3,63.9,15,64,14.6,64
		c-0.3,0-0.6-0.1-0.8-0.3l-7.7-7.7c-0.5-0.5-0.5-1.2,0-1.7l12-12c0.2-0.2,0.5-0.3,0.8-0.3h28.4c0.2,0,0.4-0.2,0.4-0.4v-32
		c0-0.2,0.2-0.4,0.4-0.4h1.7c0.2,0,0.4,0.2,0.4,0.4v33.1c0,0.8-0.7,1.5-1.5,1.5H19.5c-0.1,0-0.2,0-0.2,0.1L8.8,54.8
		c-0.1,0.1-0.1,0.4,0,0.5l5.6,5.6c0.1,0.1,0.4,0.1,0.5,0l10.7-10.7c0.2-0.2,0.4-0.3,0.7-0.3h29.3c0.2,0,0.4-0.2,0.4-0.4V10.1
		c0-0.1,0-0.2-0.1-0.2l-7.6-7.6c-0.1-0.1-0.1-0.4,0-0.5l1.2-1.2c0.1-0.1,0.4-0.1,0.5,0l7.3,7.3L58.2,8.8z"/>
	<rect x="5.7" y="26.8" width="2.4" height="28.3"/>
	<path d="M37.4,19.3c0.4-0.6,0.7-1.2,1-1.9c0.2-0.7,0.3-1.4,0.2-2.2c-0.1-0.7-0.3-1.4-0.6-2c-0.3-0.6-0.8-1.1-1.3-1.5
		c-0.6-0.4-1.2-0.7-2-0.9c-0.8-0.2-1.6-0.3-2.5-0.2l-9.5,0.9c-0.4,0-0.7,0.4-0.8,0.8L19.3,33c-0.1,0.6,0.4,1,0.9,1l10.3-0.9
		c1.4-0.1,2.5-0.4,3.4-0.9c0.9-0.5,1.7-1.1,2.2-1.8c0.6-0.7,1-1.4,1.2-2.3c0.2-0.8,0.3-1.6,0.2-2.4c0-0.5-0.2-1-0.4-1.5
		c-0.2-0.5-0.4-0.9-0.8-1.3c-0.3-0.4-0.7-0.7-1.1-1c-0.4-0.3-0.9-0.4-1.4-0.5c0.7-0.1,1.3-0.4,1.9-0.8C36.5,20.3,37,19.8,37.4,19.3z
		 M33.5,27.1c-0.1,0.4-0.4,0.8-0.7,1.2c-0.3,0.4-0.7,0.6-1.2,0.9c-0.5,0.2-1,0.4-1.7,0.5l-5.4,0.5c-0.1,0-0.1,0-0.2,0
		c-0.5-0.1-0.8-0.5-0.8-1l0.6-4.5c0.1-0.4,0.4-0.7,0.8-0.8l5.5-0.5c0.9-0.1,1.6,0.1,2.2,0.6c0.6,0.4,0.9,1.1,0.9,1.8
		C33.7,26.2,33.7,26.7,33.5,27.1z M34.4,17.4c-0.1,0.4-0.3,0.8-0.5,1.1c-0.2,0.3-0.6,0.6-1,0.9c-0.4,0.2-1,0.4-1.7,0.4l-5.3,0.5
		c-0.6,0-1-0.4-0.9-1l0.5-4c0.1-0.4,0.4-0.7,0.8-0.8l5.2-0.5c0.8-0.1,1.5,0.1,2,0.5c0.6,0.4,0.9,1,0.9,1.7
		C34.5,16.6,34.5,17,34.4,17.4z"/>
</g>
</svg>

使用上の注意

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

同じカテゴリのロゴ

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