嗶哩嗶哩
Bilibili
Silo Server
Silo Server（silo-server） 官方向量標誌，歸屬社群媒體分類，提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。
該標誌提供獨立暗色模式版本
色彩提取
點選直接複製色值下載
ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究優惠碼 6666888 享95折
ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連限時特惠碼 6666888 享95折
- 向量格式
- SVG · 1:1
- 匯出解析度
- 1024 × 1024 px
- 畫布視口
- 0 0 1024 1024
- 原始碼體積
- 19.5 KB · 44 個路徑節點
編輯與匯出
修改顏色、新增背景或留白後匯出常用格式，全程在瀏覽器本地完成
顏色
背景
格式
尺寸
含 SVG、PNG 16–2048px、JPG、WebP、ICO 與網站圖示套裝Silo Server.zip
品牌視覺規範與工程參數檔案
面向設計系統與工程引用的官方色彩、視口幾何與對比度實測參數
- 品牌實體 / 展示名稱
- Silo Server (silo-server)
- 行業分類歸屬
- 社群媒體
- 官方基色 (HEX / RGB / HSL)
- #000FC2rgb(0, 15, 194) · hsl(235, 100%, 38%)
- WCAG 亮暗底對比度與向量體積
- 白底 11.4:1 · 暗底 1.7:1 · 19.5 KB
向量程式碼片段
<?xml version="1.0" encoding="UTF-8"?>
<!-- Silo — project icon. (c) 2026 Silo Media L.L.C. Silo and the Silo mark are trademarks of Silo Media L.L.C. See TRADEMARK.md. -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024" role="img" aria-label="Silo"><title>Silo</title><defs><filter id="sh" x="-20%" y="-20%" width="145%" height="150%"><feGaussianBlur in="SourceAlpha" stdDeviation="8" result="b"/><feOffset in="b" dx="0" dy="7" result="o"/><feFlood flood-color="#000318" flood-opacity="0.5" result="c"/><feComposite in="c" in2="o" operator="in" result="s"/><feMerge><feMergeNode in="s"/><feMergeNode in="SourceGraphic"/></feMerge></filter><linearGradient id="f-tri" gradientUnits="userSpaceOnUse" x1="0.17" y1="-17.44" x2="0.17" y2="300.86"><stop offset="0" stop-color="#1487FE" stop-opacity="1"/><stop offset="0.62" stop-color="#0142FB" stop-opacity="1"/><stop offset="1" stop-color="#0136F0" stop-opacity="1"/></linearGradient><linearGradient id="r-tri" gradientUnits="userSpaceOnUse" x1="0.17" y1="-17.44" x2="0.17" y2="300.86"><stop offset="0" stop-color="#FFFFFF" stop-opacity="1"/><stop offset="0.16" stop-color="#FFFFFF" stop-opacity="0.3"/><stop offset="0.52" stop-color="#FFFFFF" stop-opacity="0"/></linearGradient><linearGradient id="s-tri" gradientUnits="userSpaceOnUse" x1="0.17" y1="-17.44" x2="0.17" y2="300.86"><stop offset="0.15" stop-color="#0018B4" stop-opacity="0"/><stop offset="0.62" stop-color="#0018B4" stop-opacity="0.35"/><stop offset="1" stop-color="#0018B4" stop-opacity="1"/></linearGradient><clipPath id="c-tri"><path d="M0.167,24.131 A24.000,24.000 0 0 1 36.167,3.346 L239.822,120.927 A24.000,24.000 0 0 1 239.822,162.496 L36.167,280.077 A24.000,24.000 0 0 1 0.167,259.292 Z"/></clipPath><linearGradient id="f-bar1" gradientUnits="userSpaceOnUse" x1="0.17" y1="340.76" x2="65.77" y2="454.39"><stop offset="0" stop-color="#0B4CFD" stop-opacity="1"/><stop offset="0.13" stop-color="#0031F3" stop-opacity="1"/><stop offset="0.78" stop-color="#0031F3" stop-opacity="1"/><stop offset="1" stop-color="#002ADF" stop-opacity="1"/></linearGradient><linearGradient id="r-bar1" gradientUnits="userSpaceOnUse" x1="0.17" y1="340.76" x2="65.77" y2="454.39"><stop offset="0" stop-color="#FFFFFF" stop-opacity="1"/><stop offset="0.16" stop-color="#FFFFFF" stop-opacity="0.3"/><stop offset="0.52" stop-color="#FFFFFF" stop-opacity="0"/></linearGradient><linearGradient id="s-bar1" gradientUnits="userSpaceOnUse" x1="0.17" y1="340.76" x2="65.77" y2="454.39"><stop offset="0.15" stop-color="#000FC2" stop-opacity="0"/><stop offset="0.62" stop-color="#000FC2" stop-opacity="0.35"/><stop offset="1" stop-color="#000FC2" stop-opacity="1"/></linearGradient><linearGradient id="hr-bar1" gradientUnits="userSpaceOnUse" x1="104.55" y1="383.25" x2="81.17" y2="342.75"><stop offset="0" stop-color="#FFFFFF" stop-opacity="0.98"/><stop offset="0.26" stop-color="#FFFFFF" stop-opacity="0.16"/><stop offset="0.7" stop-color="#FFFFFF" stop-opacity="0"/></linearGradient><linearGradient id="hs-bar1" gradientUnits="userSpaceOnUse" x1="81.17" y1="342.75" x2="104.55" y2="383.25"><stop offset="0" stop-color="#000FC2" stop-opacity="0.9"/><stop offset="0.5" stop-color="#000FC2" stop-opacity="0.2"/><stop offset="1" stop-color="#000FC2" stop-opacity="0"/></linearGradient><clipPath id="hc-bar1"><path d="M81.167,349.097 A11.000,11.000 0 0 1 86.667,339.571 L168.667,292.228 A11.000,11.000 0 0 1 185.167,301.754 L185.167,330.351 A11.000,11.000 0 0 1 179.667,339.877 L97.667,387.220 A11.000,11.000 0 0 1 81.167,377.694 Z"/></clipPath><clipPath id="c-bar1"><path d="M0.167,356.350 A27.000,27.000 0 0 1 13.667,332.967 L225.667,210.569 A27.000,27.000 0 0 1 266.167,233.952 L266.167,323.098 A27.000,27.000 0 0 1 252.667,346.481 L40.667,468.879 A27.000,27.000 0 0 1 0.167,445.496 Z M81.167,349.097 A11.000,11.000 0 0 1 86.667,339.571 L168.667,292.228 A11.000,11.000 0 0 1 185.167,301.754 L185.167,330.351 A11.000,11.000 0 0 1 179.667,339.877 L97.667,387.220 A11.000,11.000 0 0 1 81.167,377.694 Z"/></clipPath><linearGradient id="f-bar2" gradientUnits="userSpaceOnUse" x1="0.17" y1="532.16" x2="65.77" y2="645.79"><stop offset="0" stop-color="#FF2358" stop-opacity="1"/><stop offset="0.13" stop-color="#EC0947" stop-opacity="1"/><stop offset="0.78" stop-color="#EC0947" stop-opacity="1"/><stop offset="1" stop-color="#D9073F" stop-opacity="1"/></linearGradient><linearGradient id="r-bar2" gradientUnits="userSpaceOnUse" x1="0.17" y1="532.16" x2="65.77" y2="645.79"><stop offset="0" stop-color="#FFFFFF" stop-opacity="1"/><stop offset="0.16" stop-color="#FFFFFF" stop-opacity="0.3"/><stop offset="0.52" stop-color="#FFFFFF" stop-opacity="0"/></linearGradient><linearGradient id="s-bar2" gradientUnits="userSpaceOnUse" x1="0.17" y1="532.16" x2="65.77" y2="645.79"><stop offset="0.15" stop-color="#A8042A" stop-opacity="0"/><stop offset="0.62" stop-color="#A8042A" stop-opacity="0.35"/><stop offset="1" stop-color="#A8042A" stop-opacity="1"/></linearGradient><linearGradient id="hr-bar2" gradientUnits="userSpaceOnUse" x1="104.55" y1="574.65" x2="81.17" y2="534.15"><stop offset="0" stop-color="#FFFFFF" stop-opacity="0.98"/><stop offset="0.26" stop-color="#FFFFFF" stop-opacity="0.16"/><stop offset="0.7" stop-color="#FFFFFF" stop-opacity="0"/></linearGradient><linearGradient id="hs-bar2" gradientUnits="userSpaceOnUse" x1="81.17" y1="534.15" x2="104.55" y2="574.65"><stop offset="0" stop-color="#A8042A" stop-opacity="0.9"/><stop offset="0.5" stop-color="#A8042A" stop-opacity="0.2"/><stop offset="1" stop-color="#A8042A" stop-opacity="0"/></linearGradient><clipPath id="hc-bar2"><path d="M81.167,540.497 A11.000,11.000 0 0 1 86.667,530.971 L168.667,483.628 A11.000,11.000 0 0 1 185.167,493.154 L185.167,521.751 A11.000,11.000 0 0 1 179.667,531.277 L97.667,578.620 A11.000,11.000 0 0 1 81.167,569.094 Z"/></clipPath><clipPath id="c-bar2"><path d="M0.167,547.750 A27.000,27.000 0 0 1 13.667,524.367 L225.667,401.969 A27.000,27.000 0 0 1 266.167,425.352 L266.167,514.498 A27.000,27.000 0 0 1 252.667,537.881 L40.667,660.279 A27.000,27.000 0 0 1 0.167,636.896 Z M81.167,540.497 A11.000,11.000 0 0 1 86.667,530.971 L168.667,483.628 A11.000,11.000 0 0 1 185.167,493.154 L185.167,521.751 A11.000,11.000 0 0 1 179.667,531.277 L97.667,578.620 A11.000,11.000 0 0 1 81.167,569.094 Z"/></clipPath><linearGradient id="f-bar3" gradientUnits="userSpaceOnUse" x1="0.17" y1="723.56" x2="65.77" y2="837.19"><stop offset="0" stop-color="#FF861A" stop-opacity="1"/><stop offset="0.13" stop-color="#F56E01" stop-opacity="1"/><stop offset="0.78" stop-color="#F56E01" stop-opacity="1"/><stop offset="1" stop-color="#E36000" stop-opacity="1"/></linearGradient><linearGradient id="r-bar3" gradientUnits="userSpaceOnUse" x1="0.17" y1="723.56" x2="65.77" y2="837.19"><stop offset="0" stop-color="#FFFFFF" stop-opacity="1"/><stop offset="0.16" stop-color="#FFFFFF" stop-opacity="0.3"/><stop offset="0.52" stop-color="#FFFFFF" stop-opacity="0"/></linearGradient><linearGradient id="s-bar3" gradientUnits="userSpaceOnUse" x1="0.17" y1="723.56" x2="65.77" y2="837.19"><stop offset="0.15" stop-color="#B04400" stop-opacity="0"/><stop offset="0.62" stop-color="#B04400" stop-opacity="0.35"/><stop offset="1" stop-color="#B04400" stop-opacity="1"/></linearGradient><linearGradient id="hr-bar3" gradientUnits="userSpaceOnUse" x1="104.55" y1="766.05" x2="81.17" y2="725.55"><stop offset="0" stop-color="#FFFFFF" stop-opacity="0.98"/><stop offset="0.26" stop-color="#FFFFFF" stop-opacity="0.16"/><stop offset="0.7" stop-color="#FFFFFF" stop-opacity="0"/></linearGradient><linearGradient id="hs-bar3" gradientUnits="userSpaceOnUse" x1="81.17" y1="725.55" x2="104.55" y2="766.05"><stop offset="0" stop-color="#B04400" stop-opacity="0.9"/><stop offset="0.5" stop-color="#B04400" stop-opacity="0.2"/><stop offset="1" stop-color="#B04400" stop-opacity="0"/></linearGradient><clipPath id="hc-bar3"><path d="M81.167,731.897 A11.000,11.000 0 0 1 86.667,722.371 L168.667,675.028 A11.000,11.000 0 0 1 185.167,684.554 L185.167,713.151 A11.000,11.000 0 0 1 179.667,722.677 L97.667,770.020 A11.000,11.000 0 0 1 81.167,760.494 Z"/></clipPath><clipPath id="c-bar3"><path d="M0.167,739.150 A27.000,27.000 0 0 1 13.667,715.767 L225.667,593.369 A27.000,27.000 0 0 1 266.167,616.752 L266.167,705.898 A27.000,27.000 0 0 1 252.667,729.281 L40.667,851.679 A27.000,27.000 0 0 1 0.167,828.296 Z M81.167,731.897 A11.000,11.000 0 0 1 86.667,722.371 L168.667,675.028 A11.000,11.000 0 0 1 185.167,684.554 L185.167,713.151 A11.000,11.000 0 0 1 179.667,722.677 L97.667,770.020 A11.000,11.000 0 0 1 81.167,760.494 Z"/></clipPath></defs><rect width="1024" height="1024" rx="229.0688" ry="229.0688" fill="#010D9F"/><g transform="translate(378.0042,81.4592) scale(1.006698)"><g filter="url(#sh)"><g clip-path="url(#c-tri)"><path d="M0.167,24.131 A24.000,24.000 0 0 1 36.167,3.346 L239.822,120.927 A24.000,24.000 0 0 1 239.822,162.496 L36.167,280.077 A24.000,24.000 0 0 1 0.167,259.292 Z" fill="url(#f-tri)" fill-rule="evenodd"/><path d="M0.167,24.131 A24.000,24.000 0 0 1 36.167,3.346 L239.822,120.927 A24.000,24.000 0 0 1 239.822,162.496 L36.167,280.077 A24.000,24.000 0 0 1 0.167,259.292 Z" fill="none" stroke="url(#s-tri)" stroke-opacity="0.2" stroke-width="54"/><path d="M0.167,24.131 A24.000,24.000 0 0 1 36.167,3.346 L239.822,120.927 A24.000,24.000 0 0 1 239.822,162.496 L36.167,280.077 A24.000,24.000 0 0 1 0.167,259.292 Z" fill="none" stroke="url(#s-tri)" stroke-opacity="0.28" stroke-width="24"/><path d="M0.167,24.131 A24.000,24.000 0 0 1 36.167,3.346 L239.822,120.927 A24.000,24.000 0 0 1 239.822,162.496 L36.167,280.077 A24.000,24.000 0 0 1 0.167,259.292 Z" fill="none" stroke="url(#s-tri)" stroke-opacity="0.5" stroke-width="9"/><path d="M0.167,24.131 A24.000,24.000 0 0 1 36.167,3.346 L239.822,120.927 A24.000,24.000 0 0 1 239.822,162.496 L36.167,280.077 A24.000,24.000 0 0 1 0.167,259.292 Z" fill="none" stroke="url(#r-tri)" stroke-opacity="0.13" stroke-width="11"/><path d="M0.167,24.131 A24.000,24.000 0 0 1 36.167,3.346 L239.822,120.927 A24.000,24.000 0 0 1 239.822,162.496 L36.167,280.077 A24.000,24.000 0 0 1 0.167,259.292 Z" fill="none" stroke="url(#r-tri)" stroke-opacity="1.0" stroke-width="5"/></g></g><g filter="url(#sh)"><g clip-path="url(#c-bar1)"><path d="M0.167,356.350 A27.000,27.000 0 0 1 13.667,332.967 L225.667,210.569 A27.000,27.000 0 0 1 266.167,233.952 L266.167,323.098 A27.000,27.000 0 0 1 252.667,346.481 L40.667,468.879 A27.000,27.000 0 0 1 0.167,445.496 Z M81.167,349.097 A11.000,11.000 0 0 1 86.667,339.571 L168.667,292.228 A11.000,11.000 0 0 1 185.167,301.754 L185.167,330.351 A11.000,11.000 0 0 1 179.667,339.877 L97.667,387.220 A11.000,11.000 0 0 1 81.167,377.694 Z" fill="url(#f-bar1)" fill-rule="evenodd"/><path d="M0.167,356.350 A27.000,27.000 0 0 1 13.667,332.967 L225.667,210.569 A27.000,27.000 0 0 1 266.167,233.952 L266.167,323.098 A27.000,27.000 0 0 1 252.667,346.481 L40.667,468.879 A27.000,27.000 0 0 1 0.167,445.496 Z" fill="none" stroke="url(#s-bar1)" stroke-opacity="0.2" stroke-width="54"/><path d="M0.167,356.350 A27.000,27.000 0 0 1 13.667,332.967 L225.667,210.569 A27.000,27.000 0 0 1 266.167,233.952 L266.167,323.098 A27.000,27.000 0 0 1 252.667,346.481 L40.667,468.879 A27.000,27.000 0 0 1 0.167,445.496 Z" fill="none" stroke="url(#s-bar1)" stroke-opacity="0.28" stroke-width="24"/><path d="M0.167,356.350 A27.000,27.000 0 0 1 13.667,332.967 L225.667,210.569 A27.000,27.000 0 0 1 266.167,233.952 L266.167,323.098 A27.000,27.000 0 0 1 252.667,346.481 L40.667,468.879 A27.000,27.000 0 0 1 0.167,445.496 Z" fill="none" stroke="url(#s-bar1)" stroke-opacity="0.5" stroke-width="9"/><path d="M0.167,356.350 A27.000,27.000 0 0 1 13.667,332.967 L225.667,210.569 A27.000,27.000 0 0 1 266.167,233.952 L266.167,323.098 A27.000,27.000 0 0 1 252.667,346.481 L40.667,468.879 A27.000,27.000 0 0 1 0.167,445.496 Z" fill="none" stroke="url(#r-bar1)" stroke-opacity="0.13" stroke-width="11"/><path d="M0.167,356.350 A27.000,27.000 0 0 1 13.667,332.967 L225.667,210.569 A27.000,27.000 0 0 1 266.167,233.952 L266.167,323.098 A27.000,27.000 0 0 1 252.667,346.481 L40.667,468.879 A27.000,27.000 0 0 1 0.167,445.496 Z" fill="none" stroke="url(#r-bar1)" stroke-opacity="1.0" stroke-width="5"/><path d="M81.167,349.097 A11.000,11.000 0 0 1 86.667,339.571 L168.667,292.228 A11.000,11.000 0 0 1 185.167,301.754 L185.167,330.351 A11.000,11.000 0 0 1 179.667,339.877 L97.667,387.220 A11.000,11.000 0 0 1 81.167,377.694 Z" fill="none" stroke="url(#hs-bar1)" stroke-opacity="0.55" stroke-width="14"/><path d="M81.167,349.097 A11.000,11.000 0 0 1 86.667,339.571 L168.667,292.228 A11.000,11.000 0 0 1 185.167,301.754 L185.167,330.351 A11.000,11.000 0 0 1 179.667,339.877 L97.667,387.220 A11.000,11.000 0 0 1 81.167,377.694 Z" fill="none" stroke="url(#hr-bar1)" stroke-opacity="0.14" stroke-width="8"/><path d="M81.167,349.097 A11.000,11.000 0 0 1 86.667,339.571 L168.667,292.228 A11.000,11.000 0 0 1 185.167,301.754 L185.167,330.351 A11.000,11.000 0 0 1 179.667,339.877 L97.667,387.220 A11.000,11.000 0 0 1 81.167,377.694 Z" fill="none" stroke="url(#hr-bar1)" stroke-opacity="0.95" stroke-width="4"/></g><g clip-path="url(#hc-bar1)"><path d="M81.167,349.097 A11.000,11.000 0 0 1 86.667,339.571 L168.667,292.228 A11.000,11.000 0 0 1 185.167,301.754 L185.167,330.351 A11.000,11.000 0 0 1 179.667,339.877 L97.667,387.220 A11.000,11.000 0 0 1 81.167,377.694 Z" fill="none" stroke="url(#hs-bar1)" stroke-opacity="0.8" stroke-width="16"/></g></g><g filter="url(#sh)"><g clip-path="url(#c-bar2)"><path d="M0.167,547.750 A27.000,27.000 0 0 1 13.667,524.367 L225.667,401.969 A27.000,27.000 0 0 1 266.167,425.352 L266.167,514.498 A27.000,27.000 0 0 1 252.667,537.881 L40.667,660.279 A27.000,27.000 0 0 1 0.167,636.896 Z M81.167,540.497 A11.000,11.000 0 0 1 86.667,530.971 L168.667,483.628 A11.000,11.000 0 0 1 185.167,493.154 L185.167,521.751 A11.000,11.000 0 0 1 179.667,531.277 L97.667,578.620 A11.000,11.000 0 0 1 81.167,569.094 Z" fill="url(#f-bar2)" fill-rule="evenodd"/><path d="M0.167,547.750 A27.000,27.000 0 0 1 13.667,524.367 L225.667,401.969 A27.000,27.000 0 0 1 266.167,425.352 L266.167,514.498 A27.000,27.000 0 0 1 252.667,537.881 L40.667,660.279 A27.000,27.000 0 0 1 0.167,636.896 Z" fill="none" stroke="url(#s-bar2)" stroke-opacity="0.2" stroke-width="54"/><path d="M0.167,547.750 A27.000,27.000 0 0 1 13.667,524.367 L225.667,401.969 A27.000,27.000 0 0 1 266.167,425.352 L266.167,514.498 A27.000,27.000 0 0 1 252.667,537.881 L40.667,660.279 A27.000,27.000 0 0 1 0.167,636.896 Z" fill="none" stroke="url(#s-bar2)" stroke-opacity="0.28" stroke-width="24"/><path d="M0.167,547.750 A27.000,27.000 0 0 1 13.667,524.367 L225.667,401.969 A27.000,27.000 0 0 1 266.167,425.352 L266.167,514.498 A27.000,27.000 0 0 1 252.667,537.881 L40.667,660.279 A27.000,27.000 0 0 1 0.167,636.896 Z" fill="none" stroke="url(#s-bar2)" stroke-opacity="0.5" stroke-width="9"/><path d="M0.167,547.750 A27.000,27.000 0 0 1 13.667,524.367 L225.667,401.969 A27.000,27.000 0 0 1 266.167,425.352 L266.167,514.498 A27.000,27.000 0 0 1 252.667,537.881 L40.667,660.279 A27.000,27.000 0 0 1 0.167,636.896 Z" fill="none" stroke="url(#r-bar2)" stroke-opacity="0.13" stroke-width="11"/><path d="M0.167,547.750 A27.000,27.000 0 0 1 13.667,524.367 L225.667,401.969 A27.000,27.000 0 0 1 266.167,425.352 L266.167,514.498 A27.000,27.000 0 0 1 252.667,537.881 L40.667,660.279 A27.000,27.000 0 0 1 0.167,636.896 Z" fill="none" stroke="url(#r-bar2)" stroke-opacity="1.0" stroke-width="5"/><path d="M81.167,540.497 A11.000,11.000 0 0 1 86.667,530.971 L168.667,483.628 A11.000,11.000 0 0 1 185.167,493.154 L185.167,521.751 A11.000,11.000 0 0 1 179.667,531.277 L97.667,578.620 A11.000,11.000 0 0 1 81.167,569.094 Z" fill="none" stroke="url(#hs-bar2)" stroke-opacity="0.55" stroke-width="14"/><path d="M81.167,540.497 A11.000,11.000 0 0 1 86.667,530.971 L168.667,483.628 A11.000,11.000 0 0 1 185.167,493.154 L185.167,521.751 A11.000,11.000 0 0 1 179.667,531.277 L97.667,578.620 A11.000,11.000 0 0 1 81.167,569.094 Z" fill="none" stroke="url(#hr-bar2)" stroke-
<!-- ...[資料已省略，點選複製或下載獲取完整原始碼]... -->
</svg>設計應用建議
- 保持原生 1:1 寬高比（viewBox "0 0 1024 1024"）等比例縮放，切勿拉伸變形
- 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
- 內含向量漸變節點，請勿強制使用 CSS fill: currentColor 扁平覆蓋
