fabbo

fabbo 官方向量標誌，歸屬企業組織分類，提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

滾輪縮放 · 拖動平移 · 雙擊放大

色彩提取

點選直接複製色值

單色純正規範該標誌採用單一品牌官方基色，建議在排版中保持純正

下載 SVG 向量檔案 PNG

一鍵打包 ZIP

ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究

優惠碼 6666888 享95折

ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連

限時特惠碼 6666888 享95折

向量格式: SVG · 1:1
匯出解析度: 1024 × 1024 px
畫布視口: 0 0 512 512
原始碼體積: 2.2 KB · 6 個路徑節點
官方來源: https://fabbo.ai/

編輯與匯出

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

顏色

單色

背景

留白0%圓角0%

格式

尺寸

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

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

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

品牌實體 / 展示名稱: fabbo
行業分類歸屬: 企業組織
官方基色 (HEX / RGB / HSL): #000000rgb(0, 0, 0) · hsl(0, 0%, 0%)
WCAG 亮暗底對比度與向量體積: 白底 21:1 · 暗底 1.1:1 · 2.2 KB

向量程式碼片段

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
  <defs>
    <!-- Single unified gradient for the F -->
    <linearGradient id="fGrad" x1="0.2" y1="0" x2="0.8" y2="1">
      <stop offset="0%" stop-color="#F5B84C"/>
      <stop offset="50%" stop-color="#E8962E"/>
      <stop offset="100%" stop-color="#D4820E"/>
    </linearGradient>
    <!-- Subtle warm glow behind the F -->
    <filter id="fGlow" x="-12%" y="-12%" width="124%" height="124%">
      <feGaussianBlur in="SourceAlpha" stdDeviation="8" result="blur"/>
      <feFlood flood-color="#E8962E" flood-opacity="0.12" result="color"/>
      <feComposite in="color" in2="blur" operator="in" result="glow"/>
      <feMerge>
        <feMergeNode in="glow"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
  </defs>

  <!-- Dark background -->
  <rect width="512" height="512" rx="80" ry="80" fill="#0C0F1A"/>

  <!-- Camera viewfinder corner brackets -->
  <!-- Top-left -->
  <path d="M 68 138 L 68 88 Q 68 68 88 68 L 138 68" fill="none" stroke="#E8962E" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/>
  <!-- Top-right -->
  <path d="M 374 68 L 424 68 Q 444 68 444 88 L 444 138" fill="none" stroke="#E8962E" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/>
  <!-- Bottom-left -->
  <path d="M 68 374 L 68 424 Q 68 444 88 444 L 138 444" fill="none" stroke="#E8962E" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/>
  <!-- Bottom-right — teal accent -->
  <path d="M 374 444 L 424 444 Q 444 444 444 424 L 444 374" fill="none" stroke="#2DD4BF" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/>

  <!-- Letter F as a single unified path — no seams -->
  <g filter="url(#fGlow)">
    <path d="
      M 174 120
      L 350 120
      Q 358 120 358 128
      L 358 164
      Q 358 172 350 172
      L 234 172
      L 234 228
      L 318 228
      Q 326 228 326 236
      L 326 268
      Q 326 276 318 276
      L 234 276
      L 234 384
      Q 234 392 226 392
      L 182 392
      Q 174 392 174 384
      L 174 128
      Q 174 120 182 120
      Z
    " fill="url(#fGrad)"/>
  </g>
</svg>