跳到主要內容

FeatureHub

FeatureHub 官方向量標誌,歸屬工具產品分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

FeatureHub Logo

色彩提取

點選直接複製色值

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
FeatureHub
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#011061rgb(1, 16, 97) · hsl(231, 98%, 19%)
WCAG 亮暗底對比度與向量體積
白底 16.8:1 · 暗底 1.2:1 · 2.8 KB

向量程式碼片段

<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 426.48 98.79"><defs><style>.cls-1{fill:#011061;}.cls-2{fill:#5671e9;}.cls-3{fill:#719dea;}.cls-4{fill:#0cb6ec;}.cls-5{fill:#6dd3f4;}.cls-6{fill:#95f0da;}</style></defs><title>Feature Hub</title><path class="cls-1" d="M112,29.81h25.23v6.75H119.43V47h16.2v6.75h-16.2v17.7H112Z"/><path class="cls-1" d="M138.38,56.41c0-9.68,6.75-15.9,15.78-15.9s14.89,6.75,14.89,15.18c0,0,0,1.32-.12,2.52H145.49c.24,4.78,3.77,7.89,9.09,7.89a10.39,10.39,0,0,0,8.13-3.47L167,66.81a16.31,16.31,0,0,1-12.68,5.39c-9.44,0-16-6.1-16-15.55Zm23.38-3.23c0-3.58-3.41-6.57-7.6-6.57-4.48,0-8.19,2.93-8.49,6.57Z"/><path class="cls-1" d="M186.09,40.69c5.08,0,8.61,2.21,9.63,5V41.34h7.17V71.48h-7.17V67.11c-1,2.81-4.55,5-9.63,5-8.49,0-15.07-6.82-15.07-15.73S177.6,40.69,186.09,40.69Zm1,24.93a9.21,9.21,0,0,0,0-18.42,8.85,8.85,0,0,0-8.91,9.21A8.85,8.85,0,0,0,187.05,65.62Z"/><path class="cls-1" d="M209.64,47.86h-3.88V41.34h3.88V29.81h7.18V41.34h6.52v6.52h-6.52V71.48h-7.18Z"/><path class="cls-1" d="M225.85,41.34h7.23V58.92c0,4.73,2.81,6.76,6.58,6.76s6.58-2,6.58-6.82V41.34h7.23v18c0,8.73-6.34,12.92-13.87,12.92s-13.75-4.13-13.75-12.74Z"/><path class="cls-1" d="M258,41.34h7.12v4.49c1.43-3.11,4.66-5.08,9-5.08a15.29,15.29,0,0,1,2.15.18v6.93a14.37,14.37,0,0,0-3-.3c-5,0-8.13,3.11-8.13,8.07V71.48H258Z"/><path class="cls-1" d="M276.49,56.41c0-9.68,6.75-15.9,15.78-15.9s14.89,6.75,14.89,15.18c0,0,0,1.32-.12,2.52H283.6c.24,4.78,3.77,7.89,9.09,7.89a10.39,10.39,0,0,0,8.13-3.47l4.31,4.18a16.31,16.31,0,0,1-12.68,5.39c-9.45,0-16-6.1-16-15.55Zm23.37-3.23c0-3.58-3.4-6.57-7.59-6.57-4.48,0-8.19,2.93-8.49,6.57Z"/><path class="cls-1" d="M317.08,29.81h7.48V46.07h20V29.81H352V71.48h-7.41V52.82h-20V71.48h-7.48Z"/><path class="cls-1" d="M358,41.34h7.23V58.92c0,4.73,2.81,6.76,6.58,6.76s6.58-2,6.58-6.82V41.34h7.23v18c0,8.73-6.34,12.92-13.87,12.92S358,68.13,358,59.52Z"/><path class="cls-1" d="M390.09,29.81h7.17v15.9c1-2.81,4.54-5,9.63-5,8.49,0,15.06,6.81,15.06,15.72s-6.57,15.73-15.06,15.73c-5.09,0-8.61-2.22-9.63-5v4.37h-7.17Zm15.84,35.81a8.86,8.86,0,0,0,8.91-9.21,8.86,8.86,0,0,0-8.91-9.21,9.21,9.21,0,1,0,0,18.42Z"/><path class="cls-2" d="M49.93,47.63s8.32-16.87,8.47-25.79S46.08,3.27,36.16,5.68s-6.37,14.74-1.55,22.67S49.93,47.63,49.93,47.63Z"/><path class="cls-3" d="M45.38,50.12S34.75,38.22,23.69,35.67A16.73,16.73,0,0,0,3.85,46.29C2.3,51.54,3,57,9.81,59.05c6.52,2,16.58,1,24.23-2S45.38,50.12,45.38,50.12Z"/><path class="cls-4" d="M47.8,55.24S36.68,61.13,30.64,67.85C24.27,74.94,23.5,82,27.71,89.67s13.37,9.38,17.67,3.83C52.18,84.71,49.52,61.9,47.8,55.24Z"/><path class="cls-5" d="M53.31,55.24s1.56,15.59,8.79,22.53,18.42,3.77,20.69-1.87S75.56,62,53.31,55.24Z"/><path class="cls-6" d="M54.87,49.85S69.32,55.24,78.82,52C87.75,48.91,91,38.16,84.49,29.87,74.43,17,56.43,44.47,54.87,49.85Z"/></svg>

設計應用建議

  • 保持原生 4.32:1 寬高比(viewBox "0 0 426.48 98.79")等比例縮放,切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 在深色背景下建議優先選用反白、淺色襯底或官方暗色專版
檢視更多同類
操作已完成