跳到主要內容
社群媒體BilibiliB站小破站嗶哩嗶哩彈幕網

嗶哩嗶哩

嗶哩嗶哩(Bilibili) 官方向量標誌,歸屬社群媒體分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

嗶哩嗶哩 Logo

色彩提取

點選直接複製色值
單色純正規範該標誌採用單一品牌官方基色,建議在排版中保持純正

下載

ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究
優惠碼 6666888 享95折
ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連
限時特惠碼 6666888 享95折
向量格式
SVG · 1:1
匯出解析度
1024 × 1024 px
畫布視口
0 0 100 100
原始碼體積
4.7 KB · 2 個路徑節點

編輯與匯出

修改顏色、新增背景或留白後匯出常用格式,全程在瀏覽器本地完成

顏色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 與網站圖示套裝嗶哩嗶哩.zip

品牌視覺規範與工程參數檔案

面向設計系統與工程引用的官方色彩、視口幾何與對比度實測參數

品牌實體 / 展示名稱
嗶哩嗶哩 (Bilibili)
行業分類歸屬
社群媒體
官方基色 (HEX / RGB / HSL)
#FB7299rgb(251, 114, 153) · hsl(343, 94%, 72%)
WCAG 亮暗底對比度與向量體積
白底 2.6:1 · 暗底 7.5:1 · 4.7 KB

向量程式碼片段

<?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% 的空白安全保護區
  • 在深色背景下建議優先選用反白、淺色襯底或官方暗色專版
檢視更多同類
操作已完成