嗶哩嗶哩
Bilibili
Autobangumi
Autobangumi 官方向量標誌，歸屬社群媒體分類，提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。
該標誌提供獨立暗色模式版本
色彩提取
點選直接複製色值下載
ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究優惠碼 6666888 享95折
ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連限時特惠碼 6666888 享95折
- 向量格式
- SVG · 1:1
- 匯出解析度
- 1024 × 1024 px
- 畫布視口
- 0 0 192 192
- 原始碼體積
- 2.1 KB · 5 個路徑節點
編輯與匯出
修改顏色、新增背景或留白後匯出常用格式，全程在瀏覽器本地完成
顏色
背景
格式
尺寸
含 SVG、PNG 16–2048px、JPG、WebP、ICO 與網站圖示套裝Autobangumi.zip
品牌視覺規範與工程參數檔案
面向設計系統與工程引用的官方色彩、視口幾何與對比度實測參數
- 品牌實體 / 展示名稱
- Autobangumi
- 行業分類歸屬
- 社群媒體
- 官方基色 (HEX / RGB / HSL)
- #DBBB7Frgb(219, 187, 127) · hsl(39, 56%, 68%)
- WCAG 亮暗底對比度與向量體積
- 白底 1.8:1 · 暗底 10.8:1 · 2.1 KB
向量程式碼片段
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 192 192">
<g clip-path="url(#clip0_2018_4132)">
<path d="M96 0C77.013 -2.26418e-07 58.4524 5.6303 42.6653 16.1789C26.8781 26.7275 14.5736 41.7207 7.30757 59.2624C0.0415523 76.8041 -1.85957 96.1065 1.84461 114.729C5.54879 133.351 14.6919 150.456 28.1177 163.882C41.5436 177.308 58.6492 186.451 77.2713 190.155C95.8935 193.86 115.196 191.958 132.738 184.692C150.279 177.426 165.272 165.122 175.821 149.335C186.37 133.548 192 114.987 192 96H129.584C129.584 102.642 127.614 109.135 123.924 114.658C120.233 120.181 114.988 124.485 108.852 127.027C102.715 129.569 95.9627 130.234 89.4482 128.938C82.9336 127.642 76.9496 124.444 72.2528 119.747C67.5561 115.05 64.3576 109.066 63.0617 102.552C61.7659 96.0373 62.431 89.2847 64.9728 83.1481C67.5147 77.0115 71.8192 71.7665 77.342 68.0763C82.8648 64.3861 89.3578 62.4165 96 62.4165L96 0Z" fill="url(#paint0_linear_2018_4132)"/>
<circle cx="96" cy="96" r="16" fill="#DBBB7F"/>
<path d="M152 86C152 79.9592 150.81 73.9775 148.498 68.3966C146.187 62.8156 142.798 57.7446 138.527 53.4731C134.255 49.2016 129.184 45.8133 123.603 43.5015C118.022 41.1898 112.041 40 106 40L106 63.4602C108.96 63.4602 111.891 64.0432 114.626 65.1759C117.36 66.3086 119.845 67.9689 121.938 70.0619C124.031 72.155 125.691 74.6397 126.824 77.3744C127.957 80.109 128.54 83.04 128.54 86H152Z" fill="#DBBB7F"/>
<path d="M106 0C117.294 1.34676e-07 128.477 2.22446 138.911 6.54636C149.345 10.8683 158.825 17.203 166.811 25.1888C174.797 33.1747 181.132 42.6552 185.454 53.0892C189.776 63.5232 192 74.7063 192 86L166.278 86C166.278 78.0842 164.719 70.2459 161.69 62.9327C158.66 55.6194 154.22 48.9744 148.623 43.3771C143.026 37.7798 136.381 33.3397 129.067 30.3105C121.754 27.2812 113.916 25.7221 106 25.7221L106 0Z" fill="#DBBB7F"/>
</g>
<defs>
<linearGradient id="paint0_linear_2018_4132" x1="-10.35" y1="24.15" x2="219.756" y2="133.729" gradientUnits="userSpaceOnUse">
<stop stop-color="#492897"/>
<stop offset="1" stop-color="#783674"/>
</linearGradient>
<clipPath id="clip0_2018_4132">
<rect width="192" height="192" fill="white"/>
</clipPath>
</defs>
</svg>設計應用建議
- 保持原生 1:1 寬高比（viewBox "0 0 192 192"）等比例縮放，切勿拉伸變形
- 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
- 內含向量漸變節點，請勿強制使用 CSS fill: currentColor 扁平覆蓋
