跳到主要內容

VIBE

VIBE 官方向量標誌,歸屬金融支付分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

VIBE Logo

色彩提取

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

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
VIBE
行業分類歸屬
金融支付
官方基色 (HEX / RGB / HSL)
#338BE5rgb(51, 139, 229) · hsl(210, 77%, 55%)
WCAG 亮暗底對比度與向量體積
白底 3.5:1 · 暗底 5.6:1 · 1.5 KB

向量程式碼片段

<svg height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><g fill="none"><circle cx="16" cy="16" fill="#338be5" r="16"/><path d="M22.63 16.918c.73.196 1.45.423 2.098.822.288.177.557.385.8.619.36.4.336.822.008 1.245-.288.368-.68.603-1.097.799-1.056.509-2.176.799-3.32.971-.929.14-1.873.22-2.81.337a.342.342 0 00-.216.149c-.656.978-1.304 1.957-1.96 2.936a1.79 1.79 0 00-.144.204 272.253 272.253 0 01-2.057-3.133.33.33 0 00-.28-.164c-1.873-.133-3.721-.376-5.49-1.01-.56-.196-1.096-.439-1.56-.807-.025-.024-.057-.04-.08-.063-.68-.571-.697-1.182-.04-1.77.52-.47 1.16-.736 1.824-.94s1.336-.352 2.009-.524c.032-.008.064-.008.12-.024-1.449-2.216-2.881-4.409-4.346-6.633.088-.008.152-.016.208-.016.905-.008 1.809 0 2.713-.008a.327.327 0 01.312.18c2.19 3.34 4.378 6.681 6.563 10.025a.98.98 0 00.112.157c.504-.76.992-1.488 1.472-2.217 1.76-2.66 3.521-5.317 5.282-7.972.064-.094.112-.165.256-.165.952.008 1.905.008 2.857.008.045 0 .09.002.136.008a3255.396 3255.396 0 01-4.466 6.72c.377.093.737.172 1.097.266zm-13.732 1.88c.186.207.405.385.648.524 1 .533 2.105.728 3.25.9-.016-.054-.016-.078-.024-.093-.649-.98-1.289-1.966-1.937-2.945a.231.231 0 00-.2-.063c-.38.125-.752.274-1.113.447a2.227 2.227 0 00-.616.501.517.517 0 00-.008.728zm12.604.845a2.672 2.672 0 001.16-.658c.321-.32.321-.681 0-1.01a1.226 1.226 0 00-.271-.22c-.344-.172-.704-.336-1.057-.508-.12-.063-.192-.016-.264.094-.376.58-.76 1.15-1.144 1.723-.24.36-.48.728-.728 1.104a.769.769 0 00.192 0c.704-.172 1.416-.329 2.112-.525zM21.51 9l-5.481 8.732L10.475 9z" fill="#fff"/></g></svg>

設計應用建議

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