本文へスキップ
ソーシャルメディア哔哩哔哩ビリビリ

Bilibili

Bilibili(哔哩哔哩)の公式ベクターロゴ。ソーシャルメディアカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Bilibili 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
ファイルサイズ
4.7 KB · 2 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Bilibili (哔哩哔哩)
公式カラー (HEX / RGB / HSL)
#FB7299rgb(251, 114, 153) · hsl(343, 94%, 72%)
WCAG コントラストとファイルサイズ
白背景 2.6:1 · 黒背景 7.5:1 · 4.7 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:#FB7299;}
</style>
<g id="bilibili">
	<path class="st0" d="M31,62.6c-0.3,1-0.9,1.7-1.8,2.3c-1.9,1.5-3.9,2.8-6.1,3.6c-1.6,0.5-3.2,0.9-4.9,1.2c-2.2,0.3-4.4,0.5-6.6,0.7
		c-0.5,0-0.9,0-1.4,0C10,70.4,10,70.2,10,70c-0.1-1-0.1-2-0.2-3c-0.1-1.3-0.2-2.6-0.4-3.9c-0.2-1.8-0.4-3.6-0.7-5.4
		c-0.2-1.9-0.5-3.8-0.7-5.7c-0.2-1.9-0.4-3.7-0.7-5.6c-0.3-2.1-0.6-4.2-0.9-6.3c-0.3-2.5-0.8-5-1.5-7.4c0-0.1,0.1-0.3,0.1-0.4
		c2.1-0.9,4.3-1.7,6.4-2.6c0.7-0.3,0.8-0.4,0.8,0.5c0,3.8,0,7.7,0.1,11.5c0,2,0.1,4,0.2,6c0.2,2.4,0.4,4.8,0.6,7.3
		c0,0.1,0.1,0.2,0.1,0.3c0.9,0,1.6-0.1,2.4-0.1c3.4-0.1,6.7,0.3,9.9,1.6c1.6,0.6,3.1,1.3,4.4,2.4C31.3,60.1,31.5,61.1,31,62.6
		L31,62.6z M16.7,59.3c0.3,2.4,0.6,4.7,1,7.2c2-1.5,3.9-3,5.9-4.4C23.3,61.7,18,59.6,16.7,59.3L16.7,59.3z M43.2,66
		c-1.1-0.1-2.2-0.2-3.4-0.3c-1-10.3-1.9-20.7-3.9-31.1c0.6-0.1,1.3-0.2,1.9-0.2c0.7-0.1,1.5-0.1,2.2-0.2c0.6-0.1,0.9,0.1,0.9,0.7
		c0.1,1.6,0.2,3.3,0.3,4.9c0.2,2.2,0.3,4.4,0.5,6.6c0.1,1.6,0.2,3.2,0.3,4.8c0.1,1.7,0.3,3.5,0.5,5.2c0.1,1.3,0.2,2.6,0.3,3.9
		c0.1,1.4,0.3,2.8,0.4,4.2c0,0.4,0.1,0.8,0.1,1.2C43.5,66,43.4,66,43.2,66L43.2,66z M33.8,67.6c-1.1-5.6-2.2-11.2-3.3-16.8
		c0.9-0.1,1.8-0.3,2.6-0.4c0.6-0.1,1.3-0.1,1.9-0.1c0.3,0,0.6,0.1,0.6,0.4c0.1,0.9,0.3,1.8,0.4,2.7c0.2,1.5,0.3,3,0.5,4.4
		c0.1,1.3,0.3,2.6,0.4,3.9c0.2,1.4,0.3,2.8,0.5,4.2c0.1,0.4,0.1,0.8,0.1,1.3C36.4,67.3,35.1,67.4,33.8,67.6L33.8,67.6z M50,68
		c-1.2,0-2.4,0-3.6,0c-0.1,0-0.3-0.2-0.3-0.3c-0.2-1.9-0.3-3.8-0.5-5.7c-0.2-1.8-0.3-3.5-0.5-5.3c-0.2-1.8-0.3-3.6-0.5-5.4
		c0-0.1,0-0.2-0.1-0.4c0.4,0,0.9-0.1,1.3-0.1c1.1,0,2.3,0,3.4,0.1c0.3,0,0.4,0.2,0.4,0.5c0,0.6,0.1,1.1,0.1,1.7c0,2.7,0,5.3,0,8
		c0,2.1,0.1,4.2,0.1,6.4C50,67.6,50,67.7,50,68L50,68z M33.1,48.3c-0.3-2.2-0.5-4.3-0.8-6.5c0.7,0,1.4,0,2.1,0
		c0.2,0,0.3,0.1,0.4,0.4c0.2,2,0.4,4,0.6,6C34.6,48.2,33.8,48.3,33.1,48.3L33.1,48.3z M49.7,48.5c0,0.1,0,0.2,0,0.4
		c-0.8,0-1.5-0.1-2.4-0.1c0-2.1,0-4.2,0-6.3c0.6,0,1.2,0,1.9,0c0.3,0,0.5,0.1,0.5,0.5C49.7,44.8,49.7,46.7,49.7,48.5L49.7,48.5z
		 M32.1,48.4c-0.6,0.1-1.2,0.2-1.8,0.4c-0.4-2.1-0.8-4.2-1.1-6.3c0.7-0.1,1.4-0.2,2.1-0.3c0.3,0,0.2,0.2,0.3,0.4
		c0.1,0.7,0.1,1.4,0.2,2.1c0.1,1.1,0.2,2.2,0.4,3.3C32.2,48.1,32.1,48.3,32.1,48.4L32.1,48.4z M46.5,48.8c-0.6,0.1-1.2,0.1-1.8,0.2
		c-0.2-2.1-0.3-4.3-0.5-6.5c0.6,0,1.3,0,1.9,0c0.3,0,0.4,0.1,0.4,0.4c0,0.9,0,1.8,0,2.7C46.5,46.6,46.5,47.7,46.5,48.8L46.5,48.8z"
		/>
	<path class="st0" d="M76,62.6c-0.3,1-0.9,1.7-1.8,2.3c-1.9,1.5-3.9,2.8-6.1,3.6c-1.6,0.5-3.2,0.9-4.9,1.2c-2.2,0.3-4.4,0.5-6.6,0.7
		c-0.5,0-0.9,0-1.4,0C55,70.4,55,70.2,55,70c-0.1-1-0.1-2-0.2-3c-0.1-1.3-0.2-2.6-0.4-3.9c-0.2-1.8-0.4-3.6-0.7-5.4
		c-0.2-1.9-0.5-3.8-0.7-5.7c-0.2-1.9-0.4-3.7-0.7-5.6c-0.3-2.1-0.6-4.2-0.9-6.3c-0.3-2.5-0.8-5-1.5-7.4c0-0.1,0.1-0.3,0.1-0.4
		c2.1-0.9,4.3-1.7,6.4-2.6c0.7-0.3,0.8-0.4,0.8,0.5c0,3.8,0,7.7,0.1,11.5c0,2,0.1,4,0.2,6c0.2,2.4,0.4,4.8,0.6,7.3
		c0,0.1,0.1,0.2,0.1,0.3c0.9,0,1.6-0.1,2.4-0.1c3.4-0.1,6.7,0.3,9.9,1.6c1.6,0.6,3.1,1.3,4.4,2.4C76.3,60.1,76.5,61.1,76,62.6
		L76,62.6z M61.7,59.3c0.3,2.4,0.6,4.7,1,7.2c2-1.5,3.9-3,5.9-4.4C68.3,61.7,62.9,59.6,61.7,59.3L61.7,59.3z M88.2,66
		c-1.1-0.1-2.2-0.2-3.4-0.3c-1-10.3-1.9-20.7-3.9-31.1c0.6-0.1,1.3-0.2,1.9-0.2c0.7-0.1,1.5-0.1,2.2-0.2c0.6-0.1,0.9,0.1,0.9,0.7
		c0.1,1.6,0.2,3.3,0.3,4.9c0.2,2.2,0.3,4.4,0.5,6.6c0.1,1.6,0.2,3.2,0.3,4.8c0.1,1.7,0.3,3.5,0.5,5.2c0.1,1.3,0.2,2.6,0.3,3.9
		c0.1,1.4,0.3,2.8,0.4,4.2c0,0.4,0.1,0.8,0.1,1.2C88.5,66,88.4,66,88.2,66L88.2,66z M78.8,67.6c-1.1-5.6-2.2-11.2-3.3-16.8
		c0.9-0.1,1.8-0.3,2.6-0.4c0.6-0.1,1.3-0.1,1.9-0.1c0.3,0,0.6,0.1,0.6,0.4c0.1,0.9,0.3,1.8,0.4,2.7c0.2,1.5,0.3,3,0.5,4.4
		c0.1,1.3,0.3,2.6,0.4,3.9c0.2,1.4,0.3,2.8,0.5,4.2c0.1,0.4,0.1,0.8,0.1,1.3C81.4,67.3,80.1,67.4,78.8,67.6L78.8,67.6z M95,68
		c-1.2,0-2.4,0-3.6,0c-0.1,0-0.3-0.2-0.3-0.3c-0.2-1.9-0.3-3.8-0.5-5.7c-0.2-1.8-0.3-3.5-0.5-5.3c-0.2-1.8-0.3-3.6-0.5-5.4
		c0-0.1,0-0.2-0.1-0.4c0.4,0,0.9-0.1,1.3-0.1c1.1,0,2.3,0,3.4,0.1c0.3,0,0.4,0.2,0.4,0.5c0,0.6,0.1,1.1,0.1,1.7c0,2.7,0,5.3,0,8
		c0,2.1,0.1,4.2,0.1,6.4C95,67.6,95,67.7,95,68L95,68z M78.1,48.3c-0.3-2.2-0.5-4.3-0.8-6.5c0.7,0,1.4,0,2.1,0
		c0.2,0,0.3,0.1,0.4,0.4c0.2,2,0.4,4,0.6,6C79.6,48.2,78.8,48.3,78.1,48.3L78.1,48.3z M94.6,48.5c0,0.1,0,0.2,0,0.4
		c-0.8,0-1.5-0.1-2.4-0.1c0-2.1,0-4.2,0-6.3c0.6,0,1.2,0,1.9,0c0.3,0,0.5,0.1,0.5,0.5C94.6,44.8,94.6,46.7,94.6,48.5L94.6,48.5z
		 M77.1,48.4c-0.6,0.1-1.2,0.2-1.8,0.4c-0.4-2.1-0.8-4.2-1.1-6.3c0.7-0.1,1.4-0.2,2.1-0.3c0.3,0,0.2,0.2,0.3,0.4
		c0.1,0.7,0.1,1.4,0.2,2.1c0.1,1.1,0.2,2.2,0.4,3.3C77.1,48.1,77.1,48.3,77.1,48.4L77.1,48.4z M91.5,48.8c-0.6,0.1-1.2,0.1-1.8,0.2
		c-0.2-2.1-0.3-4.3-0.5-6.5c0.6,0,1.3,0,1.9,0c0.3,0,0.4,0.1,0.4,0.4c0,0.9,0,1.8,0,2.7C91.5,46.6,91.5,47.7,91.5,48.8L91.5,48.8z"
		/>
</g>
</svg>

使用上の注意

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